67677

前端性能分析是一名前端必须掌握的技能，本文对字节剪映web为例，介绍如何使用PageSpeed Insights和Chrome Performance工具分析页面性能...

纯 js 实现基于 canvas 的文本划词高亮，与文本展示内容的结构完全解耦，不改变文本内容原本的 DOM 结构。...

ResizeObserver API 的目标是提供一种高效且准确地监听 DOM 元素尺寸变化的方法，以满足开发者在动态布局和自适应界面方面的需求。...

这篇文章主要讲如何根据注释，通过babel插件给相应函数插入埋点代码。代码中有两个函数，其中一个`//_tracker`的注释，另一个没有。转译之后只给有注释的函数添加埋点...

“我报名参加金石计划1期挑战——瓜分10万奖池，这是我的第1篇文章，点击查看活动详情” 最近新入职了一家公司，接手之前的人做的前端埋点方案，业务代码真是一言难尽，因此我重构...

前几天有朋友问了我个问题： 是否可以通过 eslint 插件实现自动把属性访问变成可选链的方式。 这当然是可以的，我们来实现下： 创建项目，新建 package.json ...

在 React hook 中，useEffect 用来取代 componentDidMount 和 componentDidUpdate。主要作用是当页面渲染后，进行一些副...

这里的stopTime和 startTime为开始和结束的日期格式，需要将时间差转化为秒或者分钟，再进行逻辑判断。...

Javascript 放大镜效果（大小适配) 需求列表 鼠标进入盒子里面控制遮罩层和放大盒子显示与隐藏 遮罩层跟随鼠标移动且遮罩层不超出盒子限定范围内 图片盒子/遮罩层/放...

本文主要讨论如何在 React 中捕获和处理错误，介绍了 try/catch 和错误边界（Error Boundary）等方法的适用场景以及优缺点，以及 Dan 给出的一个...

前段时间一直在研究react ssr技术，然后写了一个完整的ssr开发骨架。今天写文，主要是把我的研究成果的精华内容整理落地，另外通过再次梳理希望发现更多优化的地方，也希望...

原生js实现一个放大镜 学习js之初，写过js放大镜，但是当时模模糊糊，似懂非懂，最近重温js内容，决定重写了一下这个放大镜效果，希望可以让初学者对js-DOM的练习更好上...

JS “放大镜”效果实现 需求阐述 用户鼠标移入出现遮罩层（即放大镜）， 同时右侧显现放大同样位置的图片， 鼠标移出,遮罩层和放大的图片隐藏不见， 鼠标移动，遮罩层移动，显...

进度条的应用是为了显示的告诉用户文件上传了多少，对于小文件的上传基本上应用不到进度条。进度条主要应用于大文件的上传，在于告诉用户上传情况，不至于让用户无状态等待，增加了用户...

Formily如何实现自定义组件？Formily是什么？ 这里引用官网的描述： Formily 是一个由阿里巴巴集团多部共建的面向中后台复杂场景的表单解决方案，它也是一个表...

背景 当我们的页面内容和我们的标题需要强关联的时候，我们的电梯导航就出现了，我们可以按照双向滚动绑定进行实现，如我们经常使用的在线文章编辑器中的编辑区和实时预览区域，让两者...

最近基于 react-rnd 封装了一个拖拽辅助线吸附的组件，代码已发布到github，在这里记录并分享一下实现的思路。...

这将是可视化埋点系列的最后一篇文章，重点将会集中在 xpath 的稳定性及实战中的边界条件。主要会提及在实战中 xpath 遇到的边界条件，解答之前文章遗留的坑点，也算是本...

组件背景 不管是老用户还是新用户，在产品发布新版本、有新功能上线、或是现有功能更新的场景下，都需要一定的指导。功能引导组件就是互联网产品中的指示牌，它旨在带领用户参观产品，...