面对日益纷杂的前端工具,作为新人常感无从下手。经过一番检索和简单对比,再结合自己的喜好,筛选了将要学习和使用的工具,以适应日益工程化、专业化的 Web 前端开发工作。
库与框架
jQuery 操作dom的神器,曾经一度火的一塌糊涂。
jQuery UI: 一个JQuery的UI框架,特点是高效、组件化
Vue.js: 数据驱动的组件,为现代化的 Web 界面而生
angularjs 应用最广泛的企业级web开发框架
angular: 新一代angular开发框架
React.js: 构建组化件应用的javascript库
React Native: 使用react构建移动app应用
构建工具&模块化
一个构建、测试应用的构建工具
模块打包器
将模块打包到一个bundle中
包管理
一个用来管理依赖的包管理器,你可以使用它下载很多模块化的工具
npm: Node 模块化管理工具
CSS 处理
模块化
模板引擎
测试框架
Chai: Chai 是一个针对 Node.js 和浏览器的行为驱动测试和测试驱动测试的诊断库,可与任何 JavaScript 测试框架集成。
脚手架
Yeoman Web 应用开发流程与工具
koa-generator koa项目生成器
集成方案
UI框架
bootstrap 简洁、直观、强悍的UI框架,让web开发更迅速,后端程序的福音。
foundation 最流行的响应式前前端布局框架
semantic-ui Semantic作为一个开发框架,通过HTML语言帮助创建令人赏心悦目、响应式的布局。
Material UI 一组反应元件,实现谷歌的材料设计。
ant design Ant Design 是一个 UI 设计语言,是一套提炼和应用于企业级后台产品的交互语言和视觉体系。
游戏引擎
PhaserJS PC端和移动端HTML5游戏框架 。
ThreeJS 制作HTML5的3D游戏引擎 。
Cocos2d-JS 开发者可以通过cocos游戏开发引擎快速编辑界面和动画、编写和调试代码等,最终导出适合于各平台、各渠道发布的游戏安装包。
容器
Docker: Build,Ship,and Run Any App,Anywhere
社区
stackoverflow 技术大牛多,素质好,质量高
segmentfault 自动生成目录,博客UI看起来相对漂亮,内容质量高