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