很多同学网站都在用静态博客,安全轻量的同时也带来了些许麻烦,正如首图中那样,站点被别人全盘撸走,反而比自己文章关键字还高.自己辛辛苦苦的耕耘变成了别人的果实…所以本文提供一下通过JS手段防止网站被扒皮的手段...let siteprotect=1;//做一个flag 然后用于下面判断这段JS是否执行 if(self !...let whitelist=['huai.pub','127.0.0.1','localhost','']; //host白名单;空的话,为以file类型打开,是为了防止保存到本地调试,如果不担心此条...把上面部分放到一个不得不运行且打开页面就运行的JS里面(不建议放到公共资源部分,比如 jQuery之类的 )…当然 需要按照注释修改为自己的参数; 之后将这条JS 加密 然后将第二部分放到页面底部的JS...中,同时也加密后再引入(siteprotect变量可以改名 且改掉值,最好使用随机值) 重要的是 JS一定要加密 且放到对站点效果影响大的JS中… 这样就算被别人恶意保存,基本也不会有大的问题了
name 文件名 data 数据 type mime类型 saveAs: function (name, data, type) { const ele...
03、Vue Devtools 地址：https://devtools.vuejs.org/ 一个调试 Vue.js 项目的简单工具。...04、Vue CLI 地址：https://cli.vuejs.org/ Vue.js 开发人员更简单的标准工具。...14、Vue.js Guide 地址：https://vuejs.org/guide/introduction.html Vue.js 开发人员最完整、最详细的指南。...15、Vue Select 地址：https://vue-select.org/ 帮助我们构建具有对 Vue.js 开发人员有用的功能的组件。...17、VeeValidate 地址：https://vee-validate.logaretm.com/v4/ Vue.js 中的表单验证工具。
本文简介 之前有些工友留言：在 fabric.js 中怎么保存元素的自定义属性？ 比如，创建一个矩形，这个矩形有自己的 ID 属性，在执行序列化操作出来的结果却看不到 ID 属性了。
工欲善其事必先利其器，在此给 Web 开发人员推荐几款优秀的开源文档生成工具，希望能对大家有所帮助。...1、JavaScript JSDoc 3 这是一款根据 Javascript 文件中注释信息，生成 JavaScript 应用、库、模块的 API 文档的工具。...docdash (example) tui-jsdoc-template (example) 构建工具 JSDoc Grunt plugin JSDoc Gulp plugin 其它工具 jsdoc-to-markdown...Demo [image.png] 2、API apiDoc 这是一款 RESTful Web API 文档生成工具，一个在注释里边编写 API 文档的小工具。...自己整理了一份2018最全面前端学习资料，从最基础的HTML+CSS+JS到移动端HTML5到各种框架都有整理，送给每一位前端小伙伴，有想学习web前端的，或是转行，或是大学生，还有工作中想提升自己能力的
_indexBy() 返回一个key-value形式的js对象可用于添加商品业务逻辑的实现； _.map(productsData,function(product){ var objNegative=.../jquery.js"> *{padding: 0;margin:0;} table{border-collapse
来源：猪啰啰 https://juejin.cn/post/6953882449235410951 我们的项目是前端用vue,服务端用node.js,这个excel导出我们已经用了一年,我们目前用到的无非是图片导出...这个node端的封装是经过同事不断的review(感谢同事),俺不断的修改优化后的代码,当时也是我第一次接触node.js,只想告诉你,用它,稳稳的！...node.js服务端代码 1.拿到需要导出的数据之后如何使用(假数据模拟,下面是页面) ?...return item })) })) } } } module.exports = exportFileService 复制代码 3.调用下载接口后node.js...method: 'get', params: { query: qs.stringify(params), }, }) } 复制代码 utils /** * 本地保存文件并导出
我们的项目是前端用vue,服务端用node.js,这个excel导出我们已经用了一年,我们目前用到的无非是图片导出,文本导出,调调excel单元格距离等....这个node端的封装是经过同事不断的review(感谢同事),俺不断的修改优化后的代码,当时也是我第一次接触node.js,只想告诉你,用它,稳稳的！...node.js服务端代码 1.拿到需要导出的数据之后如何使用(假数据模拟,下面是页面) image.png constructor(prop) { super(prop) // 定义...return item })) })) } } } module.exports = exportFileService 复制代码 3.调用下载接口后node.js... method: 'get', params: { query: qs.stringify(params), }, }) } 复制代码 utils /** * 本地保存文件并导出
转自: 前端全栈开发者 在本文中，我为前端Web开发人员汇总了30种顶级工具，从代码编辑器和代码游乐场到CSS生成器，JS库等等。...虽然一些主要的浏览器已经实现了很好的工具来让你可视化你的网格，但一些开发人员可以做一些额外的帮助。这是CSS Grid生成器可能派上用场的地方。...Next.js https://nextjs.org/ Next.js是一个免费的开源框架，用于静态导出的React应用。...完全开源，凭借其直观的语法和出色的文档，你可以立即使用Anime.js并开始运行。 跨浏览器测试 开发人员无法控制要从哪种设备访问其网站或应用程序。在2019年，超过一半的网络流量来自移动设备。...代码协作和游乐场 以下是一些很棒的工具，可让您快速共享代码，原型和测试项目构想。
在第一章，曾经给过您建议，密码不要保存在文档中，那样不安全，如果密码很多而且又很复杂，人的大脑是不可能很容易记住的，只能记录下来，如果不能记在文档中那记在哪里呢？...单击菜单上的“文件—新建”，选择数据库存放的路径，选择一个路径来保存我们的数据库，然后点击保存： ?...最后，一定要记住保存密码，点击“文件->保存”，或工具栏上的保存按钮。 ?...l Keepass数据的备份 备份你所保存的密码数据库文件（*.kdb）。如果你生在了密钥，还要保存密钥文件。...保存好你的数据。尽管你有数不清的密码，但只需看好一个KeePass数据备份就可以了。
什么是js混淆工具？js混淆工具是一种能够将js代码转换成难以阅读和理解的代码的工具，通常用于保护js代码的安全性和版权，防止被恶意修改或盗用。...为什么要使用js混淆工具？js混淆工具的主要目的是为了保护js代码不被轻易地反编译或者破解，提高js代码的安全性和稳定性。...因此，使用js混淆工具可以有效地防止上述情况发生，提高js代码的保密性和抗攻击性。如何选择合适的js混淆工具？市面上有很多不同类型和功能的js混淆工具，如何选择合适的js混淆工具呢？...因此，在选择js混淆工具时，需要根据自己的目标用户和浏览器环境，选择合适的js语言标准和浏览器兼容性。常用的js混淆工具有哪些？...总结js混淆工具是一种能够保护js代码安全性和版权的工具，通过将代码转换成难以阅读和理解的形式来实现。在选择js混淆工具时，需要根据自己的需求和使用场景选择。
meta charset="UTF-8"> 网页HTML存本地 </script> 保存文件 function fake_click(obj) { var ev = document.createEvent
x0849d3d13c:"OQ==",__x064a087eee:"bm1LJTA0JTAzJTAyViUwOCUwMQ=="}); 我们可以看到将对象每个属性都分开混淆结果返回一个对象，这样可以极大的阻止有人分析我们js...我们这样写一个混淆工具，后面就可以根据混淆实现混淆还原工具
## plop 模板工具 概述 plop 模板生成cli 安装 // 全局安装 npm i -g plop // 本地安装 npm i --save-dev plop 配置文件 // 更目录创建文件...plopfile.js plop将已该文件作为执行入口 // 导出执行函数 module.exports = function(plop){ plop.getGenerator("模板名称...description: "操作描述", prompts: [], // 交互提示 actions: [] // 执行操作 }) } 基础使用 注册 // plopfile.js...module.exports = function (plop){ plop.setGenerator('view', conf) } // module/components/prompt.js...} } module.exports = function (plop){ plop.setGenerator('view', conf) } // root/plopfile.js
那么，新手开发人员是否应该使用这些工具呢？答案是肯定的，但是需要谨慎。...AI编程工具的优势 移除入门障碍: 对于新手开发人员来说，这些工具可以提供如何开始项目或工具的想法，即使它们不生成正确的代码，也可以指导新手如何开始。...不可替代人类开发人员: 尽管有人担心这些工具会取代开发人员，但目前它们还远远无法生成复杂的正确、高效的代码。它们是优秀的编码伙伴，但不能完全依赖。...结论 新手开发人员应该使用 AI 编程工具，因为它们可以帮助他们更快更好地工作。然而，关键在于如何使用它们。...新手开发人员应该像对待互联网上的任何其他资源一样对待这些工具，不要盲目复制和粘贴代码，而是要理解它们。 AI 编程工具是一把双刃剑。它们可以是强大的助手，也可以是危险的陷阱。
现在来讨论一些不同的非SQL存储/处理数据工具，例如，NoSQL数据库，全文搜索引擎，实时流式处理，图形数据库等。 1、MongoDB——最受欢迎的，跨平台的，面向文档的数据库。...你可以试着从几大方面了解MongoDB，如实时监控MongoDB工具、内存使用量和页面错误、连接数、数据库操作、复制集等。...Redis 有三个主要使其有别于其它很多竞争对手的特点：Redis是完全在内存中保存数据的数据库，使用磁盘只是为了持久性目的; Redis相比许多键值数据存储系统有相对丰富的数据类型; Redis可以将数据复制到任意数
推荐10个能够提高开发人员开发效率的10个工具 腾讯云开发CloudBase 云开发（Tencent CloudBase，TCB）： Cloud Base是腾讯云提供的云原生一体化开发环境和工具平台，例如我们可以再这个平台上来搭建自己的网站...KnowStreaming：Know Streaming脱胎于互联网公司内部多年的Kafka运营实践经验，是面向Kafka用户、Kafka运维人员打造的共享多租户Kafka管控平台，用这个平台免去了开发人员对...https://tool.lu/ ：开发过程少不了需要各种工具箱,例如 Json格式化、时间错转换、Cron时间计算等等,都在这个百宝箱里一应俱全 这个百宝箱里面包含了IT人员常用的在线工具, 合理快速的找到对应的工具...重要的是这款远程笔记也支持Markdown PrettyZoo PrettyZoo：PrettyZoo是一款优秀的可视化zookeeper管理工具,能够对zookeeper方便的进行增删改查的操作。...方便开发人员对zookeeper的了解。 相比于去服务器上用CLI, 这个简直就是开发人员的福音
用于评估 Kubernetes 安全性的工具 如今，有许多工具可用于审计和监控 Kubernetes 安装。这些工具有助于编码和配置规则的可视化。...该工具可以使用多种方法进行评估。当以其中一种方式使用时，它可以在 pod 内工作。 首先，管理员必须为主机提供 PID 命名空间。然后，该工具确定需要评估哪些 pod，连接到 pod，然后开始分析。...如果遵守所有 CIS 标准，此工具将向您显示哪些部分未遵循以及哪些部分是成功的。它还根据已确定的问题报告建议。...kube-hunter是一个开源安全工具，旨在与 Kubernetes 集群及其节点一起工作。...到目前为止，我们已经讨论了可以帮助您的组织维护或提供 Kubernetes 集群安全性的各种工具。但是，每种工具都有其规格，因此，它完全取决于您组织的要求。
Node.js 支持开发功能强大的应用，例如实时追踪 App、视频 / 文本聊天引擎、社交媒体 App 等，当前已成为开发人员热衷的一项技能。...本文作者基于自身实施经历，给出一张 Node.js 学习路线图。建议开发人员考虑深入掌握 Node.js 之前，必须明确自己构建的目标，否则容易半途而废。...HTTP/HTTPS 协议：一位优秀的 Node.js 开发人员，应具备传输协议数据传输的基础知识，因为每位后端开发人员都需要深入理解 HTTP/HTTPS 的工作机制。...Express.js：提供构建应用所需的最小化接口和工具，非常灵活易用，大量 npm 模块可直接插入 Expresss 使用。...Koa.js：如果开发人员考虑构建一个经得起时间考验、易于维护的鲁棒应用，Koa.js 无疑是很好的选择。Koa 应用实现为包含一组中间件函数数组的对象，其中函数以堆栈方式执行。
领取专属 10元无门槛券
手把手带您无忧上云
