Daes

一个完整的前端监控平台包括三个部分：数据采集与上报、数据整理和存储、数据展示。 本文要讲的就是其中的第一个环节——数据采集与上报。下图是本文要讲述内容的大纲，大家可以先大致...

Chrome Devtools 的 Performance 工具是性能分析和优化的利器，因为它可以记录每一段代码的耗时，进而分析出性能瓶颈，然后做针对性的优化。 这么强大的...

我的同事阿洋问我：为什么你可以每天6点准时下班？ 我没有回答，并扔给它一个名叫vueuse的库。 没错，这就是按时下班的秘诀~...

1、如何隐藏所有指定元素？2、如何确认元素是否具有指定的类？3、如何切换元素的类？4、如何获取当前页面的滚动位置？5、如何评价滚动到页面顶部？6、如何确认父元素是否包含子元...

最近项目中遇到传统的锚点问题。那什么是锚点问题呢？ 锚点 是网页制作中超级链接的一种，又叫命名锚记。命名锚记像一个迅速定位器一样是一种页面内的超级链接，运用相当普遍。并且可...

今天主要给大家分享下本人在日常开发中关于 IntersectionObserver 的一些实际应用，关于 API 原理以及介绍大家可以阅读 Intersection Obs...

这篇文章是三天前写就的，有大佬给我提了一些修改意见，我觉得这个意见确实中肯。所以就有了这个升级的修改版本。代码同步更新到 GitHub 了。 我入职第二家公司接到的第一个需...

实现功能isSticky判断是否吸顶功能offsetTop吸顶距离判断是否吸顶功能原理获取整个组件高度并设置this.height=this.$el.offsetHeigh...

sticky被称为粘性定位元素，postion属性值为sticky的元素在目标区域内时表现的和position: relative时无异。 元素固定的相对偏移是相对于离它最...

前段时间写了一个移动端的自适应滑动Vue导航栏组件，觉得有一定实用性，大家可能会用得到（当然有些大佬自己写得更好的话就没必要啦），于是前两天整理了一下，目前已经发布到npm...

3个月之前，我们在掘金发了一篇文章，正式发起了 Vue DevUI 项目。让我们一起建设 Vue DevUI 项目吧！🥳 很快就有不少热爱开源的小伙伴参与进来，于是我们迅...

没有最好的代码规范，只有最合适的代码规范，但是不妨碍你来看看整理好的拿来即用的前端代码风格指南。看完学会必脱单哦～...

如果你也有这样的感受和困境，我想告诉你，这真的是太正常了，在阿里内部的技术论坛就有多篇关于这个问题的思考，我根据根据自己理解和调研，同时参考了多位不同前端领域专家的总结，整...

设计模式的本质是面向对象设计原则的实际运用，是对类的封装性、继承性和多态性以及类的关联关系和组合关系的充分理解。...

本篇文章就把你的问题给一一解答，当然这些东西想完弄清楚，肯定离不开进程，线程，浏览器内核，渲染，事件循环，任务队列等，我们就一个一个的来看，它们到底是怎么工作的。 举个例子...

堆栈内存和闭包作用域基本类型直接存，引用类型先开个堆往堆里面存；引用类型都是一个堆，每一个堆都有一个16进制的地址，能给我们直接访问（对象堆里面存储的是键值对，函数堆里面存...

自我学习手撕js代码，今天自己手撕一下Array.reduce方法。 每天学习一点。记录一下📝 total 累加值，每次执行回调执行返回的值。 如果传递initialVa...

小时候写看图说话, 记得老师长教导我们要写的语句通顺, 条理清晰. 中国古代文学, 尤其是文言文一向已精简著称. 一句 疑似银河落九天 就能体现出大气磅礴的画面感, 三国演...

Webpack 启动后会从 Entry 里配置的 Module 开始递归解析 Entry 依赖的所有 Module。 每找到一个 Module， 就会根据配置的 Loade...

不同于大家常用的BEM这类规则，原子css就是拆分，所有 CSS 类都有一个唯一的 CSS 规则。例如如下 这样的写法当然没问题，但是当你越写越多的时候，你会发现你需要写很...