身為一個 Web 開發(fā)萌新，很難忘記我發(fā)的那條朋友圈，根據(jù)我的感悟總結(jié)過的這一段話，也得到了 justjavac (jjc)的點贊，好生勉勵：
在這個信息爆炸的時代，重要的不是掌握多少信息，而是認(rèn)識多少承載信息的人，并努力成為其中一個。
阮一峰的經(jīng)濟(jì)學(xué)博士背景、池建強(qiáng)的“技術(shù)與人文”理念，廖雪峰的詳細(xì) Git 教程以及 Phodal 的全棧之旅和花式秀恩愛等等“程序員英雄”事跡，讓我看到了一個個鮮活的生命力在互聯(lián)網(wǎng)的行業(yè)中激情迸發(fā)，激勵著自己。如果身為程序員的你還不知道他們，想必搜索引擎用的也不多吧？
[圖片上傳失敗...(image-d075e9-1509644516045)]](http://upload-images.jianshu.io/upload_images/2558748-cce7aa03a5abdfc6.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
回歸到我們的主角 jjc 和主題“前端工程師入門與進(jìn)階”，這里凝聚了我在 2017 年 4 月 22 日我的第一場知乎 Live 中的筆記。
P.S. 最近的 IOS 不再支持訂閱號贊賞也阻擋不住知識付費(fèi)的潮流~
語錄
- 最能提高自己的方式：別人 Review 自己的代碼
- 學(xué)新語言時和曾經(jīng)學(xué)過的語言作對比：求同法和求異法
- 想成為前端程序員，先成為程序員
- 避免三個月的經(jīng)驗，重復(fù)了五年
- 沒有工資高的語言，只有工資高的開發(fā)者
- javascript 不只是 script
- React：拋開 React 學(xué)習(xí) React
- 對前端有了基本了解后，建議忘掉 dom 忘掉瀏覽器學(xué)習(xí) javascript
舉例子：學(xué) C 時先學(xué)數(shù)據(jù)類型
問答
1
- 程序員 80% 的時間是在維護(hù)老項目
- 老項目都是慢慢更新成新技術(shù)的
2
- 先多練 JS，不要專注酷炫的效果。
- 看看自己代碼是否整齊
- 寫寫代碼邏輯很復(fù)雜但頁面簡單的項目
- 區(qū)分函數(shù)式、過程式、面向?qū)ο笫?/li>
- 提升自己代碼“健壯性”，任何非法輸入都不會崩潰產(chǎn)品
- 代碼可調(diào)式性是否高
- 分技能練習(xí)，點亮自己的技能樹
3
- 所有展示性的東西，都是前端工程師
- React 做 MVC 架構(gòu)的 V (View)
4
- 80% 的程序員都在寫業(yè)務(wù)代碼
- 成熟的開發(fā)公司外很少有不寫業(yè)務(wù)代碼的
- 不提倡使用 for 等循環(huán)語句，推薦函數(shù)式編程
- 前端和后端最大不同之公司業(yè)務(wù)很穩(wěn)定，后端不易改
5
- 能獨立完成項目的人不一定不算是初學(xué)者
- “三個月經(jīng)驗，重復(fù)了五年”
- 編程入門者：不要使用框架
- React：拋開 React 學(xué)習(xí) React
- 使用框架是為了解決未來可能會出現(xiàn)的問題，迎接變化
6
- 提升編程思維和編程能力，可以用 js 刷刷 c 語言的題目
- 閱讀別人的代碼，多問為什么
7
- 看看 Martin Fowler 的《重構(gòu)》、設(shè)計模式
- 函數(shù)要短小，不能超過 20 行
- 項目驅(qū)動
- 考察思維方式
例如：編程計算根號 7 ：從二分查找到牛頓迭代法 - 提問的智慧會了解一個事實
大牛不是生來就是大牛，而是這些大牛在提問之前已經(jīng)把問題解決了
8
- 停留在入門，停留在寫一個頁面而已上面
- 沒有系統(tǒng)的了解 javascript
- 為了編程而編程
- 前端最容易犯的錯：追求炫酷和最新的技術(shù)
- 前端學(xué)習(xí)應(yīng)該刻意聯(lián)系 解決 Bug 的思路
如何閱讀一本書
- 高效的讀書：如何閱讀一本書（不要被書名迷惑）
9
- 跟著簡歷上說到的技術(shù)提問：深入和全面掌握某一門知識，“系統(tǒng)化”學(xué)習(xí)，拓展知識
個人知識管理
- 可以看看編程、歷史、經(jīng)濟(jì)類的書，經(jīng)濟(jì)管理類的書可以拓展思路：經(jīng)營、管理自己的時間、知識
如何創(chuàng)造財富
- 截取自阮一峰老師翻譯的《黑客與畫家》
前端工程師
- 不陌生吧
10
- 代碼 Review、Chrome 調(diào)試工具
11
- 訓(xùn)練出來，多刷題，多遇到
12
- 一種技能：解決問題的技能
- 現(xiàn)在前端處于什么階段：從 Web Page 到 Web APP，后端邏輯逐漸轉(zhuǎn)移至前端 -> 胖客戶端
13
- 工具類了解原理和背景就好，比如 Webpack 為什么誕生。隨著
HTTP 2 的推廣，Webpack 這類也不一定會持久下去。且用戶訪問量最大的 QQ 空間，所有 JS 已經(jīng)緩存在各大服務(wù)器，也不便轉(zhuǎn)用 Webpack - 之所以做前后端分離，因為不只有 Web 前端
- 后端：提供 API
- 前端：處理展示邏輯，無論是否在瀏覽器上還是在服務(wù)器上運(yùn)行
14
- 代碼 Review 、技術(shù)分享和看看開源團(tuán)隊的代碼
- 代碼 Review 最大的困難是說服和技術(shù)無關(guān)的領(lǐng)導(dǎo)進(jìn)行此類活動
15
- 大部分人進(jìn)入前端其實是為了逃離后端
- 對自己進(jìn)行職業(yè)定位
- 去招聘網(wǎng)站多看看自己職位的要求
- 沒用的知識就不要學(xué)習(xí)
- 前端錯誤學(xué)習(xí)方式：JS 還不清楚，盲目學(xué)習(xí)前端頁面、框架
- 看明白，多動手敲
- 沒有工資高的語言，只有工資高的開發(fā)者
- 大部分人事自學(xué)成才的
- 初學(xué)者：盡量遠(yuǎn)離外包公司，盡量去產(chǎn)品型公司
避免三個月的經(jīng)驗，重復(fù)了五年 - 快速的成長：要踩足夠的坑，系統(tǒng)化、理論化
16
- 想得到工作，努力提高自己達(dá)到公司要求，而不是降低自己薪資標(biāo)準(zhǔn)
17
- 新人，不要使用任何框架（除 jQuery）
- 現(xiàn)在叫前端工程師，以前叫頁面重構(gòu)師
- 做一些開源項目，做十個不如做精一個
18
- 多提問：設(shè)計模式是什么，設(shè)計模式用在什么場景，設(shè)計模式解決了什么問題，設(shè)計模式怎么才能解決這個問題
- 前端數(shù)據(jù)來源，Ajax、本地緩存、URL 等
19
- 從發(fā)布最初版本開始看，包括其中的各種提交 diff
20
- 需求更改：新手害怕改變，高手迎接改變，大神以不應(yīng)應(yīng)萬變
- 代碼要多進(jìn)行單元測試。
21
- 將興趣和工作結(jié)合，也不能將興趣作為收入太多的來源
22
- 移動端幾乎擺脫 jQuery
- 應(yīng)該少操作 DOM，推薦使用 React
23
- 產(chǎn)品、工程路線和底層、研發(fā)路線
24
- 做精一倆個項目足以，不要貪多
25
- 什么樣的：前端工程化要了解、設(shè)計模式要了解、解決問題要了解
26
- React：單項數(shù)據(jù)流、函數(shù)式編程
27
- Vue，輕量級、門檻低、有成功案例，因此也很有價值
28
- 學(xué)習(xí)理念
書簽管理
29
- 首選官網(wǎng)，再搜維基等文檔，拓展鏈接
- 拓展：從一篇博客到其友情鏈接等延伸提升
- 實戰(zhàn)提升自己：實戰(zhàn)建立在自己有全面的知識架構(gòu)，不要盲目實戰(zhàn)
- 想成為前端程序員，先成為程序員
- 先學(xué)語言和庫
30
- 推薦書籍
- 《黑客與畫家》
- 《JavaScript 高級程序設(shè)計》
- 《JavaScript 精粹》
- 《你不知道的 JavaScript》
我的感悟
- 用后端的角度思考前端
- 用設(shè)計的角度思考前端
- 分享，是最好的學(xué)習(xí)方式，就像這場知乎 live 或這篇文章一樣
- 更多精彩希望直接付費(fèi)去聽知乎 live 回顧咯：
https://www.zhihu.com/lives/824618968198291456
- 感受一下
- Hello，我是韓亦樂，現(xiàn)任本科軟工男一枚。軟件工程專業(yè)的一路學(xué)習(xí)中，我有很多感悟，也享受持續(xù)分享的過程。如果想了解更多或能及時收到我的最新文章，歡迎訂閱我的個人微信號：韓亦樂。我的簡書個人主頁中，有我的微信個人訂閱號二維碼和 Github 主頁地址；我的知乎主頁 中也會堅持產(chǎn)出，歡迎關(guān)注。
- 本文內(nèi)部編號經(jīng)由我的 Github 相關(guān)倉庫統(tǒng)一管理；本文可能發(fā)布在多個平臺但僅在上述倉庫中長期維護(hù)；本文同時采用【知識共享署名-非商業(yè)性使用-禁止演繹 4.0 國際許可協(xié)議】進(jìn)行許可。
