绍了一些对开发人员和设计人员有用的工具和技术。这一次,让我们看看 vanilla JavaScript 代码片段——资源和轻量级库,以帮助您解决问题而无需大量开销或第三方依赖项。
时不时地,我们不得不处理遗留代码,涉足代码库的阴暗面和怪诞的一面,通常伴随着模糊、模棱两可和令人不安的文档——如果有的话。
在这种情况下,重构组件似乎是不可避免的。
或者您可能需要管理日期和数组,或操作 DOM——只是不需 印度尼西亚手机号码数据 要为此类简单任务添加外部依赖项,但我们需要找出最佳方法来做到这一点。探索轻量级 vanilla JavaScript 代码片段也是一个好主意——最好是那些没有任何第三方依赖项的代码片段。幸运的是,并不缺少做到这一点的工具。
更多有用的工具:CSS 审计工具
CSS 生成器
SVG 生成器
可访问的前端组件
有用的 DevTools 提示和快捷方式
另外,订阅我们的时事通讯不要错过下一个。
30 秒代码
30 Seconds of Code拥有一个巨大的 JavaScript 短代码片段存储库,包括用于处理基元、数组和对象的助手,以及算法、DOM 操作函数和 Node.js 实用程序。您还可以找到大量适用于 Python、React Hooks、React Components 和 Node.js 的小型实用程序。它还具有有用的 JavaScript 备忘单。
30 Seconds of Code,包含大量短代码片段和 JavaScript 速查表。
HTML 域名
HTML Dom为从切换密码可见性到创建可调整大小的拆分视图的所有内容提供了120 多个可靠的纯 JavaScript 片段——所有这些都受现代浏览器和 IE11+ 支持。

要参考。这些网站以代码片段存储库为特色,涵盖从 UI 和输入到媒体、导航和视觉效果的所有内容(用例不仅针对 jQuery,而且几乎所有遗留代码)。
Learn Vanilla JS提供有关 vanilla JS 的书籍、课程、常青资源、社区和播客。一个很棒的存储库,值得密切关注。
JavaScript Framework Diet是 Sebastian De Deyne正在进行的关于常见任务的系列,无需 JavaScript 框架即可解决。您将了解选择元素、事件委托、文件结构、下拉菜单以及进入和离开转换。
5K 以下的微型图书馆
Micro.js是小型 JavaScript 库和实用程序的精选存储库,由 Thomas Fuchs 收集。所有库都被分组,并且大小低于 5k,只做一件事而且只做一件事——而且做得很好。