侠客有情剑无情

在项目开发中，往往需要去判断一个元素是否被用户看见（进入可视区），而这是为了去实现某些目的，例如优化资源加载和渲染、添加动画效果、判断广告曝光等等...

本文会列举两个实际场景，来说明该如何使用 MutationObserver 来解决问题，希望对你有所启发。...

文本通过由浅入深逐步实现一个前端两大阵营React和Vue都离不开的表单验证工具库 mini-async-validator，旨在在实现的过程中彻底掌握前端的设计模式之策略...

JavaScript 在处理文件、二进制数据和数据转换时，提供了一系列的 API 和对象，比如 File、Blob、FileReader、ArrayBuffer、Base6...

文件上传 是业务上一个很常见的需求功能，但它涵盖的知识点其实很多。笔者结合自己的工作积累，总结了一篇关于文件上传的常见场景和实现，或许会对正在阅读的你有所帮助。 一、文件上...

工作中用到video标签做视频播放器，一开始用 video.js 插件代替，如果只用这个插件进行简单的播放视频，是不是有点浪费，而且这个插件用 webpack 打包后 ve...

当视频能够预览并上传后，非要来一张视频第一帧的截图贴上，第一帧是黑的怎么办，下一帧。 在video标签上添加preload属性. 以上两种方式都可以成功截取到第一帧（截图方...

虽然 Chrome DevTools 可以模拟手机的环境，但与真实环境差别比较大，所以一般会用真机调试，或者就是用模拟器了。这篇文章主要就是介绍下在mac上如何使用模拟器来...

前几天面试baidu的时候，面试官问：你都知道什么meta标签？用处是什么？尽可能多的说出来。我：嗯……...

在css中，可以通过env()函数读取安全区域规范定义的边界距离值，比如： 但这个方法只能用于css中，JavaScript是无法直接读取env函数的。 想在JavaScr...

iPhone 所有机型的分辨率与尺寸大全，包括不同机型对应的安全距离；获取不同设备的状态栏高度、导航栏高度、tabbar高度。...

iPhone尺寸大全（包含iPhone16系列） 需要注意的地方是iPhone16Pro/ProMax灵动岛的安全区域高度是62pt...

需求场景： 流程图 A页面 > B页面（表单页面） < 互相跳转 > C页面（额外选项 选择地址类似） App.vue router.ts B.vue...

作为豆包代码模型的具体应用， 豆包MarsCode 支持智能识别当前编码任务相关的上下文信息，同时将代码理解、生成、优化、推荐、补全、审查等多维能力融为一体，无缝嵌入研发流...

### 一、前言 #### 1.1 为什么要进行移动端适配 移动端设备的尺寸很多，而UI设计稿一般只会基于一个尺寸（一般是750px）进行设计。假如开发人员完全基于该设计稿...

最近在制作公司官网的时候，遇到了上传文件按钮。因为插件用的多了，刚开始并不知道如何修改按钮的样式！！...

汉字笔顺动画是语文教育需求，我们导入开源的Hanzi Writter并部署编辑器，应用在大力智能作业灯上。相比原版我们扩展了Android和iOS端实现，还提供了更优的动画...

纯干货分享：汇总了我在工作中八年遇到的各种 Nginx 使用场景，对这篇文章进行了细致的整理和层次分明的讲解，旨在提供简洁而深入的内容。希望这能为你提供帮助和启发！...

前言 文章有点长，如果你是以学习的态度来看这篇文章，建议收藏起来慢慢看。 前端自动化部署一直以来概念很清楚知道怎么回事，但是其中怎么操作没怎么研究过。...

“你想做的一定有人做了，你一定不是第一个遇到这个问题的人”——这句话对80%（二八分布）的人是有效的，我也从中获益不少。 在Chrome中使用button标签来高亮被@的用...