工欲善其事,必先利其器。从工具使用到源码分析,从项目开发到自动化测试。得心应手的框架工具,会在我们的实际工作起到事半功倍的效益。下边是参考相关开源网站进行的归类整理,便于我们快速了解,在实践应用中,能够快速进行合适工具的选择。
01Resource1
Webpack:优质模块化管理及打包工具
React:构建用户界面的优质前端框架
TypeScript:javascript的一个超集
Svelte:构建web应用的新方式
Next.js:Next.js是一个轻量级的React服务端渲染应用框架。
Babel是一个JavaScript编译器。Babel通过语法转换器支持最新版本的JavaScript语法。
Node.js是一个基于ChromeV8引擎的JavaScript运行环境。
Deno是一个简单、现代且安全的JavaScript和TypeScript运行时,deno基于V8引擎并使用Rust编程语言构建。
02Resource2
Yarn是一个快速、可靠、安全的依赖管理工具。
NPM(nodepackagemanager)是Node.js世界的包管理器。
Lerna是一个管理工具,用于管理包含多个软件包(package)的JavaScript项目。
Vue.js-是一套构建用户界面的渐进式框架。
Nuxt.js是一个基于Vue.js的通用应用框架。
Recoil是一个针对React应用程序的状态管理库。
Redux是JavaScript状态容器,提供可预测化的状态管理、构建一致化的应用,运行于不同的环境(客户端、服务器、原生应用),并且易于测试。
03Resource3
Parcel-极速、零配置的web应用打包工具。
Lodash是一个具有一致接口、模块化、高性能等特性的JavaScript工具库。
ProGit中文版(第二版)是一本详细的Git指南。
BootstrapIcons的设计初衷是与Bootstrap组件配合使用。
Preact-一个只有3kB大小的React替代品,拥有与React相同的API、组件和虚拟DOM。
PurgeCSS是一个用来删除未使用的CSS代码的工具,能够减小CSS文件的体积。
gulp.js-基于流(stream)的自动化构建工具。
04Resource4
Markdown是一种轻量级标记语言,便于人们使用易读易写的纯文本格式编写文档并添加格式元素。
MDX是一种书写格式,允许你在Markdown文档中无缝地编写JSX。
ESLint是一个插件化并且可配置的JavaScript语法规则和代码风格的检查工具。
Sass是一个成熟、稳定、强大的CSS扩展语言解析器。
LESS为CSS赋予了动态语言的特性,如变量、继承、运算、函数。
Grunt是基于Node.js的项目构建工具。它可以自动运行你所设定的任务。
TailwindCSS是一个用于快速UI开发的实用工具集CSS框架。
Docusaurus是一款基于React框架构建的易于维护的静态网站创建工具。
05Resource5
Hugo是最流行的开源静态站点生成器之一
Gatsby是一个基于React的免费、开源框架,可以帮助开发人员构建快速的网站和应用程序。
Handlebars是一个书写高效率、语义化的模板引擎,与Mustache模板兼容。
Stylus-富于表现力、健壮、功能丰富的CSS预处理语言。
Pug是一款健壮、灵活、功能丰富的模板引擎,专门为Node.js平台开发。
Liquid-最流行的模板语言。Jekyll、GithubPages都在用。
WebAssembly,简称为wasm,是一种新型可移植,具有占用存储小、加载速度快等特点的面向web应用的编译格式。
EJS是一套简单的模板语言,帮你利用普通的JavaScript代码生成HTML页面。
06Resource6
PostCSS利用JavaScript的强大编程能力对CSS代码进行转换。
Underscore.js是一个JavaScript工具库,它提供了一整套函数式编程的实用功能。
cssnano将你的CSS文件做多方面的的优化,以确保最终生成的文件对生产环境来说体积是最小的。
VuePress是基于Vue前端开发框架的静态站点生成工具。
Nunjucks是JavaScript专用的功能丰富、强大的模板引擎。
Zepto.js是一个轻量级、兼容jQuery的JavaScript工具库。
GraphQL既是一种用于API的查询语言也是一个满足你数据查询的运行时。
Express是基于Node.js平台,快速、开放、极简的Web开发框架
07Resource7
Fastify,快速并且低开销的web框架,专为Node.js平台量身打造
Browsersync浏览器同步测试工具,很容易与Web平台、构建工具和其他Node.js项目集成,替代了大量重复测试劳动。
Jest是一个令人愉快的JavaScript测试框架,专注于简洁明快。
SemVer全称为SemanticVersioning(语义化版本表示)。
Chart.js是为设计和开发人员准备的简单、灵活的JavaScript图表工具。
Moment.js是一个JavaScript日期处理类库,用于解析、校验、操作以及显示日期。
Rome是一个完整的JavaScript工具链。它囊括了编译器、语法检查器、格式化程序、打包工具、测试框架等等。
Gridsome是一个免费、开源的Vue.js框架,用于构建网站和应用程序。
08Resource8
Mirage是一个API模拟库,它能帮助前端开发者模拟后端API,从而能够构建和测试JavaScript应用程序,而不必依赖任何后端服务。
Jekyll是一个静态站点生成工具。它将Markdown(或者Textile)以及Liquid转化成一个完整的可发布的静态网站。
Sapper是基于Svelte构建的、用于创建高性能Web应用开发框架。
Bootstrap编码规范:编写灵活、稳定、高质量的HTML和CSS代码的规范。
JqueryAPI根据最新的jQuery1.11.x和2.1.x版本翻译的jQueryAPI中文文档/手册。
Bundler是Ruby世界中最好的gem管理工具。
09Resource9
w3schools.