摘要：
需求 为了防止截图等安全问题，在web项目页面中生成一个平铺全屏的水印 要求水印内容为用户名，水印节点用户不能通过开发者工具等删除 效果 如上图 在body节点下插入水印DOM节点，水印节点覆盖在页面最上层但不影响页面正常操作 在通过js或者用户通过开发者工具删除或修改水印节点时自动复原 原理 通过 阅读全文
摘要：
本人微信公众号：前端修炼之路，欢迎关注。 之前用过gulp、grunt，但是一直没有学习过webpack。这两天刚好有时间，学习了下webpack。webpack要想深入研究，配置的东西比较多，网上的资源也有很多。我这里学习的主要途径是webpack官方给出的指南，和webpack中文网的翻译版本。 阅读全文
摘要：
跨域，相信大家无论是在工作中还是在面试中经常遇到这个问题，常常在网上看到别人所整理的一些方法，看似知道是怎么回事，但如果没有动手实践过，总觉得自己没有真正的掌握，在这里，通过自己认真思考整理一些常用的方法。 跨域的产生 不用多讲，作为一名前端开发人员，相信大家都知道跨域是因为浏览器的同源策略所导致的 阅读全文
摘要：
现在做后台系统用vue + elementUI 的越来越多，那element ui的 el table 组件肯定也离不开。虽然element ui的table组件很好。但是表格和分页是分离的。每次写表格的时候都要写分页。这个就比较麻烦了。那我们可不可以把表格和分页封装在一起呢？照这个思路那我们重新封 阅读全文
摘要：
随着ES6的普及，async/await的语法受到更多JS开发者的青睐，Koa.js作为比较早支持使用该语法的Node框架越来越受到大家的喜爱，虽然Koa.js本身支持的功能很有限，但官方和社区提供了很多各种功能的中间件，本文精选了其中的十个，对于我们开发应用程序或者框架将会特别有用。 No.1 k 阅读全文
摘要：
首先我们应该知道js引擎在读取js代码时会进行两个步骤： 第一个步骤是解释。 第二个步骤是执行。 所谓解释就是会先通篇扫描所有的Js代码，然后把所有声明提升到顶端，第二步是执行，执行就是操作一类的。 我们先来看个简单的变量提升案例吧 遇到 script 标签的话 js 就进行预解析，将变量 var 阅读全文
摘要：
很多时候面临换项目组，公司内部换等等，需要清除之前的权限，电脑更换等... 确实很烦人，所以记录也是给自己下次更加快速方便的使用 插件安装 个人常用的一些插件，发现好用的会更新 插件名 功能 vscode fileheader 文件头部信息 ESLint 代码校验工具 Auto Close Tag 阅读全文
摘要：
当函数执行到this.agents.splice()时，我设置了断点。发现传参index是0，但是页面上的列表项对应的第一行数据没有被删除， WTF！！！ 这是什么鬼！然后我打开Vue Devtools, 然后刷新了一下，发现那个数组的第一项还是存在的 然后我就谷歌了一下，发现这个splice no 阅读全文
摘要：
前言 富文本编辑器是项目中不可或缺的部分，目前市面上可以选择的富文本编辑器种类繁多，如何在项目中选择一款集轻量，美观，稳定，坑少，满足需求的富文本编辑器变成了团队中一个重要的问题。 现在项目中使用的是 WangEditor，为了寻找到更好的替代品，我针对 Ant Design 官方推荐的两款的富文本 阅读全文
摘要：
1. File System 所有文件操作提供同步和异步的两种方式，本笔记只记录异步的API 异步方式其最后一个参数是回调函数。回调函数的第一个参数往往是错误对象，如果没有发生参数，那么第一个参数可能是null或者undefinded。 同步函数可以使用try catch 捕获异常 多个异步函数在同 阅读全文