vscode在前端届是现在越来越普及的开发工具了，因为其开箱即用的特性让人爱不释手，但也因为这个特性让我们开发者对它本身或者其很多提效的设计理念知之甚少，这也是本系列文章出现的原因。

🐳不知道大家平时有没有留意水滴落下的瞬间。 仔细去听，仔细去看，每一滴滴水珠落下泛起的涟漪都让人意向连篇。这次给大家带来水滴按钮。

最近有个项目需要在页面上加上水印。这里尝试了一个实现方案。 left top repeat属性表示背景图像将从left,top开始向垂直和水平方向重复。 支持多个参数，传多个参数时，将分行展示。 当然，该方法也可以直接写在页面js里面。 防止DOM还没加载完的情况出现。

现在越来越多的笔记本电脑内置了指纹识别，用于快速从锁屏进入桌面，一些客户端的软件也支持通过指纹来认证用户身份。 前几天我在想，既然客户端软件能调用指纹设备，web端应该也可以调用，经过一番折腾后，终于实现了这个功能，并应用在了我的开源项目中。 本文就跟大家分享下我的实现思路以及…

大家好，我是 Steven。 打开 CodePen 编辑器，新增一个 <div>，class 是 container；在里面新增三个 <div>，class 是 drop，代表滴下的水点。 在 CSS 那边，新增 .container 选择器，display…

建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是：当从左边组件列表拖拽出一个组件放到画布中时，画布要把这个组件渲染出来。 用一个数组 componentDat…

答:我想这是大部分人看到这个标题都会问的问题.因为作为一个男人,我喜欢长一点,也不喜欢分割成几个部分.一家人就要在一起,整整齐齐.好吧,正经点,其实整篇前言可以说都是在回答这个问题.你可以选择先看完前言,再决定要不要和书本搭配起来阅读. 这里先简单捋一下:1,内容多:首先这篇读…

可以看到这个函数js计算非常少，只有在创建和删除做了一些循环。而且用了createDocumentFragment尽可能的减少了dom操作，对性能提升也有很大帮助

总有些东西是值得研究研究的，虽然我对设计模式也不是很懂，但是学习研究了一下还是觉得受益匪浅的。 我们学习每一个知识点的时候都希望能一下子就能领悟，能吸收成为自己所用的技能。当然这也因人而异了 OK，通过上面的代码就实现了一个图片代理预加载的技术点。