表单验证第 2 部分:约束验证 API (JavaScript)
在我上一篇文章中,我向您展示了如何通过结合语义输入类型(例如,<input type="email"/>)和验证属性(例如 required 和 pattern)来使用原生的浏览器表单验证。
虽然非常简单且超级……
在我上一篇文章中,我向您展示了如何通过结合语义输入类型(例如,<input type="email"/>)和验证属性(例如 required 和 pattern)来使用原生的浏览器表单验证。
虽然非常简单且超级……
大多数 JavaScript 表单验证库都很大,并且通常需要其他库,例如 jQuery。例如,MailChimp 的嵌入式表单包含一个 140kb 的验证文件(已压缩)。它包含整个 jQuery 库、一个第三方表单验证插件以及一些自定义的 MailChimp……
Stickybits 是一个小型 JavaScript 实用程序插件。它的目标是不妨碍工作。它擅长做一件事:帮助处理粘性元素。它不依赖于其他 JavaScript 插件,可以通过 npm 导入,并且采用……
我一直提倡使用 SVG 图标系统。现在仍然如此。举几个好处:基于矢量的图标在高像素密度世界中看起来很棒,SVG 提供了许多设计控制,并且它们是可预测且性能良好的。
我也经常提倡……
React 最出名的是一个客户端 JavaScript 框架,但您知道您可以(也许应该!)服务器端渲染 React 吗?
假设您为客户构建了一个快速的新事件列表 React 应用程序。该应用程序已连接……
在第 1 部分中,我介绍了各种函数式风格的技术,用于根据一些 JavaScript 数据干净地渲染 HTML。我们将 UI 分解成组件函数,每个函数根据某些数据返回一部分标记。……
我正在使用 CSS Grid,然后遇到了grid-column 和 grid-row 属性。我停顿了一下。
它们并不复杂。它们是用于表达元素在网格定义的…上的起始位置和结束位置的简写属性。
在前端社区,有很多关于记录 JavaScript 的关注。CSS 却没有那么多。我经常感觉自己迷路了,当我加入一个 CSS 文档很少或没有的项目时。
即使…
这如今确实令人担忧。我从很多很多开发人员那里听说了。他们的项目一年又一年地进行,他们似乎一直在做的事情就是向他们的 CSS 添加内容,而从不删除。这不仅仅是……