前端技术栈

前端的一大特点和一大难点，就是跟上时俱进的各种技术和库的发展。无论你是不知道到底学React好还是Angular好的初学者，还是总是在纠结Grunt还是Gulp的老鸟，总是会面临这样那样的各种在前端领域中的选择。以下文字是本人关于现在在工作以及自己项目中最喜欢用的最顺手也觉得是目前来说最有前途的前端开发工具，希望能对相关的朋友们有所帮助。

一下是关于每个工具上榜的理由，一些众所周知的理由这里就不重复了。

基础库：React

---

• 组件化的UI方便开发，测试以及管理

• JSX的语法能够在写html的时候最大程度上利用JS的优势

• 强大的开发community

• 摆脱了繁琐的two-way-binding

• 方便的server side rendering

架构：Redux

---

• 目前为止公认最好的flux implementation

• 语法简洁

• 丰富的文章，教程以及第三方工具(thunk, logger, dev-tool等等)

• Middleware大赞

语言：ES6/Babel

---

• ES6的时代正在来临，跟上节奏

• 前端的职位基本都已经把ES6放在了基本要求里

• 跟ES5相比有很多好用的新东西

格式：ESLint/AirBnb

---

半强制的让你写出所谓优雅的代码哈哈，没什么好说的，硅谷各大小公司前端通用规范

包管理：npm

---

没什么好说的，基本没有竞争者。这里有一点要强调下：请好好利用npm script

打包：webpack

---

• 组件化的管理

• 基本上可以load所有东西

• 只load你需要的东西

• 大规模项目必备，谁用谁知道

关于组件化管理：比如一个button组件，文件结构如下：

– src

– components

– Button

– index.js

– index.css

index.js和index.css只包含关于这个button的东西.

index.js

import ‘./index.css’;

…

…

render() {

return (

Click me

);

}

index.css

.app-button {

color: black;

}

测试：Mocha + Chai + Sinon

---

没什么好说的，基本已成为行业标准

服务器：Sails.js

---

• MVC + Realtime

• 强大的预设和扩展性

• REST API自动生成

• 任务流水线

注意：Sail.js自带的ORM是waterline，自带的任务运行和打包工具是grunt。如果有需求的话自己花一两天研究下可以改成bookshelf和webpack.

http/https请求: fetch

---

• Firefox和chrome原生API，现在请用isomorphic-fetch来获得所有浏览器的支持

• 前后端通用

• Promise
  自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：前端）

最后

整理面试题，不是让大家去只刷面试题，而是熟悉目前实际面试中常见的考察方式和知识点，做到心中有数，也可以用来自查及完善知识体系。

《前端基础面试题》，《前端校招面试题精编解析大全》，《前端面试题宝典》，《前端面试题：常用算法》PDF完整版点击这里免费领取

)]

最后

整理面试题，不是让大家去只刷面试题，而是熟悉目前实际面试中常见的考察方式和知识点，做到心中有数，也可以用来自查及完善知识体系。

《前端基础面试题》，《前端校招面试题精编解析大全》，《前端面试题宝典》，《前端面试题：常用算法》PDF完整版点击这里免费领取

[外链图片转存中…(img-SCWIjQiL-1713722415697)]

[外链图片转存中…(img-6ETSrZWx-1713722415698)]

[外链图片转存中…(img-dGzbr3Js-1713722415698)]