前端工程化工具初选

Rocture 发布于2019-08-19 18:33 / 565人阅读

摘要：面对日益纷杂的前端工具，作为新人常感无从下手。脚手架应用开发流程与工具项目生成器集成方案解决前端开发中自动化工具性能优化模块化框架开发规范代码部署开发流程等问题框架简洁直观强悍的框架，让开发更迅速后端程序的福音。

　　面对日益纷杂的前端工具，作为新人常感无从下手。经过一番检索和简单对比，再结合自己的喜好，筛选了将要学习和使用的工具，以适应日益工程化、专业化的 Web 前端开发工作。

库与框架

jQuery 操作dom的神器，曾经一度火的一塌糊涂。

jQuery UI: 一个JQuery的UI框架,特点是高效、组件化

Vue.js: 数据驱动的组件，为现代化的 Web 界面而生

angularjs 应用最广泛的企业级web开发框架

angular: 新一代angular开发框架

React.js: 构建组化件应用的javascript库

React Native: 使用react构建移动app应用

构建工具&模块化

一个构建、测试应用的构建工具

gulp.js: 自动化工作流

node 建立在V8引擎上的快速构建平台

模块打包器

将模块打包到一个bundle中

webpack: 能够将依赖打包、生成的自动构建工具

包管理

一个用来管理依赖的包管理器，你可以使用它下载很多模块化的工具

npm: Node 模块化管理工具

CSS 处理

提供一个高效、动态的方法生成css

Stylus: node社区的css预处理器

PostCSS: 将css转换成js插件

模块化

ECMAScript 6 Module

模板引擎

使用js生成html文件

EJS

jade

测试框架

Mocha: 一个简单、快速的用来测试node和web应用的测试框架

Chai: Chai 是一个针对 Node.js 和浏览器的行为驱动测试和测试驱动测试的诊断库，可与任何 JavaScript 测试框架集成。

脚手架

Yeoman Web 应用开发流程与工具

koa-generator koa项目生成器

集成方案

FIS: 解决前端开发中自动化工具、性能优化、模块化框架、开发规范、代码部署、开发流程等问题

UI框架

bootstrap 简洁、直观、强悍的UI框架，让web开发更迅速,后端程序的福音。

foundation 最流行的响应式前前端布局框架

semantic-ui Semantic作为一个开发框架，通过HTML语言帮助创建令人赏心悦目、响应式的布局。

Material UI 一组反应元件，实现谷歌的材料设计。

ant design Ant Design 是一个 UI 设计语言，是一套提炼和应用于企业级后台产品的交互语言和视觉体系。

游戏引擎

CreateJS 基于HTML5的一套模块化的库和工具共同工作或独立使丰富的交互式内容的开放式Web技术。

PhaserJS PC端和移动端HTML5游戏框架。

ThreeJS 制作HTML5的3D游戏引擎。

白鹭 Egret是一套HTML5游戏开发解决方案

Cocos2d-JS 开发者可以通过cocos游戏开发引擎快速编辑界面和动画、编写和调试代码等，最终导出适合于各平台、各渠道发布的游戏安装包。

容器

Docker: Build, Ship, and Run Any App, Anywhere

社区

stackoverflow 技术大牛多，素质好，质量高

segmentfault 自动生成目录，博客UI看起来相对漂亮，内容质量高

开源中国支持开源文化

学习网站

极客学院学习资源多

慕课网质量高，全免费

花川学院学习swift的好去处

麦子学院后起之秀

W3C菜鸟新手程序员的天堂

云路课堂极客风

码萌编程从来简单有趣

其他常用网站

github 程序员的QQ,面试的门面

码云和马云同名，给个面子

淘宝同步npm 访问快，10分钟同步一次，查资料必备

bootCDN 使用最普遍的CDN

font-awesome 最好用的图标库

JSON格式化这个时代的开发者谁离得了JSON呢

开发工具全面省心

超融合服务器服务器托管前端工程化前端前端工程师前端工程师前端前端工程

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/79702.html

SegmentFault 受邀作为 2018 区块链之星评审机构

摘要：为鼓励创新技术及推动区块链应用落地，进一步推动创新发展，本次论坛同步筹备举办区块链之星年度评选。初选强共计获得有效票数枚，参与投票人数近万。最终结果将于月日美国硅谷举办的中美创投峰会区块链论坛正式公布，并为获奖者颁奖。如你所见，有一大笔财富和价值正在被区块链创造出来。正如 Blockstack 的创始人 Ryan Shea 和 AngelList 创始人 Naval Ravikant...

Olivia 2019-06-27 18:33 评论0 收藏0
前端资源系列（4）-前端学习资源分享&前端面试资源汇总

摘要：特意对前端学习资源做一个汇总，方便自己学习查阅参考，和好友们共同进步。特意对前端学习资源做一个汇总，方便自己学习查阅参考，和好友们共同进步。本以为自己收藏的站点多，可以很快搞定，没想到一入汇总深似海。还有很多不足&遗漏的地方，欢迎补充。有错误的地方，还请斧正... 托管: welcome to git，欢迎交流，感谢star 有好友反应和斧正，会及时更新，平时业务工作时也会不定期更...

princekin 2019-08-20 11:28 评论0 收藏0
3月份前端资源分享

摘要：面试如何防骗一份优秀的前端开发工程师简历是怎么样的作为，有哪些一般人我都告诉他，但是他都不听的忠告如何面试前端工程师更多资源请Star：https://github.com/maidishike... 文章转自：https://github.com/jsfront/mo... 3月份前端资源分享 1. Javascript 使用judge.js做信息判断 javascript...

nanchen2251 2019-08-21 15:21 评论0 收藏0
基于TmodJS的前端模板工程化解决方案

摘要：原作者唐斌腾讯什么原名是一个简单易用的前端模板预编译工具。本文作者为来自腾讯团队的唐斌，他在本文中为我们分析了传统前端模板内嵌的弊端，如开发调试效率低下自动化构建复杂度比较高等特点，并针对目前现状给出了较好的解决方案。原作者: 唐斌（腾讯）| TmodJS什么 TmodJS（原名atc）是一个简单易用的前端模板预编译工具。它通过预编译技术让前端模板突破浏览器限制，实现后端模板一样的同...

zhaochunqi 2019-08-20 13:35 评论0 收藏0
前端工程化

摘要：工程化所谓前段工程自动化就是由于前端分裂，有人写代码，有人写，有人写，有人写，那么就需要翻译工具命令行工具翻译成或其他所有浏览器能运行的代码版本。自动化举个例子使用命令行工具实现代码自动化转变。工程化所谓前段工程自动化就是：由于前端分裂，有人写css代码，有人写scss，有人写es5，有人写es6，那么就需要翻译工具（命令行工具）翻译成ie或其他所有浏览器能运行的代码版本。 sho...

CarlBenjamin 2019-08-23 12:31 评论0 收藏0