无论大公司还是小公司，我们开发前端工程时候，项目工程又很多类似的功能或者页面，开发经常是加班加点搬砖去做一些无成长反复操作的工作，看键盘上 Ctrl 键已经被磨掉了漆，C 和 V 也马上磨白了，那对于开发如何把这些重复的工作用机器去解决？在前端资源紧缺的情况下，是否可直接有工具…

大家好啊，我是wangly19，一名前端摸鱼小能手。最近忙着开源项目的东西，还有公司项目的迭代问题，导致更新文章的频率有点低了。也来聊聊我在干嘛吧。 第一个事情就是比较我的阉割版UI Design，要开始Vue3.0的开发工作，所以近期都在看Vue3.0的东西。 其次就是和UI…

前段时间在研究前端异常监控/埋点平台的实现。 在思考方案时，想到了浏览器自带的观察者以及页面生命周期API 。 Intersection Observer，交叉观察者。 Mutation Observer，变动观察者。 Resize Observer，视图观察者。 | 用途 |…

前言技术社区名称地址GitHubhttps://github.com/stackoverflowhttps://stackoverflow.com/制表前端进阶周刊-黑叔666技术博客名称地址掘金ht

持续更新中...封装方法传送门：项目常用JS方法封装(二) [ 时间处理 ]项目常用JS方法封装(三) [ 字符串相关处理 ]项目常用JS方法封装(四) [ 数组相关处理 ]使用方法非常简单，只需放到

最近看到一份非常有意思的前端知识点清单整合，然后就滋生了一个想法emmmm.... 小编根据清单重新画了一个图，然后决定对下方这个图罗列的知识点做一个系统的整合（征服欲燃起了熊熊大火）。工作之余，小编花了大概一周多的时间整理，篇幅较长，建议收藏慢慢细品。 js的变量，说白了就相…

• 第一回合： 也是跟上文一样，浏览器去请求服务器资源，不过这次不是通过Last-Modified了，而是用Etag来设置响应头缓存标识。Etag是由服务端生成的，然后浏览器会将Etag与资源缓存 对比完 Last-Modified 与 Etag，我们可以很显然看到，协商缓存每…

开发活动中，遇到了一个很简单的文字气泡效果，大概就是这样的。 emmmm，看起来很简单。实现思路如下 主体是个div，加上渐变和边框还有圆角即可。 左侧元宝切图，用::before定位在左侧。 右侧老鼠切图，用::after定位在右侧。 基本没啥难度，分分钟就能搞定了。直到..…

本文是笔者写CSS时常用的套路。不论效果再怎么华丽，万变不离其宗。 有时候，我们需要给多个元素添加同一个动画，播放后，不难发现它们会一起运动，一起结束，这样就会显得很平淡无奇。 那么如何将动画变得稍微有趣一点呢？很简单，既然它们都是同一时刻开始运动的，那么让它们不在同一时刻运动…