需求 为了防止截图等安全问题，在web项目页面中生成一个平铺全屏的水印 要求水印内容为用户名，水印节点用户不能通过开发者工具等删除 效果 如上图 在body节点下插入水印DOM节点，水印节点覆盖在页面最上层但不影…

Warning: Can’t perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks i…

1. watch 与 computed 的巧妙结合 一个简单的列表页面。 你可能会这么做： {代码…} 如果参数比较多 关键字筛选，区域筛选， 设备ID筛选， 分页数， 每页几条数据， 可能会是这样： {代码…} 不过这么写，明显…

今天在写vue项目时，用到了computed计算属性，遇到了使用箭头函数出现this指向问题，这里记录下

设置图标不难，方案就是字体图标，可供使用的图标库也有很多，比如阿里巴巴的 Iconfont，以及 Fontaswsome 等，问题在于如何优雅的提供几百个图标供用户选择，而不需要开发去一个一个的写标签，也不需要一个个的…

由于前端的快速发展，相关工具的发展速度也是相当迅猛，各大框架例如vue,react都有自己优秀的脚手架工具来帮助我们快速启动一个新项目，也正式因为这个原因，我们对于脚手架中最关键的一环webpack相关的优化知之…

有阅读障碍的同学，可以跳过第一至四节，下载我写好的工具包: git clone https://github.com/zhangyunchencc/vuepress-devkit.git 然后从第五节开始看。

如今的前端项目追求的不仅仅是能用能看的程度，而是愈发追求项目的性能，对用户体验的影响。而现在的开发工具在性能优化方面也替我们做很大一部分的工作，想必大家对CDN的使用都是轻车熟路了，但是大家有没有考虑…

If you have used vue I guess you probably know or have used computed. It seems pretty convenient and easy to use. However, it may bring you some problems if you didn’t understand it totally.

1、打开Chrome网上应用商店安装插件（自墙）,直接搜索devTools安装即可。贵宾传送阵，请戳这里→Chrome网上应用商店