本文是作者的 Web 前端阅读资源汇总，根据个人阅读的认可度给出以下标签分类： 可选：文章内容不具备普适性，阅读该文或许可以扩展知识面 推荐：文章内容具有普适性，但不一定具备实用性，阅读该文或许可以获得必要的知识面提升 必读：文章内容具备普适性，且具备实用性，阅读该文或许可以获得必要的技能提升 进阶

本文档列举了多种常用正则表达式，涵盖手机号、邮箱、身份证号等号码相关验证，数字、字符及时间格式校验，以及编程和生活领域中的特定格式如颜色代码、文件路径、金额表示等。每条正则表达式都针对特定的字符串模式设计，帮助开发者快速实现数据格式的合法性检查。此外，还提供了两个在线学习正则表达式的网站链接。

本文详细介绍了多种JavaScript面试中常见的编程题目及其解决方案，包括实现原生AJAX请求、手写`new`操作符、使用`instanceof`关键字判断对象类型、实现防抖和节流函数等。此外，还涵盖了数组去重、用`setTimeout`模拟`setInterval`、实现`compose`和科里化函数、LRU缓存机制、简单的发布订阅模式、JSON解析、DOM与树结构之间的转换、检测对象中的环引用及计算对象层数等功能。文章通过具体代码示例展示了如何解决这些常见问题，并提供了关于数组、对象、函数、字符串以及Promise相关方法的手动实现版本，如`forEach`、`map`、`call`、`apply`、`bind`、`slice`等，帮助读者深入理解JavaScript底层原理。

本文介绍了10个常见的JavaScript手写功能，包括防抖、节流、深拷贝（JSON方法和递归拷贝）、自定义Promise实现、异步控制并发数、ES5与ES6继承方式、数组排序（sort和冒泡排序）、数组去重（Set和indexOf方法）、获取URL参数（URLSearchParams和split方法）以及发布订阅模式。每个功能都附有代码示例和简要说明，帮助读者理解和掌握这些实用技巧。

本文汇总了前端开发中常用的工具包，涵盖组件类、音视频处理、时间处理、编辑器、Markdown转换、拖拽插件、特效、动画库、数字处理、UI框架、Node.js相关工具、调试工具、评论系统、文件操作、实用工具、SVG优化、加密、图片处理、模板引擎、自动化测试、工程化工具、安全相关工具以及React Native组件等多个类别。每种类别下都列举了具体的工具和库，并提供了相应的链接供开发者参考使用。

资源这么多，多看看多学习再总结肯定是好的。多读读就算看重了不算浪费时间，毕竟一千个读者就有一千个林黛玉，还有温故而知新，说不定多读一些内容，就发现惊喜了呢。不过，在此也精简一些内容，就1~2项，只供参考。更多内容细看分类。 js：JavaScript 标准参考教程 js：JavaScr

本文介绍了在项目中常用的一些函数封装，包括日期、数组、对象处理、axios请求以及Promise的使用。对于日期，提供了多种格式化和比较方法；数组部分则涵盖了去重、排序及过滤等操作；对象方面讲述了属性遍历与修改；axios部分展示了GET/POST请求及其拦截器配置；最后讨论了Promise的基本用法和文本框输入验证技巧，如数字或字母限制、长度控制等，旨在提高开发效率。

本文介绍了前端开发过程中常用的工具，涵盖了编辑器、浏览器、文档查询、性能优化、可访问性等多个方面。作者推荐了如VS Code、Firefox、DevDocs、MDN等必备工具，并详细列举了CSS相关的资源（如CSS-Tricks、Can I Use）以及性能优化工具（如SVGOMG、Shrinkme.app）。此外，还提到了一些辅助可访问性测试的工具和一些实用但不那么常见的工具，如响应式断点生成器、CSS渐变生成器等，帮助开发者提高工作效率和项目质量。

该代码片段展示了一个条件渲染的表单项，当`active`等于2时显示。表单项包含一个输入框用于输入名称，最大长度为20，并且具有清除功能。在`el-form-item`标签中添加了`key="name"`属性以确保Vue能够正确追踪元素。

本文介绍了如何在视频上传到OBS之前，通过`el-upload`组件的`before-upload`钩子判断视频的分辨率和宽高比。首先，从文件对象中只能获取后缀格式和大小，需借助`<video>`标签加载视频并监听`loadedmetadata`事件以异步获取视频的实际宽高。若视频不符合预设的分辨率或大小限制，则返回Promise的reject来停止上传，并触发`on-remove`方法移除文件。示例代码展示了这一过程的具体实现。