资源站
论坛
文档
- Mozilla 开发者文档,提供了前端(HTML,CSS,Js等)代码参考和学习教程
- 现代 JavaScript 教程,开始学习Javascript
- v8.dev - v8 引擎,了解支持 Chrome 和 NodeJS 的 Google 开源高性能 Javascript 和 WebAssembly 引擎
包管理器
- Yarn: 是由 Facebook、Google、Exponent 和 Tilde 联合推出了一个新的 JS 包管理工具.
- npm:npm 是 JavaScript 的包管理器
- Bower:一个 web 应用的包管理器。
加载器
- RequireJS:JavaScript 文件和模块的加载器。
- browserify:在浏览器端以 node.js 的方式 require()。
- gulp:用自动化构建工具增强你的工作流程!
- rollup: JavaScript 模块打包器
测试框架
框架
- jasmine:简单无 DOM 的 JavaScript 测试框架。
- qunit:一个易于使用的 JavaScript 单元测试框架。
- jest:简单的 JavaScript 单元测试框架。
- mocha : mocha是一个功能丰富的javascript测试框架,运行在node.js和浏览器中,使异步测试变得简单有趣。
断言
覆盖率
运行器
- phantomjs:脚本化的 Headless WebKit。官网
- slimerjs:一个内核为 Gecko 的类似 PhantomJS 工具。官网
- casperjs:基于 PhantomJS 和 Slimer JS 的导航脚本和测试工具。官网
- zombie:基于 node.js 、快速、全栈且无图形界面的浏览器的测试工具
工具
- caniuse.com 检查前端技术的跨浏览器兼容性。
- kangax js compat-table 检查JavaScript版本(ES5,ES6,ES2016 +等)在不同编译器,服务器/运行时和平台(桌面和移动)之间的兼容性。
- html 可视化指南
- css 可视化指南
MVC框架和库
- vue:一个用于构建可交互界面的、直观快速和可组合的 MVVM 框架
- angular.js:为网络应用增强 HTML
- react:用于建构用户界面的库。它是声明式的、高效的和极度灵活的,并使用虚拟 DOM 作为其不同的实现。官网
- react-native:一个用 React 构建原生应用的框架。官网
- Electron:用Html、CSS和JavaScript构建跨平台的客户端应用程序
模板引擎
- mustache.js:是 JavaScript 中带有 的最简模板
- handlebars.js:是 Mustache 模板语言的扩展
- pug:健壮的、优雅且功能丰富的 nodejs 模板引擎。
- marko:快速轻量且基于 HTML 的模板引擎,支持异步、流、自定义标签和 CommonJS 模编译后输出。适用于 Node.js 官网和浏览器
在线编辑
- codepen.io 构建,测试和发现前端代码
- jsfiddle.net 为库/框架文档构建演示 demo,并用前端代码来调试
- codesandbox.io 使用最先进的技术构建和共享 Web 应用程序。
编辑器
布局
正则
- any-rule 必用, 正则大全
选择框插件
- FancySelect
- Bootstrap Select
- Chosen
- Select2
- SelectBoxit
- GentleSelect
- HeapBox
- Seletify
- SumoSelect
- jQuery Select Plugin
- Selectric
- Selectator
- Flexselect
- Bselect
- Zelect
2020
- fullPage.js 这套开源库能够帮助大家创建全屏滚动网站,如以上 GIF 动图所示。
- Anime.js Anime.js 是目前最好的动画库之一,拥有出色的灵活性与易用性。
- Masonry Masonry 是一套 JavaScript 网格布局库。它能够使用简单的网格元素,并根据可用的垂直空间进行放置,有点像工程师们把石块或砖砼铺设在墙面上的感觉。
- slick Slick 拥有全响应式、滑动支持以及无限循环等出色功能。如项目网站首页所述,它能满足用户对于轮播库的所有预期。
- Popper.js Popper.js 是一套大小约为 3 KB 左右的轻量化 JavaScript 库。这是一款零依赖关系的可靠、可扩展定位引擎,能够保证所有 popper 元素都被放置在正确的位置。
- cloc
cloc
看代码行数。需要strawberryperl支持 - axios Promise based HTTP client for the browser and node.js
- YApi 是一个可本地部署的、打通前后端及QA的、可视化的接口管理平台
- typora Typora 是一款支持实时预览的 Markdown 文本编辑器。可导出doc,pdf文档。