Aria本尊

自从HTML5提供了video标签，在网页中播放视频已经变成一个非常简单的事，只要一个video标签，src属性设置为视频的地址就完事了。由于src指向真实的视频网络地址，在早期一般网站资源文件不怎么通过referer设置防盗链，当我们拿到视频的地址后可以随意的下载或使用（每次…

前端团队有评审代码的要求，但由于每个开发人员的水平不同，技术关注点不同，所以对代码评审的关注点不同，为了保证代码质量，团队代码风格统一，特此拟定一份《前端团队代码评审 CheckList 清单》，这样代码评审人员在评审代码时，可以参照这份清单，对代码进行评审。从而辅助整个团队提…

Chrome DevTools作为一名前端开发工程师的赖以生存的工具，日 常的断点调试，抓包http数据都只是基本操作。那么，你还知道他的一些高级用法吗？开发人员不可避免的需要维护别人写的代码，当你面对几十万行代码的大项目的时候，码海啊，茫茫啊，随波逐流，崩崩溃溃，怎么快速查找…

1. 前言 2. Ant Design 的 Form 组件 3. 那么问题来了 4. 开始干活 5. 实现 autoBindForm 6. 实现实时的错误判断 hasError 7. 优化组件, 支持 非必填字段 8. 最后一波, 支持默认字段 10. 使用 11. 最终代码 …

Ant Plus 是 Ant Design Form 的增强版，在其基础上，封装了极其简便的 Form 使用方式与 Form 相关组件的简化 API。 极其简便：告别繁琐的 form.getFieldDecorator 样板代码与冗长的 rules 校验代码。 渐进增强：若不使…

手动校验，通过对表单元素添加change事件监听，获取表单元素值，手动做校验，这不失为一个方法，但有违react设计的思想。 把表单作为一个组件独立出去，页面通过props传入表单组件需要的值，在表单组件内部单独维护相关逻辑，这也是本文推荐的方式。 Form子组件，接收父组件传…

设计前端组件是最能考验开发者基本功的测试之一,因为调用Material design、Antd、iView 等现成组件库的 API 每个人都可以做到,但是很多人并不知道很多常用组件的设计原理。 我们在学习设计模式的时候会遇到很多种设计原则,其中一个设计原则就是单一职责原则,在组…

高阶组件（HOC）是 React 中用于复用组件逻辑的一种高级技巧。HOC 自身不是 React API 的一部分，它是一种基于 React 的组合特性而形成的设计模式。 当你的组件之间出现重复的模式 / 逻辑的时候。 我们有一个 Mouse 组件。 接下来，让我们使用 Gre…

时间回到 2016 年，彼时 996 还不算福报，比特币单价也还远远不到 1000 美元。那时的我怀着对大厂的敬畏和对前途的迷茫，拿着一纸毕业证告别了校园。这第一份名为 Web 前端开发的工作，代码写着写着就到了今天。 一晃三年过去了，从纯粹的赶需求到造轮子、做分享和带团队，许…