前端现在比较杂，有两条路，最终两条路会合并到一起，具体走那条看你自己的选择。

第一条，从原生基础入手

这条路走起来会比较枯燥，不能有快速的正反馈，可能学了一个月也不能写出像样的作品。但是你的基础知识会比较扎实。如果从原生入手，可以看一些讲 JavaScript 的书籍，比如 JavaScript 语言精粹[1]，这本书比较轻便，对自学比较友好。JavaScript 权威指南[2]我个人视为工具书，不作为教程使用。HTML 部分可以参考 HTML5 秘籍[3]。CSS 部分可以参考 CSS 权威指南[4]。DOM 部分可以参考 JavaScript DOM 编程艺术[5]。

以上推荐的图书并不代表是最好的，可以自行选择其它内容差不多的，也可以在网上找教程自学，比如 w3schools。但是网上的内容通常不是很完善。

原生基础打好后可以入手一些简单的前端框架，比如 Vue 1.0。Vue 2.0 相对就比较复杂了，不适合新手入坑。jQuery 可以选择性学，通常前端框架不和 jQuery 同时使用，因为它们同时操作 DOM 可能会造成不可预估的问题。

第二条，从前端框架入手

这条路走起来开始会比较舒服，一周就能搞出看上去不错的作品，但往往不知其所以然，而且对于初学者来说，一些框架的语法糖会被误认为是前端的原生方法或标准，对深入研究会造成一定的麻烦。目前比较流行的前端框架有 Vue、Angular 和 React 等等，可以自行选择任意一个学习。相关的书籍太多，我就不推荐了。

前端框架虽然用起来比较舒服，但其实还是绕不过原生基础的坑。举例子，Angular 的数据双向绑定底层涉及到脏检测和原型链，在实际应用中新手常常踩到 JS 和 DOM 数据不同步的坑，那么这时就不得不深入了解这两个底层的原生原理。这时对于新手来说往往是非常沮丧的，也非常容易造成弃坑。

---

长远角度我推荐第一条，先苦后甜，同时也能给你带来坚实的基础。第二条也有它的好处，在熟悉了一些框架后，再深入研究其底层原理，能给你带来豁然开朗的体验，但是前提是你遇到困难时能静下心来去研究，不会过早弃坑。

[1] JavaScript 语言精粹： https://book.douban.com/subject/3590768/
[2] JavaScript 权威指南： https://book.douban.com/subject/2228378/
[3] HTML5 秘籍： https://book.douban.com/subject/11610880/
[4] CSS 权威指南： https://book.douban.com/subject/2308234/
[5] JavaScript DOM 编程艺术： https://book.douban.com/subject/6038371/

@xml123 其实也是从我自己的需求出发的，经常写一些 electron 的小东西，写多了实在觉得不方便。VS Code 的机制挺不错的，都是按需加载，轮子造多了也并不会拖慢编辑器。多个选择不也挺好吗，更多时候能按照自己的需要顺手写个工具出来

@johnnyNg vscode 插件重点是辅助编辑器的，很多 api 都是和编辑器本身相结合。但是这种比较通用的简单的小玩意反而不容易用 vscode 扩展原生的方法做，webview 的通信就非常繁琐。我把这块包起来了，只暴露出了很少的接口进行通信，然后 web 和 node 相对独立，开发起来更方便。不过这个也完全就是利用 vscode 的 runtime 了，和 vscode 本身的功能没半点关系，所以和 vscode 插件不算冲突。

@jmc891205 服务这么好，又这么平价，估计老板根本就没指望靠那家咖啡店赚钱，我希望以后财富自由了也能开一家不为赚钱的咖啡店

@tonghuashuai 非工作时间没用到公司资源应该是不属于公司的，但如果在非工作时间用了公司工作场所或者设备等，就要算公司的。

不建议开源，因为你想出的这套方案从无到有的过程中用到了公司资源，包括但不限于办公场所，工作时间，办公设备等等。如果想开源应该征求公司的同意，并且应以公司名义开源。

@anmie 吼啊！晚上战网 ID 发给你

冷清得令人发指。

今天看到这个消息我也激动得不行，我还拉到了好多 afk 好几年的好基友相约到时候一起上线，太开心了！我要说服我的老板买 15 周年那个大螺丝，然后我就有机会亲自摸一摸了，哈哈

别太苦了自己，别太在乎别人的看法。为自己，只为自己。为自己努力，为自己骄傲，为自己喝彩。

@wanzy 肯定没那么夸张，微软市值不可能是摸鱼摸出来的，别信

@wanzy 真的假的？上班时间打 dota 会被 it 扫出来并发邮件警告同时 cc 老板和大老板吧？

作为面试官我不介意，甚至鼓励面试者到网络上寻找答案。工作中遇到的问题不可能闷着脑袋想办法，网上找答案也是解决问题的能力。不过当然我的问题网上不会有原题，和做作业不是一个套路

写博客写文章，别做网站。现在现成的轮子太多了，很难分辨哪些自己写的，哪些是魔改的。简历里放网站作品的我很少看

@KigKrazy 从现在开始卸载掉所有 Windows，Office 不再使用也是可以的，如果你觉得微软钱太好赚了……

我严重偏头痛，发病时用头撞墙，薅头发。我薅头发是用最大力气整把整把薅，手松开上面很多薅下来的头发。就这样我连着薅了几年了，理发时师傅还是说我头发太厚太多

@jin5354 其实 vscode 之所以相对来说性能还不错，是因为和 web 技术有关的代码是反过来照着 chromium 的 cpp 代码实现进行优化的。web 现在确实如火如荼，但千万别自大。我也是主要写 JS 的，但我无时无刻不在担心这点技术没法继续往深层次走。

@skiy 微软用 bing.com.cn 做了 cn.bing.com 的跳转。微软确实买了很多其他国家的后缀，比如：

bing.jp
bing.de
bing.co.uk
bing.fr
bing.com.hk

但也不是所有国别域名都有，比如 bing.cc 就不在微软手上。所以微软似乎并不像 Google 那么对域名痴迷，能注册到的就尽量注册，注册不到的就很佛系。

这让我想起了 vscode.com 这个域名，已经公开卖了好几年了……

另外微软手上有 .bing 这个 tld：nic.bing

厉害厉害