二〇一六年的前端入门指南

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 3210 天前的主题，其中的信息可能已经有所发展或是发生改变。

https://egoistian.com/2016/02/06/2016-front-end-primer/

是指南而不是教程，菊苣们请忽略继续刷 GitHub 吧。

如果你对前端有兴趣，都可以联系我帮你 Review 代码、提供改进建议 233

指南

二〇一六年

Review

教程

19 条回复 • 2016-02-08 04:24:49 +08:00

sox

2016-02-06 16:59:27 +08:00

oops, @Livid should be moved to /go/share

yimity

2016-02-06 19:07:49 +08:00 via iPhone

这真的是入门么？

sox

2016-02-06 19:10:26 +08:00

@yimity 是吧，我也觉得写的太 basic 了 🤔

Elethom

2016-02-06 20:10:40 +08:00

有一處「.post-content 」拼寫錯了。目測 Ghost ？以及現在都不用 SCSS 了嗎。 _(:з」∠)_

sox

2016-02-06 21:21:33 +08:00

@Elethom fixed, .post-content 只是举个栗子 😂

SCSS 还可以吧，不过用 PostCSS 的话就没必要再用 SCSS ，更模块化，扩展性更强。 SCSS 就只能用它内置的功能了，不过一般也够了。

MOxFIVE

2016-02-07 00:00:08 +08:00

支持，期待下期

dglzs

2016-02-07 01:54:37 +08:00 via iPhone

好东西，看完了，谢谢

hronro

2016-02-07 12:30:51 +08:00

感谢分享😊

edsgerlin

2016-02-07 16:21:32 +08:00

话说，不考虑跨浏览器兼容的话，现在的 CSS 3 是否算是好用呢？不想折腾前端就是感觉 CSS 方面太多 hack 了。

edsgerlin

2016-02-07 16:24:46 +08:00

@sox 就比如说 box-shadow 这个属性， Chrome 10+和 Firefox 4+都不用 prefix 就可以直接用了，考虑 Chrome 和 Firefox 用户更新版本比 IE 用户勤快不少，这里的 vendor prefix 没有任何意义吧。

sox

2016-02-07 16:58:58 +08:00

@edsgerlin 只是举个栗子 😂 这其实和 CSS(x) 没有关系，那只是语言的规范，而这是基于 CSS 工程化的原因选择 PostCSS 。

Autoprefixer 只是众多功能中的一个。你不可能每个属性都去记哪些浏览器支持哪些不支持，而这个插件就是基于 http://caniuse.com/ 自动识别（加或不加）。

edsgerlin

2016-02-07 17:37:34 +08:00

@sox 有 vendor-prefix 的都应该被认为是 experimental 的，我认为要求网页在所有浏览器上显示一致的思路本身就是错误的，既然是 experimental 特性就不应该用，浏览器要加 vendor-prefix 才支持就当作它不支持吧，让它不显示这个特效就是，对网页的功能没影响就行。
我不是做前端的所以不知道前端是怎么想的，请指教~

sox

2016-02-07 17:53:07 +08:00 via Android

@edsgerlin 啊， CSS 的标准都是要经过“数年”实践才会正式生效的，比如 2 是 1998 ， 3 是 2010 。期间浏览器厂商会自行按照 spec 实现其中的特性，当然会加前缀比如 -ms ，因为防止草案更改，实现和标准不同。标准确立后当然会用没有前缀的，而低版本的浏览器自然就停留在只支持前缀的程度。更低的自然都不支持。

（大概😂）

edsgerlin

2016-02-07 18:57:49 +08:00 via Android

@sox 我的意思是说，带 vendor prefix 的阶段本来大家的实现就没有统一标准，不能保证统一的显示结果，前端工程师为何不直接让这些旧浏览器不显示该特效而是去滥用 vendor prefix 追求特效一致呢？

sox

2016-02-07 19:09:43 +08:00 via Android

@edsgerlin 233 并不是“特效啊”，也是很基本的效果

sox

2016-02-07 19:10:19 +08:00 via Android

再说 IE 9- 用的人那么多(・ω< )★

edsgerlin

2016-02-07 19:18:26 +08:00

@sox 如果不影响功能性的话其实不显示也无关紧要吧~可能我无法理解前端的这种执着……

sox

2016-02-07 20:19:26 +08:00 via Android

@edsgerlin 前端的要求没那么低吧？又不是 2000 年😂

joyee

2016-02-08 04:24:49 +08:00 via Android

@sox 浏览器产商们已经意识到前缀的危害了，现在再新增的特性基本都是只实现不加前缀的版本，放在浏览器的 flag 后面，稳定了就放到默认打开的部分，只不过为了兼容不敢去掉以前的前缀版本。

可以看看各大浏览器团队这几年的 talk 都是这个意见。