前端是有多灾？

近来认为追不动前端的生长了，写篇文章叹息一下。

HTML

我晓得有一些学校会教一些简朴的网页制造，就是用 Dreamweaver 点一点的那种。大多也会留功课，末了交功课的时刻看起来也像模像样。

只需不看代码。

看了代码认为情愿挑选殒命。

table 规划，无意义的 dom 节点。大小写混用，缩进杂沓。

作为一个前端工程师，最少要写邃晓本身写的声明是什么意义对吧？

然后还得削减不必要的 dom 节点，毕竟许多文章说节点多会影响衬着速率(ps: 我是不在乎的，我认为有点儿过犹不及的滋味了)

然后比较主要的一点儿是关于语义化标签的看法。比方什么时刻该用 ul, 什么时刻该用 section, aside

至于 head 内里的那些无聊的声明只需会复制粘贴就好了，我认为没什么意义

自信做到这些的应当算差不多了

文章说的是前端有多灾，许多人都认为这些标签简朴。然则设想一下，要写若干的标签才明白语义化的意义？要写若干页面才真正的邃晓这个节点应当写什么标签？怎样组合才算合理？

CSS

然后是关于 CSS，我认为这方面是很庞杂的。并不像许多人认为只是一些单词的组合。

一最先我会改 background-color 认为高兴得不可，认为掌握了

厥后无穷打破视野。

在第一次写凌驾50个class以后就认为想死，反复性劳动，款式修正调试，写法丑。。。

打仗到 Sass 以后像是发明了新大陆，有一段时候以至不会写原生 css 语法了。

然后折腾: Sass -> Stylus

到这里完毕了么？ naive

背面另有postcss, cssnext 这些东西。

在 react 生态中另有 css-modules, css-in-js 这些鬼东西。

虽然语法都不是很难。然则这么长时候的折腾下来，虽然说提拔是有的，但并没有认为到生产力有若干庞大的提拔。

css 到这里还没完。

另有BEM的定名体式格局要去明白。

到这里照旧没有完。

css3 的新特征，另有种种 hack。比方怎样完成footer一向在底部，内容一向撑满全局？怎样完成条纹？

到这里完毕了么？

照旧没完。

css stage 4 等着去进修。

另有精神？

可以试着多做些兼容性相干的东西。会崩溃，置信我

到这里？

在我的视野中差不多算完毕了，然则有谁能肯定来日诰日有无一个什么new-css之类的东西处置惩罚什么题目。

JS

来了来了，前端的一个中心。

说JS轻松么？我们来扯扯。

首先是种种 dom 的增编削，然后是ajax相干。学会了差不多能做简朴的页面了。

然后对异步的明白。只要明白了异步才一般地写js。

然后是对js言语特征的明白。比方ES5怎样完成继承什么的，闭包。

总之这些就是面试题老是会问的东西。

以后还应当明白设想形式对吧？

到这里是一般的言语应当进修的内容了。然则js到这里只是起步。

以后一个前端工程师还得会 ES2015/2016 之类的吧。如今不写个async谁好意义说本身是写前端的？

以后应当是合营东西了，后文说。

继承顺着言语往下说。会了 ECMAScript 就可以做个及格的前端了么？

还早呢。

之前火的 coffee script 如今不可了，然则 TypeScript 火了啊。不学一下怎样好意义追前端？

ts 关于之前写 Java, C# 的异常友爱，基本语法没什么变化。然则可苦了那些不写这些言语的同砚。语法改变却是其次，头脑体式格局的改变才是难以接收的。

如今另有 Elm 了。。。

我认为我老了，追不上了

Tools

都说二流程序员爱玩东西，那我应当算是三流程序员了。关于vim假如我不算狂热，那可以没有几个人算是教徒了。

我一向认为编辑器应当够快，可以跟上我思索的速率。在折腾了两年总算符合了我的习气。

关于其他编辑器，我只要一个不去挑选的来由：太慢

好了，说完了我本身的挑选，得来看看我用过的编辑器了。

最初我也没用过几天的 Dreamweaver。直接上了 sublime。以后随着快活的sublime编辑器这套课程用了起来，应当是我用过除了vim外时候第二长的编辑器。

最初只认为悦目就用起来了。

然后学了一段时候PHPStorm，也许会用了JetBrains家的东西。说实话，他们家的东西是不怎样勤学的，细节太多。

然后我用起了vim。

作为一个0基本起步的人，我在编辑器上折腾了两年多才算找到了还算适宜的体式格局。

实在我认为许多人并没有找到本身适宜的编辑器，致使写代码的热忱都降低了。

关于编辑器的总结是只能本身踩坑才找到适宜的编辑器和设置。然则须要时候踩坑啊！

别的的东西也许是前端的东西集了，就像是gulp这类的东西。

我在初学的时刻盛行的是grunt，然则我看到谁人设置文件写的就完整不想用。

然后gulp就盛行了起来，设置文件看起来简朴很多，学！

然后gulp方才入门就发明天下已被webpack统治了，怎样办，学啊。

这么长时候的折腾完毕了么？没有啊！

另有rollup打包这些东西了。

像是php或许java就没这么多破事，代码不必打包，直接跑起来，那里会半年换一套计划。

到如今，HTTP/2大行其道，但是前端却没有一款合适HTTP/2的打包东西。所以我认为半年到一年摆布还会有新的东西涌现，人人准备好重新进修吧 :)

方才倏忽想起了另有版本掌握东西也算是东西。

一最先不必版本掌握，然后学Git， 然后有些公司运用svn，又得学。会用是一回事，深切明白又是另一回事了。我们得轻微深切地明白一些吧。比方版本掌握怎样对待挪动文件这件事的？

然后会了Git， 怎样说也得上Github地痞脸熟吧。然后跟Gayhub上的一堆基佬交换一下，怒了提交个issue。过几天发明这么简朴的bug还没fix掉，忍不了，我本身写patch，发个pr上去。

上面一行话说得轻松，然则没个一年半载那里做得到。

版本掌握会了，企业级私有堆栈还得折腾一下吧，踩踩坑。

Functional

又一个重点来了。

就是js什么范式都能写。

OOP么？约起！class Foo {}走起来。

由于大多数人都是从C/C++学起的，所以总能先打仗到OOP头脑。而且OOP挣钱轻易，所以这个中大部份人是不情愿打仗不怎样挣钱而且还得重新学的的其他部份的，用我爹的话说就是别搞那些没用的。

然则如今不学FP真的能行么？

并不能啊，兄弟。

如今不写个 react 好意义跟人说本身是写前端么！写了react怎样说也得打仗一下 redux 吧。然后就完了。。。和之前完整差别的新头脑就来了。

之前jQuery绑定一个数据直接改就好了。如今出个单项数据流，什么操纵都得发个 action ，视图得定阅 store 。好吧，这还不算FP的范畴。

高阶函数老是了吧。我之前从来没想过高阶函数怎样在 react 内里用，直到看了 connect 源码吃了一惊，卧槽，还能这么写！

另有说烂了的柯里化。

如今还涌现了许多js的函数式言语变种，就像 Elm , clojurescript什么的。

我真的认为不学门函数式如今很难做前端了。

所以从入门的OOP到函数式，得费多大工夫才学会。人家都是学好一种就可以够了，做前端的都得会

Back-End

Node.js带来了前端的春季。然则也加重了前端的累赘。

之前写点儿jQuery就成了，如今还得会Node, 本身写后端。

写过后端的人若干都晓得，代码写起来并不算很难，难的是累赘。怎样设想才承载高并发大流量。怎样应对这些状况，宕机了怎样办。

本来前端不必体贴的东西如今都得斟酌。毕竟 Node 和前端靠的近，人家问起来本身不会多为难。

在我个人看来，许多写Node的只晓得堆package, 关于Buffer, Event, Stream, Http并非很相识。

所以写 Node 的前端同砚们啊，我们的进修之路任重而道远。

学通了以后呢？那就已离开前端的范畴了。

Database

这都说到后端了。得扯一下数据库吧。

数据库绝不是简朴的拼一下SQL语句就可以够了。

在设想表构造的时刻要充分斟酌以后的运用场景，可维护性，承载量级。

就算不斟酌上面的几条，那最少得恪守到三范式吧？

数据库运用的时刻另有许多要相识，比方一个表关联是什么意义，事件是什么东西，运用场景在那里，怎样处置惩罚慢查询。

而我发明有些人都被ORM惯坏了，写SQL都陌生了。

好了，一个前端工程师做到这份上也算是仁至义尽了。背面的交给DBA吧。

Server

做一个自力前端天然少不了和server打交道。关于 Nginx 最少得会装置。然后会写简朴的设置文件。如许，就可以够本身上一个网站了。用了 Node 还得学学反向代办的东西。

然则到这里那里能满足爱折腾的前端？

HTTPS 走起！从几家服务商中挑选本身喜好的，口碑好的，然后搞定证书。

跑了HTTPS照旧不满意，追新的我们怎样还用几十年前的 HTTP/1.1 ？ HTTP/2 走起，本身下载编译装置 Nginx ，然后调参数，改设置。

这个阶段得学会 Linux系 编译， SSL/TLS 的学问，加密算法，HTTP。。。

一个写前端的还得学这些 T_T

还没完啊，HTTP懂了另有TCP/IP等着啃，Socket协定还得相识。

算法数据构造与数学

一万个人告诉我算法和数据构造才是计算机科学的中心。

List, Graph, Tree 什么的还得学学。反转二叉树这类着名题目还得写写。快排，水仙花什么的还得写一些

这个时刻可以有些前端会问，跟我有关联？

关联太大了。

我在练习的第一个月在做module load的一些计划，由于对算法相识不深，写了许多操蛋的代码。幸亏厥后种种重构没让我太甚羞辱。

前端多若干少会打仗 canvas 和 WebGL 这些关于图形学的东西。但是假如线性代数学的不到家怎样可以写得好图形学的代码？

至于那些数据构造关于前端运用可以并非很明显，然则一旦遇到将是致命的。比方关于Immutable.js的明白

所以一个及格的前端算法还得过关。

工程化

工程化是我一向认为前端的最最难题的处所。和其他的后端所差别的是，前端工程化的主要性远超算法数据构造。

前端虽然也有几十年了，但是一向处于边沿地带。没有异常稳固和适宜的工程化完成。

千禧之前大多用C直接写(前端衬着用什么我真不晓得，求老司机教)。然后用PHP做后端，直接在HTML内里拼接。

然后出jQuery一统江湖。改dom处置惩罚一切题目。

但是到这个时刻是没法处置惩罚大批页面所带来的题目的。比方机能，比方缓存，比方代码反复，比方代码可读性差。

以后的Angular1的降生应当算是一道惊雷。在我看来前端工程化也许从这里起步了。

源自于后端经常使用的依靠注入掌握反转之类的头脑最先在前端崭露锋芒。

到如今，虽然群星闪灼，却依旧没有一个稳固的最好的处置惩罚计划。

从MVC -> MVVM -> Flux 的变化，如今彷佛 Reactive 有着火起来的趋向。

怎样构造构建页面，怎样在大批页面中依然能优异地构造好文件构造，怎样在面临需求变动的时刻经由过程只管少的修正代码来完成需求。怎样削减毛病的发作，和排错的价值。

在我看来，在前端范畴，优异的工程化计划要比优异地算法更主要一些。

硬件

再来扯扯硬件吧。

最主要的天然是电脑，毕竟我们如许的“网瘾少年/女”天天八九个小时都要对着电脑，以至可以比和对象呆一同的时候都长。

所以，颜值怎样能差！长得丑另有心境撸代码？

所以，机能怎样能差！女朋友老生机谁受得了。

我个人最想要的应当是顶配版 MacBook Pro 了。等发新品了，就算卖屁股也得买一台

所以看看做个前端本钱多高！不仅要写代码熬成白发还得兼职卖屁股 T_T

然后是键盘，这个我保证比碰男女朋友时候长。

自从我买了 HHKB 我只认为没有网上哄传的那末奇异。我该怎样用照样怎样用，代码速率照旧，高兴水平照旧。

所以我认为可以一把500块的cherry就够了。

关键是一定要把大写锁定 map 到 ctrl！！！

关于 remap 的题目。。。我认为有些同砚照样不情愿干的，毕竟贫苦。

然后继承谈谈做前端的本钱题目。

我大二就买了个自力显示器，应当算是比较早的了。

不买个自力显示器对这个小屏幕，鬼才情愿写代码。

然则屏幕烧起来但是贵了不少。幸亏我穷得烧不起(此处插入微信smile脸色)

然后是椅子。我前一段时候想买一把好点儿的椅子。

然后我刷了一遍种种评价不错的椅子。认为彷佛拖到40岁得个腰间盘突出比较值

结论

到这里，你发明了么

前端一点儿都不简朴啊。

要学种种必定被镌汰的所谓“新”东西。还得学贯前后端，熟习算法，相识工程化计划。

他人攒钱买房，咱攒钱买键盘。

所以这辈子做前端的上辈子都是折翼的天使，请善待你身旁的前端同砚

Ps

sf 居然支撑 emoji 了，还真不错哦

前端是有多灾？