摸鱼的页面仔

React 16 之前的 Diff 算法，是同步操作，直接对比两棵虚拟 DOM 树，会阻塞主线程。React 16 引入了 Fiber，将 Diff 操作切成小块就不堵啦～...

数据埋点与我们的产品息息相关，大部分业务的迭代以及收益衡量都离不开埋点数据的分析。 如何用埋点数据分析描述自己开发的产品，是工作中的一节必修课...

网页防篡改，这个如何实现？ 什么是防篡改？就是用户输入input框值，我们传给后端的值就是用户输入的，不能被 js 或者 浏览器插件篡改。...

鼠标框选的需求平常并不常见，但若碰到了，你会做吗？一个较为复杂的组件，api 要如何设计？怎么将平常所学运用其中？...

聊聊webpack中动态/高级打包配置必不可少的环境变量配置，文章内容涉及构建过程以及业务代码中环境变量应该如何配置以及相应的部分注意细节。...

个人使用uni-app开发过多款小程序和app，有长期维护小程序，及app的本地打包上架经验，如下是对这部分工作经历的一些总结。...

我是开源富文本编辑器 wangEditor 作者 王福朋（前端双越老师）。目前暂无精力维护 wangEditor ，在这里做一个原因陈述。...

前言： 在有了获取手机摄像头权限并且记录当前画面的前置知识以后，我们现在已经可以进行下一步实现一个仿微信扫一扫的功能了。...

最近接到的一个需求十分有意思，设计整体实现了前端仿微信扫一扫的功能。整理了一下思路，做一个分享，如果想要实现完整扫一扫的功能，你需要掌握一些前置知识，这次我们先讲如何实现拍...

众所周知，前端H5中浏览器打开相机打开的是原生相机，无法在相机的界面上覆盖自定义的元素，可以使MediaDevices.getUserMedia媒体流来实现该功能。...

whistle是基于Node实现的跨平台web调试代理工具，同类型的工具有Fiddler和Charles，主要用于查看、修改HTTP、HTTPS、Websocket的请求、...

模块入口文件在 package.json 中进行描述，通常使用 main, browser, module, exports 等字段。本文将对各字段的意义与诞生原因、优先级...

一、前言 最近 推特上 一位懂设计和写代码的大神一个两个浏览器之间 星球粒子交互的动画火了， 让人看了大呼脑洞大开， 浏览器竟然还能这么玩！！！ 准备自己也搞搞玩一下 二、...

如此当接收者看到时，可以立即获取到分享链接的一些重要信息。这有助于接收者更好地了解链接的内容，决定是否点击查看详细内容。...

移动端业务中常常会碰到键盘相关的需求，本文带领大家实现一个吸附在键盘上的 input，并深入理解键盘的相关事件...

实现定高、不定高的瀑布流虚拟列表组件，分享实现过程和思路，实现小红书首页的瀑布流虚拟列表效果并进行计算加载优化。...