前端進階路線圖

CSS不能編程?用LessSassStylus、甚至直接用?Absurd,框架除了Bootstrap還有很多。JS寫多了很麻煩?jQuery。移動開發?Zepto.js。結構不好?找框架,Backbone.js是MVC,AngularJSEmber.js是MVVM,Twitter還弄了個事件驅動框架Flight。庫多了要優化加載?RequireJS

代碼質量成問題?JasmineQUnitMocha做單元測試。各種瀏覽器都要測?用Karma。測試通過了部署還有問題?持續集成,用Travis CI。用戶行為也要測?用Selenium?。樣式測試還有Viff?。覺得JS都夠麻煩的?用CoffeeScript

想做動畫?Canvas或SVG還有CSS3幫忙,干掉Flash。SVG太難畫?用Snap.svg。想開發游戲?用Canvas。自己寫FPS太低?用框架,CreateJS.。2D太幼稚?three.js幫你用WebGL開發3D,還不夠給力?asm.js讓你在瀏覽器中擁有虛幻3引擎。

這一堆東西都要配置部署,麻煩,用Grunt,庫太多?用Bower管理,項目開始要創建各種文件文件夾?用Yeoman。開源項目太多了,GitHub.上找,不會?學Git。順便用Jekyll托管博客,不是吧還有Ruby這玩意...SASS也是Ruby寫的,等等Sublime TextPython寫的,要寫插件?也學一下。調試太難?用Chrome開發者工具,一堆API和功能。

光在電腦瀏覽器上跑不給力?移動開發HTML5,離開網絡就渣了?HTML5離線應用。不如原生應用?用PhoneGap。想調用原生API?開發Firefox OS應用吧。瀏覽器應用也得會吧,Chrome Firefox都有自己的文檔。接著是不是把后端甩了,自己來,裝Node.js,所以還得學點服務器知識,想用npm管理node包?linux技巧shell神馬的也得學。想前后端通吃?再看看http協議。Web精通了?node-webkit?讓你可以寫桌面程序了,繼續學吧。

想學模塊化開發?看看CommonJSAMD規范。理解JS有偏差?看看ECMA-262,等等不知道什么時候第6版就要出了。瀏覽器各不相同,弄不清該怎么兼容?看看W3C標準,HTML寫出來人看的懂,機器讀不懂?要SEO,要支持殘障人士?看HTML語義化,全會了但IE就是不支持?叫不出名字的瀏覽器尼瑪連JS都不知道是啥?漸進增強。想一次把各種設備全搞定?響應式設計。

然后上面這些不過是一些討巧的小技術。公司做什么業務的?了解一下行業信息。面向大眾的產品?交互設計。美工不給力?UI設計。外包和咨詢?設計模式、重構方法、算法、數據結構。知道軟件工程嗎?了解一下敏捷開發,或許還可以試試TDD、ATDD、BDD。

看了這么多東西,第一反應是不是求中文文檔?學英語去吧。

?



摘自豆瓣某大神

轉載于:https://www.cnblogs.com/staven/p/7d27f49c824fb273e68c87e64951e83f.html

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/375546.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/375546.shtml
英文地址,請注明出處:http://en.pswp.cn/news/375546.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

流媒體直播服務LSS

流媒體直播服務LSS posted on 2014-10-22 11:23 實驗室 閱讀(...) 評論(...) 編輯 收藏 轉載于:https://www.cnblogs.com/labs/p/4042641.html

Win7安裝vs2010失敗

提示: --------------------------------------------------------------------------------------------------------------------------------------- 解決方法:開始運行中regedit打開注冊表找到HKEY_LOCAL_MACHINE/System/CurrentControlSet/Control …

調光設備術語:調光曲線(轉)

源:調光設備術語:調光曲線 核心提示:調光曲線是調光設備重要的參數之一,它直接影響到了燈光輸出的效果,是數字化調光設備性能的體現。上面這句話包含了三點內容,我們逐條解析。 調光曲線是調光設備重要的參…

深入淺出理解QTimeLine類

網上找了下QTimeLIne類的介紹,要么就是代碼一貼自己看去,要么就是說不到重點,正巧自己項目遇到這個類,在這里寫一下,給需要的同學看下。 因為我最近需要有動畫方面配合時間間隔觸發QGraphicsView框架的需求&#xff0c…

0909編譯原理

1.編譯原理學什么? 編譯原理是計算機專業的一門重要專業課,旨在介紹編譯程序構造的一般原理和基本方法。內容包括語言和文法、詞法分析、語法分析、語法制導翻譯、中間代碼生成、存儲管理、代碼優化和目標代碼生成。 2.為什么學編譯原理? 這門…

何為動態綁定(轉)

動態綁定只是叫法不同,你可以理解為多態!例如,有一個抽像fruit水果父類,其中定義了一個方法抽像eat方法,而apple繼承fruit并實現fruit的eat方法,而banana繼承fruit并實現fruit的eat方法,外部調用…

繼承與多態

第十七講 A)構造方法的重載:只需看參數即可。如果想在一個構造方法中調用另外一個構造方法,那么可以用this()的方式調用,this()括號中的參數表示目標構造方法的參數。this()必須要作為構造方法的第一條語句。 B)繼承&a…

c++學習心得

c是大一開始接觸的一門新的語言,說老實話當時學的并不好興趣指數5顆星中只有3顆。但是既然是學這方面的,還是好好聽課學習吧。下面簡單的說一下c的一些學習心得吧! c是什么?c是一種面向對象的程序設計語言。c是c的一種提高&#x…

實現strstr()

實現 strStr() 函數。 給定一個 haystack 字符串和一個 needle 字符串,在 haystack 字符串中找出 needle 字符串出現的第一個位置 (從0開始)。如果不存在,則返回 -1。 示例 1: 輸入: haystack "hello", needle "ll" 輸出: 2示例…

有效電話號碼

給定一個包含電話號碼列表(一行一個電話號碼)的文本文件 file.txt,寫一個 bash 腳本輸出所有有效的電話號碼。 你可以假設一個有效的電話號碼必須滿足以下兩種格式: (xxx) xxx-xxxx 或 xxx-xxx-xxxx。(x 表示一個數字…

JSP中RequestDispatcher的用法

RequestDispatcher是一個Web資源的包裝器&#xff0c;可以用來把當前request傳遞到該資源&#xff0c;或者把新的資源包括到當前響應中。RequestDispatcher接口中定義了兩個方法&#xff1a;include/forward 由于<jsp:include>只能指定固定的jsp文件名&#xff0c;不能動…

TCP/IP三次握手與四次握手

原文地址 http://blog.csdn.net/whuslei/article/details/6667471 http://blog.csdn.net/wo2niliye/article/details/48447933 建立TCP需要三次握手才能建立&#xff0c;而斷開連接則需要四次握手。整個過程如下圖所示&#xff1a; 先來看看如何建立連接的。 首先Client端發送連…

vim支持nginx語法高亮

下載nginx源碼&#xff0c;解壓之后&#xff0c;將contribu/vim/*拷貝到~/.vim/目錄&#xff0c;如果沒有~/.vim/目錄&#xff0c;則創建即可。 cp -r contrib/vim/* ~/.vim/或 mkdir -p ~/.vim/ cp -r contrib/vim/* ~/.vim/此時再打開conf/nginx.conf就可以看到已經語法高亮…

Delphi 正則表達式語法(4): 常用轉義字符與 .

Delphi 正則表達式語法(4): 常用轉義字符與 . // \d 匹配所有數字, 相當于 [0-9] varreg: TPerlRegEx; beginreg : TPerlRegEx.Create(nil);reg.Subject : 期待Delphi 2008 for Win32&#xff01;;reg.RegEx : \d;reg.Replacement : ◆;reg.ReplaceAll;ShowMessage(reg.Subje…

C語言操作mysql

php中 mysqli, pdo 可以用 mysqlnd 或 libmysqlclient 實現 前者 從 php 5.3.0起已內置到php中, 并且支持更多的特性&#xff0c;推薦用 mysqlnd mysqlnd &#xff0c; libmysqlclient 對比&#xff1a;http://php.net/manual/en/mysqlinfo.library.choosing.php mysqlnd 目前是…

Hadoop DistributedCache分布式緩存的使用

轉載請注明&#xff1a;http://www.cnblogs.com/demievil/p/4059141.html 我的github博客&#xff1a;http://demievil.github.io/ 做項目的時候遇到一個問題&#xff0c;在Mapper和Reducer方法中處理目標數據時&#xff0c;先要去檢索和匹配一個已存在的標簽庫&#xff0c;再對…

每日溫度

根據每日 氣溫 列表&#xff0c;請重新生成一個列表&#xff0c;對應位置的輸出是需要再等待多久溫度才會升高超過該日的天數。如果之后都不會升高&#xff0c;請在該位置用 0 來代替。 例如&#xff0c;給定一個列表 temperatures [73, 74, 75, 71, 69, 72, 76, 73]&#xf…

什么是Modbus

什么是Modbus 1. Modbus如何工作 Modbus是通過設備之間的幾根連線來傳遞數據&#xff0c;最簡單的設置就是主站和從站之間用一跟串口線相連。數據通過一串0或者1來傳遞&#xff0c;也就是位。0為正電壓&#xff0c;1為負電壓。位數據傳遞速度非常快&#xff0c;常見的傳輸速度為…

博客剛剛開通!

今天老賊開播了&#xff01;以后請大家多多關照&#xff01; 轉載于:https://www.cnblogs.com/xiaosayi/p/4065313.html

Android實例-拍攝和分享照片、分享文本(XE8+小米2)

結果&#xff1a; 1.分享文本不好使&#xff0c;原因不明。有大神了解的&#xff0c;請M我&#xff0c;在此十分感謝。 2.如果想支持圖片編輯&#xff0c;將Action事件的Editable改為True。 相關資料&#xff1a; 官網地址&#xff1a;http://docwiki.embarcadero.com/RADStudi…