FrontendEngineering-Resource

资源站

• JavaScript 资源大全中文版

论坛

• 创心-前端技术论坛
• segmentfault

文档

• 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 单元测试框架。

断言

• chai：适用于 node.js 和浏览器的 BDD / TDD 断言框架，并能搭配其它测试框架使用。
• Sinon.JS：对 JavaScript 进行 spies、stubs 和 mock 测试。

覆盖率

• istanbul：另一个 JS 代码覆盖率检测工具。
• blanket：一个简单的代码覆盖率检测库。它的设计理念是易于安装和使用，且可用于浏览器端和 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 应用程序。

编辑器

• 乐吾编辑器 前端开源、易扩展、方便集成的绘图工具（微服务架构图、网络拓扑图、流程图、活动图等）
• Wick 编辑器 一个免费的开源工具，可用于创建游戏，动画以及您能想到的其他任何东西。

布局

• flexbox playground
• grid playground

正则

• 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 元素都被放置在正确的位置。
• cloccloc 看代码行数。需要strawberryperl支持
• axios Promise based HTTP client for the browser and node.js
• YApi 是一个可本地部署的、打通前后端及QA的、可视化的接口管理平台
• typora Typora 是一款支持实时预览的 Markdown 文本编辑器。可导出doc,pdf文档。