【正文】 輕人開始接觸互聯(lián)網(wǎng)，有一點(diǎn)需要注意，大部分人接觸互聯(lián)網(wǎng)不是始于對(duì)瀏覽器功能的好奇，而是被瀏覽器窗口內(nèi)的豐富內(nèi)容所吸引，我們的思維模 式從一開始就被限制在一個(gè)小窗口之內(nèi)， 以至于很長(zhǎng)時(shí)間內(nèi)我們將“視覺”認(rèn)為是一種“功能”， Web 產(chǎn)品無非是用來展現(xiàn)信息之用。起初的入行者無一例外對(duì)“視覺”的關(guān)注超過了對(duì)“內(nèi)容”的重視，先讓頁(yè)面看起來漂亮，去關(guān)注 html/css，沿著“視覺呈現(xiàn)”的思路，繼續(xù)深入下去。因此，這類人是被“視覺”所吸引，從切頁(yè)面入行，著迷于結(jié)構(gòu)化的 html 和書寫工整的 css，喜歡簡(jiǎn)潔優(yōu)雅的 UI 和工整的頁(yè)面設(shè)計(jì)，之后開始接觸視覺特效，并使用jQuery來實(shí)現(xiàn)視覺特效，以此為線索，開始深入研究 Dom、 Bom 和瀏覽器的渲染機(jī)制等， html/css在這些人手中就像進(jìn)攻兵器，而 JavaScript則更如防守的盾牌。 還有另外一群人從另一條道路接觸 Web 前端，即工程師轉(zhuǎn)行做前端，他們有較多的后臺(tái)語言開發(fā)背景，從讀寫數(shù)據(jù)開始，漸漸觸及瀏覽器端，接觸 JavaScript 庫(kù)，起初是在 html 代碼上加 js 邏輯，后來開始涉及 html 和 css，他們喜歡 OO、邏輯清晰、結(jié)構(gòu)悅目的 `代碼，更關(guān)注界面背后的“程序語言”和數(shù)據(jù)邏輯。 html/css 在這些人手中則更像盾牌，而 JavaScript 更如進(jìn)攻的兵器。 應(yīng)當(dāng)說這兩類人是互補(bǔ)的，他們各自 了解瀏覽器本質(zhì)的一部分，一撥人對(duì)渲染引擎了如指掌，另一撥人則將 JS 引擎奉為至寶，其實(shí)任何一部分的優(yōu)勢(shì)發(fā)揮出來都能做出精品。大部分前端工程師都能從這兩條淵源中找到自己的影子。但，這兩類人的思維模式和觀點(diǎn)是如此不同，以至于形成了一些不必要的對(duì)抗，比如在某些公司，干脆將 Web前端技術(shù)一分為二，“切頁(yè)面的”和“寫 js 的”。這樣做看上去明確了分工提高了效率，但他對(duì)員工的職業(yè)發(fā)展帶來巨大傷害。在第二日“科班秀才”中會(huì)有進(jìn)一步討論。 我應(yīng)該屬于第二類，即在學(xué)校正兒八經(jīng)的學(xué)習(xí) C/Java和 C之類，以為大學(xué)畢業(yè)后能 去做 ERP 軟件、桌面軟件或者進(jìn)某些通信公司寫TCP/IP 相關(guān)的程序。校園招聘時(shí)選擇了中國(guó)雅虎，因?yàn)楫?dāng)年（ 08 年）雅虎還是有一點(diǎn)兒名氣，而且我聽說雅虎比較算技術(shù)流的公司??自此就上了賊船，一發(fā)不可收拾。 在雅虎的這段時(shí)間，我有幸接觸到一股正氣凜然的技術(shù)流派，也形成了我對(duì)前端技術(shù)的一些基本看法，這些基本觀點(diǎn)一直影響我至今。 【優(yōu)雅的學(xué)院派】 當(dāng)年雅虎的技術(shù)流派正如日中天，擁有眾多“之父”級(jí)的高人，所營(yíng)造出的 Hack 氛圍實(shí)在讓人陶醉的無法自拔，那段時(shí)間我甚至寧愿加班到深夜閱讀海量的文檔和源 代碼，感覺真的很舒服，我深深的被雅虎工程師這種低調(diào)務(wù)實(shí)、精工細(xì)琢的“服務(wù)精神”所打動(dòng)，而這種不起眼的優(yōu)秀品質(zhì)很大程度的影響雅虎產(chǎn)品的用戶體驗(yàn)和高質(zhì)量的技術(shù)輸出。那么，何謂“服務(wù)精神”？即你所做的東西是服務(wù)于人的，要么是產(chǎn)品客戶、要么是接手你項(xiàng)目的人、要么是使用你開發(fā)的功能的人，所以技術(shù)文檔成為伴隨代碼的標(biāo)配。因此，工程師之間通過代碼就能做到心有靈犀的溝通。這是工程師的一項(xiàng)基本素質(zhì)，即，思路清晰的完成項(xiàng)目，且配備 了有價(jià)值的技術(shù)文檔，如果你的程序是給其他程序員用的，則更要如此，就好比你制造一款家電都要 配備說明書一樣。因此， YDN成了當(dāng)時(shí)最受全球程序員最喜愛的技術(shù)文檔庫(kù)，這種優(yōu)雅務(wù)實(shí)的“學(xué)院氣息”讓人感覺獨(dú)具魅力。 讓人感覺奇怪的是，在中文社區(qū)始終未見這種學(xué)院派。甚至在具有先天開源優(yōu)勢(shì)的 Web 前端技術(shù)社區(qū)里也是波瀾不驚，可見寫一篇好的技術(shù)文案真的比登天還難。我所見到的大部分所謂文檔索性把代碼里輸出數(shù)據(jù)的語句塊拷貝粘貼出來，至于為什么數(shù)據(jù)格式要設(shè)計(jì)成這樣、如果字段有修改怎么做、編碼解碼要求如何等等關(guān)鍵信息只字不提，或者開發(fā)者也沒想過這些問題呢。因此，我們一直在強(qiáng)調(diào)代碼的質(zhì)量和可維護(hù)性，但一直以來都未 見效，蓋源于缺少這種“服務(wù)”意識(shí)的灌輸。這種意識(shí)在下文中還會(huì)多次提到，因?yàn)樗苡绊懩阕鍪碌拿總€(gè)細(xì)節(jié)，是最應(yīng)當(dāng)首先突破的思想糾結(jié)。 除了意識(shí)問題，另一方面是技術(shù)問題，即文筆。這也是工程師最瞧不上眼的問題，難以置信這竟然是阻礙工程師突破瓶頸的關(guān)鍵所在。我已看到過數(shù)不清的人在晉升這道關(guān)卡吃了大虧，很多工程師技術(shù)實(shí)力很強(qiáng)，但就是表達(dá)不出來，要么羅列一大堆信息毫無重點(diǎn)、要么毫無趣味的講代碼細(xì)節(jié)，不知云云。除非你走狗屎運(yùn)碰到一個(gè)懂技術(shù)的老板，否則真的沒辦法逃脫碼農(nóng)的宿命。但大部分人還振振有詞不以為然。而在 Web 前端開發(fā)領(lǐng)域情況更甚。前端工程師是最喜歡搞重構(gòu)的，但在快節(jié)奏的需求面前，你很難用“提高了可維護(hù)性”、“提升了性能”這類虛無縹緲的詞藻為自己爭(zhēng)取到時(shí)間來搞重構(gòu)，說的露骨一點(diǎn)，可能你真的對(duì)某次重構(gòu)帶來的實(shí)際價(jià)值無法量化，只是“感覺代碼更整潔了”而已。我會(huì)在下文的“偽架構(gòu)”中會(huì)展開分析前端工程師的這種浮躁獻(xiàn)媚的技術(shù)情結(jié)。而這正是前端工程師最欠缺的素質(zhì)之一：用數(shù)據(jù)說話，用嚴(yán)謹(jǐn)科學(xué)的論據(jù)來支撐你的觀點(diǎn)，老板不傻，有價(jià)值的東西當(dāng)然會(huì)讓你去做。 當(dāng)然，情況不總是這么糟糕，我們看到中文社區(qū)中已經(jīng)鍛煉出了很多寫手，他 們?cè)谟酶哔|(zhì)量的文字推銷自己的技術(shù)理念，這是一個(gè)好兆頭，好的文筆是可以鍛煉出來的。而在職場(chǎng)，特別是對(duì)前端工程師這個(gè)特殊職位來講，這種基本技能可以幫你反思梳理需求的輕重緩急，從凌亂的需求中把握七寸所在。因?yàn)楫?dāng)你開始認(rèn)真寫一封郵件的時(shí)候，這種思考已經(jīng)包含其中了。 所以，雅虎技術(shù)的推銷是相對(duì)成功和遠(yuǎn)播的。關(guān)鍵在于兩方面，扎實(shí)的技術(shù)功底和高超的寫手。而真正的技術(shù)大牛一定是集兩者與一身，不僅鉆研劍道，還能產(chǎn)出秘籍。這也是 Yahoo!優(yōu)雅的學(xué)院派氣息的動(dòng)力源泉。國(guó)內(nèi)很多技術(shù)團(tuán)體想在這方面有所建樹，應(yīng)當(dāng)首先想清楚這 一點(diǎn)。 【規(guī)范的破與立 1】 雅虎的技術(shù)運(yùn)作非常規(guī)范，剛才已經(jīng)提到，包括技術(shù)、組織、文化，一切看起來有模有樣，也堪稱標(biāo)桿，自然成了國(guó)內(nèi)很多技術(shù)團(tuán)隊(duì)和社區(qū)的效仿對(duì)象。一時(shí)間各種“規(guī)范“成風(fēng)、各色“標(biāo)準(zhǔn)“大行其道，結(jié)果是質(zhì)量參差不齊。 我們到底需要什么樣的規(guī)范？雅虎的技術(shù)規(guī)范到底有何種魔力？以何種思路構(gòu)建的規(guī)范才是貨真價(jià)實(shí)的？規(guī)范有著怎樣的生命周期？想清楚這些問題，能很大程度減輕很多 Web 前端工程師的思想負(fù)擔(dān)，看清一部分技術(shù)本質(zhì)，避免盲目跟風(fēng)。 我們的確需要規(guī)范，但好的規(guī)范一定是務(wù)實(shí)的，一定是“解決問題“的。比如針對(duì)項(xiàng)目構(gòu)建的 DPL 可以收納公用的視覺元件以減少重復(fù)開發(fā)、規(guī)定某 OPOA項(xiàng)目的事件分發(fā)原則以確立增量開發(fā)的代碼慣性。反之，糟糕的規(guī)范卻顯得過于“抽象“，比如頁(yè)面性能指標(biāo)、響應(yīng)式設(shè)計(jì)原則。另外，盡管他山之石可以攻玉，但拿來主義有一個(gè)大前提，就是你了解你的項(xiàng)目的關(guān)鍵問題，你要優(yōu)先解決的是些關(guān)鍵問題，而外來規(guī)范正好能解決你的問題。因此規(guī)范是一本案頭手冊(cè)，是一攬子問題的解決方案，應(yīng)當(dāng)是“字典”，而不是“教程“?？梢娨?guī)范的源頭是“問題”。所以 ，當(dāng)你想用 CoffeeScript 重構(gòu)你的項(xiàng)目時(shí)、當(dāng)你想引入 CommonJS 規(guī)范時(shí)、當(dāng)你想在頁(yè)面中揉進(jìn) Bootstrap時(shí)、當(dāng)你打算重復(fù)造輪子搞一套 JS 庫(kù)時(shí)、當(dāng)你想重寫一套 assets 打包工具時(shí)，想想這些東東解決了你的什么問題？會(huì)不會(huì)帶來新的問題、把事情搞復(fù)雜了？還是為了嘗鮮？或者為了在簡(jiǎn)歷中堂而皇之的寫上使用并精通各種新技術(shù)？ 規(guī)范之立應(yīng)當(dāng)有動(dòng)因，動(dòng)因來源于項(xiàng)目需求，項(xiàng)目需求則來自對(duì)產(chǎn)品的理解和把握，這是 Web 前端初級(jí)工程師走向中級(jí)甚至高級(jí)的一次重要蛻變，軟件工程領(lǐng)域早就有“架構(gòu)師”角色，而架構(gòu)師 往往存在于項(xiàng)目需求分析和概設(shè)、詳設(shè)階段。我看到的情況是， Web 前端工程師的思維過多的限制在“界面”之內(nèi)，向前和產(chǎn)品需求離的太遠(yuǎn)（認(rèn)為這是視覺設(shè)計(jì)師的事）、向后和數(shù)據(jù)邏輯又隔離開來（認(rèn)為這是后臺(tái)工程師該干的事），因此前端規(guī)范也大都泛泛，無關(guān)項(xiàng)目痛癢，成了玩具。 雅虎技術(shù)規(guī)范的優(yōu)秀之初在于它們解決問題。所以，學(xué)習(xí)使用規(guī)范應(yīng)當(dāng)多問一句，“他們?yōu)槭裁催@樣做？”其實(shí)，想清楚這些問題時(shí)，腦海中自然形成了一種“遇山開山”的創(chuàng)造性思維。 如果說新技術(shù)的嘗鮮缺少針對(duì)性，但至少滿足程序員的某種潔癖和快感，那么“ 負(fù)擔(dān)”從何而來呢？對(duì)于初學(xué)者來說，有價(jià)值學(xué)習(xí)資料可能只有這些規(guī)范，如果說規(guī)范價(jià)值不大，那又當(dāng)從何入手呢？ 剛才我說的不是依賴于規(guī)范，而是對(duì)規(guī)范的反思，擺脫規(guī)范灌輸給我們的思維定勢(shì)。新人們大概是看了 Wiki 中的很多指標(biāo)、結(jié)論、實(shí)踐，在做項(xiàng)目之初就附加了不少“八股式”的負(fù)擔(dān)，甚至影響我們對(duì)項(xiàng)目關(guān)鍵需求和關(guān)鍵問題的洞察力和判斷力，負(fù)擔(dān)過重就無法輕裝上陣， Wiki 中提到的這些指標(biāo)和規(guī)范是結(jié)論性的，是大量的實(shí)踐之后得出的，也只有經(jīng)歷過大量實(shí)踐才會(huì)真正理解這些結(jié)論，比如 DomReady時(shí)間和 請(qǐng)求數(shù)是否有 因果關(guān)系， 請(qǐng)求數(shù)增加是否真的會(huì)導(dǎo)致頁(yè)面性能下降，什么條件下會(huì)導(dǎo)致性能下降？我們從那些條文和結(jié)論中無法找到答案。 舉個(gè)具體的例子， Kissy 剛剛出了 DPL，也是一大堆結(jié)論，比如他的布局就采用了經(jīng)典的雙飛翼，使用容器浮動(dòng)來實(shí)現(xiàn)，那么，這種做法就是不可撼動(dòng)的“標(biāo)準(zhǔn)”嗎？看看淘寶車險(xiǎn)首頁(yè)，布局容器齊刷刷的 inlineblock，只要頂層容器去掉寬度，布局容器自身就能根據(jù)瀏覽器寬度調(diào)整自然水平 /垂直排列，輕易的適應(yīng)終端寬度了。 再比如，淘寶旅行計(jì)劃項(xiàng)目中的部署方式，也沒有完全使用 Loader管理依賴，而是將依賴層級(jí)做的很少，業(yè)務(wù)邏輯使用腳本來合并，這樣就可以更容易在 build環(huán)節(jié)加入語法檢查和代碼風(fēng)格檢查。 類似這種擺脫原有編程思維，有針對(duì)性的用新思路新方法解決問題的做法顯然讓人感覺更加清爽，編程的樂趣也正體現(xiàn)在打破常規(guī)的快感之中，小馬曾經(jīng)說過：“制造規(guī)范是為了打破規(guī)范”，萬不要因?yàn)檫@些規(guī)范標(biāo)準(zhǔn)加重負(fù)擔(dān)，導(dǎo)致開始做一個(gè)簡(jiǎn)單頁(yè)面時(shí)也顯得縮手縮腳，無法放開身手。大膽的動(dòng)手實(shí)踐，才能真正得出屬于自己的“結(jié)論“和“標(biāo)準(zhǔn)“，才會(huì)真正深刻理解那些“結(jié)論”的意義所在。代碼寫的多了，自然熟能生巧，也容 易形成成熟的技術(shù)觀點(diǎn)。 在這個(gè)過程中，我們唯一的對(duì)手是懶惰，惰于思考，就無法真正發(fā)現(xiàn)問題，自然形不成自己的觀點(diǎn)。還是那句話，任何規(guī)范、方法、結(jié)論、實(shí)踐都是為了解決項(xiàng)目中的問題的，所以，我們所接觸到那些看似“八股文”式的規(guī)范標(biāo)準(zhǔn)也是為了解決某些問題而提出的，想清楚這些問題，理解方法論背后的“因“，內(nèi)心自然有“果”。 因此，“著眼當(dāng)下、對(duì)癥下藥”的品質(zhì)就顯得彌足珍貴了，比如，雙飛翼布局方法是為了解決一套（ html）代碼適應(yīng)多種布局設(shè)計(jì)，這里的布局相對(duì)于固定的產(chǎn)品來說也是固定的，而無針對(duì)終端的自適 應(yīng)（適用于移動(dòng)端的榻榻米布局似乎還沒有最佳實(shí)踐）。這是雙飛翼產(chǎn)生的背景，如今終端環(huán)境較之 5 年前已經(jīng)翻天覆地，問題早已不在“多種布局”上，而在“終端適應(yīng)“上，這才是我們面臨的問題，需要我們給出新的技術(shù)方案。 所以，勤于思考，輕裝上陣，大膽實(shí)踐，勇于創(chuàng)新，發(fā)掘問題所在，實(shí)打?qū)嵉慕鉀Q（潛在）問題，這才是我們真正需要的能力。放下思維定勢(shì)枷鎖，也會(huì)有一種豁然開朗的感覺。 學(xué)習(xí)計(jì)劃篇 4 Java學(xué)習(xí)計(jì)劃 好的計(jì)劃是成功的一半，今天是在創(chuàng)新思維的第一節(jié)課，在這門課程的開始，一個(gè)有策略的、有 目的性的計(jì)劃是非常必要的，為了在以后的學(xué)習(xí)中能夠達(dá)到最好的效果， 堅(jiān)持 是一把雕刻刀，不斷地將我這顆頑石變成一件精美的藝術(shù)品。 。時(shí)間是海綿里的水，只有不斷地?cái)D，才會(huì)變得更多，只有將時(shí)間最大化的利用，才能做成一件事。 。統(tǒng)籌規(guī)劃每一件事是成功的關(guān)鍵，只有有計(jì)劃性的做每一件事，才會(huì)將每一件事做完、做好。 。要按照自己制定的計(jì)劃嚴(yán)格執(zhí)行，不能像以前一樣一拖再拖，一定要嚴(yán)格要求自己，不能為自己找借口。 。學(xué)習(xí)是循序漸進(jìn)的，不能一會(huì)一口氣吃成個(gè)胖子，一會(huì)又是餓得骨瘦如柴，一定要每天堅(jiān)持學(xué)習(xí)，俗話說： 三天不練手生，三天不說口生 ，只有不斷的學(xué)習(xí)才能充實(shí)自己。 。知之為知之，不知為不知，不知時(shí)就要問，不能不懂裝懂，如果不知道還要裝做知道，這樣只會(huì)和別人差的越來越遠(yuǎn)，越來越跟不上老師的節(jié)奏，最后還是一無所成，只是浪費(fèi)時(shí)間罷了。 ，首先要學(xué)會(huì)獨(dú)立思考。如果思考不出來，再請(qǐng)教老師或同學(xué)，如果只是一味的問老師，只會(huì)讓自己產(chǎn)生依靠心理，長(zhǎng)此以往，便失去了獨(dú)立思考的能力，不能自己獨(dú)立完成一件事。 計(jì)劃制定好后，一定要按照計(jì)劃來執(zhí)行，我相信，我一定可以在以后的學(xué)習(xí)生活中取得進(jìn)步。 學(xué)習(xí)計(jì)劃篇 5 校本研修是一個(gè)學(xué)校的的活力和發(fā)展前景所在。通過校本研修，可以隨時(shí)解決在新課程改革過程中出現(xiàn)的教育教學(xué)問題，不斷提升教師的理論水平和教育實(shí)踐能力，促進(jìn)學(xué)校的教育教學(xué)質(zhì)量的提高。 一、指導(dǎo)思想 根據(jù)學(xué)校創(chuàng)建區(qū)實(shí)驗(yàn)性、示范性高中規(guī)劃的實(shí)際，結(jié)合學(xué)校師資隊(duì)伍建設(shè)規(guī)劃的要求，以及著眼于學(xué)校第三次機(jī)構(gòu)改革，基于《上體附中數(shù)字化校 園平臺(tái)》的開發(fā)與使用，結(jié)合我校的實(shí)際情況，本學(xué)期將繼續(xù)以新課程改革為指導(dǎo)，著眼于教育教學(xué)實(shí)踐中出現(xiàn)的問題，通過校本研修，提高校本培訓(xùn)的實(shí)效性，聚焦課堂，改進(jìn)教學(xué)行為，提高教師的專業(yè)素質(zhì)和教學(xué)質(zhì)量，努力打造出具有我校特色的校本研修模式。 二、校本研修目標(biāo)