一曲红尘诀

文件系统访问API，它解锁了构建强大 Web 应用程序的新功能，例如文本编辑器或IDE、图像编辑工具、改进的导入/导出等等，所有这些都可以在前端进行操作，你也可以做更多有趣...

故事背景 当我们在和产品打交道的时候，我们如何才能表现得比较从容，答案就是我们对浏览器得能力边界足够的了解，如果我们对技术不够了解产品就会怀疑我们的能力，从而有很多毫无意义...

“这是我参与8月更文挑战的第31天，活动详情查看：8月更文挑战” 视频是什么 视频，其实就是一系列连续播放的图片，如果1s钟播放24张图片，那么人眼看到的就不再是一张张独立...

在线免费长视频转GIF动图，支持视频截取, 时间区间选择，文案自定义等功能。无需下载客户端软件，简要的页面操作就能满足GIF动图制作。...

没有禁用触控板，然后不小心碰到导致整个界面都放大，很多功能超出界面不见了。可以通过js拦截双指缩放行为。...

页面加载过程 DOMContentLoaded，readystatechange，load 事件触发时机 以及 和 script 标签设置 defer，async，和默认不...

js如何监听元素是否出现在可视区域, 元素尺寸是否变化， 元素DOM是否变化, 包括元素子元素, 元素属性等等的监听, 以及对应的任务是宏任务还是微任务。...

元素尺寸offsetParent, offsetLeft, offsetTop, offsetWidth, offsetHeight, clientHeight, clie...

前序 关于副业对于我自己的看法一般会先从自身的职业去拓展，毕竟自己所在的行业自己会更清楚有哪些资源去获取，那么首先我们可以先问万能的gpt我们程序员做副业有哪些实用的推荐，...

一、FlutterUnit 的全平台支持 FlutterUnit 是我的一个开源项目，基于 Flutter 构建的一个 全平台 应用程序。现在很荣幸地宣布: Flutter...

本文详细介绍使用CSS、JS实现页面在滚动时元素逐渐出现/隐藏。这个动画效果会在用户滚动页面时从不同方向逐渐显示/隐藏彩色方块。设置合适的样式和脚本来控制元素的显示和隐藏为...

点击生成需要重新遍历FPS_LIST，为每一帧添加文字，这里需要注意的时，每行文字都有自己对应显示的时间范围，所以需要判断文字绘制在那一帧图片中。然后生成新的图片数组GIF...

什么是Virtual DOM？react和vue如何对Virtual DOM进行diff计算？无代码，纯图片+文字讲解的方式尽可能简单的讲解diff是如何实现的...

这一年，左耳朵耗子走了，大家更要注意身体。 这一年，都是前端已死的论调，我偏偏不信，和很多人争论，就是为了给大家更多温暖。 这一年，降本增笑，我见识了太多，洒泪离开前团队，...

本篇文章介绍了 MessageChannel，它是一种用于在不同的浏览上下文之间传递数据的机制。相较于其他传递数据的方式，MessageChannel 支持多路传输和双向传...

web性能说白了就是网站打开速度快不快，页面中的动画够不够流畅，表单提交的速度是否快，列表滚动页面切换是否卡顿。性能优化就是让网站变得快。 在MDN上对web性能的定义是网...

从一个假死页面引发的思考： 作为前端开发，除了要攻克页面难点，也要有更深的自我目标，性能优化是自我提升中很重要的一环； 在前端开发中，会偶遇到页面假死的现象， 是因为当js...

react diff 算法 diff算法的作用 计算出Virtual DOM中真正变化的部分，并只针对该部分进行原生DOM操作，而非重新渲染整个页面。 传统diff算法 R...

使用 webpack 进行打包，每个资源都可以生成一个带 hash 的路径。浏览器可以利用该 hash 能够做到资源缓存，访问性能提升。 我们可以通过 output.fil...

一种是页面刷新，不保留页面状态，就是简单粗暴，直接window.location.reload()。 另一种是基于WDS (Webpack-dev-server)的模块热替...