潜水鱼er

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

如果你熟悉CSS，则可能了解 box-shadow 属性。但是你知道有一个CSS滤镜 drop-shadow 可以做类似的事情吗？就像 box-shadow 一样，我们可以输入x-offset、y-offset、模糊半径和颜色的值。 与 box-shadow 不同，它不需要 s…

1. 数字枚举：初始值可自动增长 1. as语法（值 as 类型） 2. 尖括号语法（<类型>值） 1. 类型守卫 2. 自定义类型守卫 1. 联合类型 2. 类型别名 1. 普通函数 2. 箭头函数 3. 可选参数 4. 默认参数 5. 剩余参数 6. 函数重载 注…

自从使用了 es6 的模块系统后，各种地方愉快地使用 import export default，但也会在老项目中看到使用commonjs规范的 require module.exports。甚至有时候也会常常看到两者互用的场景。使用没有问题，但其中的关联与区别不得其解，使用起…

原本只想筛选下上面的那篇文章，在精简掉了部分多余且无用的工具函数后，感觉不够。于是顺藤摸瓜，找到了原地址： 30 seconds of code 然后将所有代码段都看了遍，筛选了以下一百多段代码片段，并加入了部分自己的理解。 另外，本文工具函数的命名非常值得借鉴。 1. 第一部…

这两个东西，你肯定听过，就是两种优化浏览器性能的手段。相关文章你肯定也看过，如果还是不太清楚，没关系，看完这篇短文，相信你能轻松理解其中差别。 虽然是个笑话，却很好地说明了防抖的定义：给一个固定时间，如果你开始触发动作，并且在这个固定时间内不再有任何动作，我就执行一次，否则我每…

别走，别走，别走啊😭.............................................

在日常的开发中，我们对 scroll 这个单词肯定不陌生。 例如因为看不惯浏览器默认样式而用 JS 一顿猛如虎操作的 自定义滚动条 。 或者是嗖~一下就到顶的 回到顶部 。 又或者是想去哪点哪的 标题导航 。 但是在过去的开发中，要实现这些功能并不是那么轻松的一件事情。 例如我…

回归正题，我们所要的说的axios的封装和api接口的统一管理，其实主要目的就是在帮助我们简化代码和利于后期的更新维护。 在vue项目中，和后台交互获取数据这块，我们通常使用的是axios库，它是基于promise的http库，可运行在浏览器端和node.js中。他有很多优秀的…