時間過得真快,轉眼間如今是2017年最後一個星期,而今天也是聖誕節,過幾天也是元旦了。每到年末,你們都習慣總結和分享,我也不例外。可是經歷,我以前已經發過了,那麼我今天就分享吧!把我接觸的一些資源分享給你們,算是送給你們的雙旦禮物吧!但願你們可以從中獲取本身所需的資源。從我接觸前端的開始,到發稿時間截止的這段時間我看過不少的博客,開源項目也瞭解過一些,質量有良莠不齊(甚至還出現過廣告文,雞湯文),但下面的推薦的博客,文章,項目或者其它資源都是我接觸過的。不敢說資源最好,最全,適合每個人,可是內容質量上讓我滿意的。可能有些資源我未必看完,看懂,看細。但我以爲是能夠幫到你們的,能讓你們提高技術水平的。但願能給你們起到一個引導,指路或者解惑的做用。若是你們有什麼好的資源,也歡迎分享!javascript
有一些資源連接,在後面我會加上括號的註釋!好比:
「
html5推廣(介紹html5開發的創意廣告)」
,加上註釋的緣由可能有如下幾點:
1.資源很不錯,乾貨比較多,提醒你們看!
2.資源是一個系列的其中一個資源。好比一個系列有20多篇文章,每一篇都有用,我不可能把20多篇連接都貼上,因此通常我貼這個系列的第一條,提醒你們不要忘記讀完所在系列!
3.資源裏面的部份內容我我的以爲頗有用,有部分我以爲沒什麼用!提醒你們挑着看,按需求看!
4.資源的標題可能會有些小誤導,或者資源的其它注意事項,我加以本身的解釋和備註。css
後HTML5時代I
後HTML5時代II(簡單粗暴的介紹html5的api,沒什麼廢話)
html5推廣(介紹html5開發的創意廣告)
匠心打造canvas簽名組件
HTML5/CSS3(湯姆大叔總結的html5和css3的新特性)
H5動畫開發快車道
移動H5前端性能優化指南
玩轉HTML5移動頁面
HTML5 進階系列:文件上傳下載
HTML5 進階系列:canvas 動態圖表
HTML5 進階系列:拖放 API 實現拖放排序(這個系列的文章都不錯,值得你們一看)
H5動效的常見製做手法
超多經典 canvas 實例,動態離子背景、移動炫彩小球、貪吃蛇、坦克大戰、是男人就下100層、心形文字等等等
打造高大上的Canvas粒子動畫
canvas入門實戰--邀請卡生成與下載html
CSS3屬性教程與案例分享(大漠的CSS3乾貨,進去裏面能夠逐個看,對css3的學習頗有用)
CSS3實現11種經典的CSS技術(大漠的CSS3經典實例乾貨,對css3的學習頗有用)
W3cplus demo(w3cplus的案例,很是值得一看)
強大的css3(歸納性的說明css3的新特性的一篇文章)
css3經典教程系列(不要忘記看完這個系列,文章都不錯)
我的總結(css3新特性)
CSS3熱身實戰--過渡與動畫(實現炫酷下拉,手風琴,無縫滾動)
編寫本身的代碼庫(css3經常使用動畫的實現)
也許vue+css3作交互特效更簡單
CSS 寫做建議和性能優化小結
如何編寫輕量級 CSS 框架
21條CSS高級技巧
原創:CSS3技術-雪碧圖自適應縮放與精靈動畫方案
Flex 佈局教程:語法篇
Flex 佈局教程:實例篇
奇妙的 CSS shapes(CSS圖形)
使用CSS3製做各類形狀的圖形(轉自others)
有趣的CSS題目(1): 左邊豎條的實現方法(看了第一篇,能夠往下面看,總會會幫助的,不過這個網站有時候加載不出圖片,若是加載不出圖片,放棄仍是堅持,你們抓主意)
純 CSS 實現波浪效果!
使用瀏覽器開發者工具檢測CSS動畫性能
搞定這些疑難雜症,向css3動畫說yes
Effective前端1:能使用html/css解決的問題就不要使用JS
如何讓你的動畫更天然
css畫圖形
css各類鼠標效果
深刻了解 CSS3 新特性(也是歸納性的總結,這個系列值得推薦)
前端如何呼風喚雨
:after和:before炫酷用法總結
神奇的 conic-gradient 圓錐漸變
10 個優質的 CSS 與 JS LOGO 動畫示例
被解放的GPU-提升CSS3性能
【項目總結】扯一扯電商網站前端css的總體架構設計(1)(看了第一篇,別忘了看下面的一個系列)
【整理】CSS佈局方案
css:默認的checkbox、input、radio太醜了?我來教你改變使用純css3改寫的帶動畫的默認樣式
20個實用的CSS技巧代碼
CSS性能分析,如何優化CSS提升性能
CSS 黑魔法小技巧,讓你少寫沒必要要的JS,代碼更優雅
漸進式動畫解決方案
CSS新特性
CSS Animation性能優化
【轉載】高性能的動畫
奇妙的 CSS shapes(CSS圖形)
前端
深刻理解JavaScript系列(湯姆大叔寫的JavaScript系列,涉及到各個知識點,對學習和深刻js頗有用)
JavaScript核心概念概括整理(歸納性的說明js的一些核心概念)
從達標到卓越 —— API 設計之道
我眼中的 JavaScript 函數式編程
javascript組件化
如何寫出小而清晰的函數?(JS 版)
javascript對象詳解:__proto__和prototype的區別和聯繫
理清javascript中的面向對象(一)——原型繼承(這個專欄(實用至上)文章質量不錯,值得留意)
微前端-Javascript經常使用的設計模式詳解
10 個你須要瞭解的最佳 javascript 開發實踐
深刻理解javascript原型和閉包系列
JavaScript學習總結(一)基礎部分(這個系列的文章不錯,不要忘記看完這個系列不過你們得在發文章的專欄找下這個系列的文章,由於做者在這個專欄發文不是連着發一個系列,中間也夾雜着其它文章,不過也很好找。在這專欄(trigkit4)裏面,即便不是這個系列的文章,我看過其中幾篇,感受也很好,你們能夠留意下)
JavaScript設計模式與開發實踐 | 01 - 面向對象的JavaScript(這個系列的教程不錯,《JavaScript設計模式與開發實踐》的筆記,這本書我也看過,這本書不錯,做者整理總結得也不錯,你們看完,收穫很多)
JavaScript 函數式編程存在性能問題麼?
如何讓 JS 寫得更漂亮
JS的平凡之路--學習人氣眼中的效果(上)
你還在用for循環大法麼?
前端模板的原理與實現
只有20行Javascript代碼!手把手教你寫一個頁面模板引擎
【教學向】150行代碼教你實現一個低配版的MVVM庫(1)- 原理篇
【教學向】150行代碼教你實現一個低配版的MVVM庫(2)- 代碼篇(能夠關注這篇文章對應的專欄,寫得不錯,不知道做者還會不會寫下一篇)
如何按部就班、有效地學習JavaScript?
過目不忘JS正則表達式
JavaScript 進階之深刻理解數據雙向綁定
利用 JavaScript 數據綁定實現一個簡單的 MVVM 庫(這篇文章除了本身簡單造輪子,更重要的是用一個實例瞭解MVVM的原理)
正則表達式30分鐘入門教程
如何監聽頁面 DOM 變更並高效響應
IntersectionObserver API 使用教程(利用這個API能夠更簡單的實現圖片懶加載和其它事情,性能也更高)
(下面三個鏈接,是知乎上的幾個話題,裏面的回答質量良莠不齊,你們能夠挑些高質量的回答看,絕對有幫助)
做爲一名前端開發人員,有哪些值得一讀的js代碼?
JavaScript 有什麼奇技淫巧?
用 JavaScript 能夠作哪些有趣的事情?
反擊爬蟲,前端工程師的腦洞能夠有多大?(前端反爬蟲的文章,只有想不到,沒有作不到)
這些的JavaScript編程黑科技,裝逼指南,高逼格代碼,讓你驚歎不已
如何寫出好的 JavaScript —— 淺談 API 設計
JavaScript 設計模式 ① 正確使用面向對象編程的姿式(看了第一篇,不要忘記下面的)
如何優雅的編寫 JavaScript 代碼
我的小結--javascript實用技巧和寫法建議
用65行代碼實現JavaScript動畫序列播放
如何用原生 JS 實現手勢解鎖組件
Javascript思惟導圖
純前端實現人臉識別-提取-合成
最全正則表達式總結:驗證QQ號、手機號、Email、中文、郵編、身份證、IP地址等
99%的人都理解錯了HTTP中GET與POST的區別
JavaScript練習網站收集(收錄一些js練習的網站,有空能夠去練習一下)
從新介紹 JavaScript(JS 教程)
編寫本身的代碼庫(javascript經常使用實例的實現與封裝)
讓我印象深入的javascript面試題
JavaScript 打怪升級 —— 把業務邏輯當練習題作html5
阮一峯 es6(能夠看成es6文檔用的在線書籍)
ES6 你可能不知道的事 - 基礎篇
ES6 你可能不知道的事 - 進階篇
30分鐘掌握ES6/ES2015核心內容(簡單粗暴介紹es6核心)
八段代碼完全掌握 Promise
ECMAScript 6 新特性(總結性描寫經常使用的es6新特性)
實例感覺-es6的經常使用語法和優越性
10個最佳ES6特性
聊聊ES7與ES8特性Async/Await替代Promise的6個理由
10分鐘學會ES7+ES8
import、require、export、module.exports 混合使用詳解java
官網文檔(ts的一個官方文檔,寫得較好)node
jquery源碼分析
jQuery中的100個技巧(譯)(看了這篇文章,感受本身學的是假jquery,不過不少技巧我沒有親身試過,保留意見)
這幾條JQuery提高性能的規則你須要牢記
JQuery坑,說說哪些你們都踩過的坑(對於剛接觸的新人而言,這篇文章還有幫助)
jQuery學習筆記(總結性說明jquery經常使用的api,也不錯)
jQuery插件開發總結
jQuery === 麪條式代碼?react
vue官網
Vue2.x踩坑與總結
Vue 中你不知道但卻很實用的黑科技
一個栗子實踐vue2.0與1.0的區別
我從未見過如此簡潔易懂的Vue教程
vue-API(2.3版本的API大全)
Vue.js 插件開發詳解
vue插件編寫與實戰(從開發到發佈的一個流程,實例簡單易懂)
使用 Vue.js 建立的 Calendar
加薪DAY10」Vue開源項目庫彙總(雜七雜八的庫都有,質量固然也是有高有低,你們挑着看。)
Vue.js 的實用技巧(一)(看了第一篇,別忘記剩下的)
深刻vue2.0底層思想--模板渲染
Vue.js——vue-router 60分鐘快速入門
Vue2.1.7源碼學習
剖析Vue實現原理 - 如何實現雙向綁定mvvm
Vue.js入門(一)--MVVM框架理解
Vue2 源碼分析——邏輯梳理
手把手教你擼個vue2.0彈窗組件
深刻淺出基於「依賴收集」的響應式原理
Vue全家桶實踐項目總結
vuex入門實例(1/3)
原創《vue2.0進階系列》教程目錄大全
另闢蹊徑:vue單頁面,多路由,前進刷新,後退不刷新
vuejsexamples(vue的各類demo,可能會有須要的需求)
vue快速入門的三個小實例(我本身的文章,比較基礎的用法,用三個小實例講解vue的入門,)
用vue開發一個所謂的數獨jquery
(下面的文章,有些是webpack1.x和2.x的,考慮到如今已經更新到3.x了,你們看時候要注意區別)
webpack中文網
webpack官方文檔
webpack使用優化(基本篇)
webpack經常使用功能介紹
webpack 3 零基礎入門教程 #1 - 介紹(看了第一篇,不要忘記下面的,這個系列值得一看)
開發工具心得:如何 10 倍提升你的 Webpack 構建效率
Webpack 大法之 Code Splitting
webpack多頁應用架構系列(一):一步一步解決架構痛點(看了第一篇不要忘記剩下的,這個系列的文章不錯)
宣佈 Parcel:一個快速,零配置的 Web 應用打包工具
前端構建工具吐槽與parcel極簡入門
折騰記:Hello Parcel
從 webpack 到全面擁抱 Parcel #1 探索 Parcel(這篇應該會用後續內容,你們能夠跟着學)
gulp詳細入門教程
前端構建工具gulp的使用介紹及技巧
gulp入門指南
(react我剛接觸不久,暫時看過的網站就這兩個)
React中國
React 技術棧系列教程
React組件規範在
在 2017 年學習 React + Redux 的一些建議(中篇)
在 2017 年學習 React + Redux 的一些建議(下篇)
學習 React.js 比你想象的要簡單
(Browsersync中文網 - 省時的瀏覽器同步測試工具)
使用npm - NodeSource的絕對入門指南
Node.js和npm - NodeSource中的Package.json的基礎知識
配置.npmrc以獲取最佳Node.js環境
這是一個具備一致接口、模塊化、高性能等特性的 JavaScript 工具庫。
4.17.4版本
web調試優化-chrome開發者工具不徹底指南
分享幾個平常調試方法讓js調試更簡單
用 Chrome 調試你的 JavaScript
JavaScript 中 console 的用法(看了這篇和上面一篇文章,你可能會感受之前根本不會使用console)
Chrome開發者工具系列
Web 的現狀:網頁性能提高指南
移動 Web 開發問題和優化小結
前端優化不徹底指南
淺談移動前端的最佳實踐
前端優化帶來的思考,淺談前端工程化
前端優化實踐總結
減小前端代碼耦合
判斷單、多張圖片加載完成
終端代碼重複率檢測
【組件化開發】前端進階篇之如何編寫可維護可升級的代碼
做爲一個web開發人員,哪些技術細節是在發佈站點前你須要考慮到的
【單頁應用】咱們該如何處理框架彈出層層級關係?
剝離模板代碼加速Web頁面加載
移動前端系列——移動頁面性能優化
[聊一聊系列]聊一聊百度移動端首頁前端速度那些事兒
socket.io 中文手冊 socket.io 中文文檔
WebSocket 與 Socket.IO
VR進化論|教你搭建通用的WebVR工程
RxJS 入門
deeplearn.js:瀏覽器端機器智能框架
雞年大吉!繼續前行的前端週刊(第十五期)(雖然差很少狗年了,可是裏面的內容並無過期)
前端收藏夾(和上面那篇同樣,都是別人的總結的,乾貨很多,可是‘前端收藏夾’,多是資源太多了,給個人感受也有點一股腦放資源的感受,只要是資源,都放進去,少部分資源質量有點低,建議你們帶參考思想看)
移動web乾貨收藏夾
awesomes(前端一個巨大的資源庫,裏面的資源應有盡有)
知識庫(擁有不少語言,框架,庫的知識圖譜,值得一看!能讓你瞭解哪一個語言,框架,庫所包含的知識點,每個知識點的詳情講解,也有栗子和文章,如:javascript知識圖譜,html5知識圖譜,react知識圖譜)
前端資源分享
送給前端的你,推薦幾篇前端彙總文章。 - 知乎專欄
前端面試問題合集(Front-end-Developer-Interview-Questions)
github上值得關注的前端項目(trigkit4大神審理的一份清單,裏面推薦的項目不少,你們能夠按需所需)
前端那點事兒(書列)
FPB 2.0:免費的計算機編程類中文書籍 2.0(迷渡大神分享的書籍,各種圖書都有,也有前端的,你們能夠挑着看)
騰訊 Web 工程師的前端書單
前端開發者手冊
印記中文-手冊(各類開發文檔,webpack,vue,sass等)
(如下幾個連接,不是文章,也不算問題吧,都是segmentfault官方舉行的比賽,分享或者討論的內容,在上面看大神的分享,代碼,絕對有收穫)
1024 HackGame 第四關面壁人這些題目是怎麼想出來的?
把 SegmentFault 所有帶回家 —— 碼文章,送周邊
官方送書活動第二彈 —— 增加姿式之SF喊你來談開發
官方活動,深刻淺出之SF喊你來談開發!一塊兒來分享一下你的開發知識?
官方30行js比賽:30行js你能作出什麼?
【官方比賽】社區 1111 秀代碼,讓你來秀讓你飛!
淘寶前端團隊fed
阿里巴巴
百度前端團隊
360奇舞團
奇舞團視頻教程
京東設計體驗部-凹凸實驗室
騰訊網前端研發中心
騰訊alloyteam
騰訊前端IMWEB團隊
騰訊前端IMWEB團隊-github
騰訊遊戲
新浪UED
去哪兒網移動架構組
大前端(餓了麼)
搜車大無線團隊博客
(上面的團隊博客,值得關注,博文內容質量很高,可是就是更新不頻繁,下面的更新會比較多,質量也不錯)
極樂科技
IMWeb前端社區
愛前端-知乎專欄
前端雜貨鋪
前端外刊評論
前端解憂雜貨鋪
DDFE 技術週刊
前端之巔
Fed彙總
十年蹤影
張鑫旭
阮一峯
葉小釵
司徒正美博客
湯姆大叔
廖雪峯
勾三股四
chokCoCo
chokCoCo-github
Cherry's Blog
雅X共賞的前端技術博客-前端路上
我看過的書比較雜七雜八,與前端有關的,推薦的就是下面這些了!下面的書,我都看過,區別就在於有些我是整本都看完了(有些也來回看過幾回),有些粗略的看了其中一部分(有些就看了幾頁)!
關於看書的建議,下面的書,你們能夠根據本身的需求興趣去挑着看。一本書,不要看完就能夠了,要弄懂書中的內容。有些書值得你們來回看幾遍的!
關於書的資源,下面的推薦的書(我看的是電子書)我都是從網上下載的。爲避免侵權,我在這裏就不放資源的連接了!你們自行購買紙質書或者電子書,或者到網上找資源!
《JavaScript高級程序設計》:(紅皮書或者紅寶石書)能夠做爲入門書籍,但同時也是高級書籍,能夠快速吸取基礎,等到提高再回來從新看
《JavaScript權威指南》:(犀牛書)能夠說是js最經典的一本書了,新手看着可能會有點吃力,可是對於學js的人來講,必備的,不理解的地方就去查閱一下,頗有幫助。
《數據結構與算法JavaScript描述》(刺蝟書)
《編寫可維護的JavaScript》(烏龜書)
《JavaScript DOM編程藝術 第2版》
《JavaScript語言精粹》(蝴蝶書):經典的書,也是普及JavaScript的開發思惟的一本書。
《javascript框架設計》(第二版)-司徒正美
《JavaScript設計模式 》-張榕銘(百度員工寫的一本書,案例生動易懂,涉及的設計模式比較全)
《JavaScript設計模式與開發實踐》-曾琛(騰訊員工寫的一本書,講了js裏面更加經常使用的14個設計模式)
《單頁Web應用 JavaScript從前端到後端》
《ECMAScript 6 入門》能夠做爲es6新特性文檔的一本書,並且這本書開源了(ECMAScript 6 入門
),直接看就好!須要的也能夠購買!
《HTML5移動Web開發實戰》
《HTML5移動Web開發指南》
《HTML5 Canvas核心技術》:對於感覺canvas的魅力,使用,動畫的實現,都很是有幫助。
《html5與css3權威指南 第三版》-陸凌牛,這本書貌似有同名的,注意做者,另外該書分上冊和下冊的。我當時看的是第二版,如今已經出了第三版就推薦第三版了。
《鋒利的jquery》:我學jquery就是看這本書,這本書給我身邊的同行印象不是很好,可是我感受不錯,並且我學jquery就看了這一本書,就推薦這本了!
《了不得的Node js 將JavaScript進行到底》
《css揭祕》:看了這本書,我不再敢說本身會css了!裏面不少都是你想不到的!
我推薦社區雖然有這麼多個,可是我註冊帳號而且活躍的只有兩三個,其它的社區基本都是我在學習的時候偶然接觸到的,而且以爲不錯的,因此也推薦下。至於你們想活躍哪幾個社區,就看你們的選擇了。若是你們有什麼好的社區資源,也不妨推薦下!
github:這個起初我常常在上面找資源。可是沒註冊帳號,可是後來被老大催着註冊,就去了。在裏面能夠閱讀別人的代碼,向你們學習!
稀土掘金:我如今活躍的一個社區,是寫文章的一個很好的地方!
segmentfault:我如今活躍的一個社區,主打問答,也有文章和講堂,質量也很不錯!
知乎:雖然不是單純的IT社區,可是裏面有不少大牛和高質量的專欄!
stackoverflow:一個問答社區,基本上各類問題都能在上面得到解答
w3cplus:一個前端學習的網站,裏面的文章質量都挺不錯的,特別是關於CSS(3)的
前端網前端亂燉:一個前端文章分享的社區,有不少優秀文章
開發者頭條
前端週刊
HTML5夢工場
畢業僧
慕課網(貌似如今不少視頻收費了,之前我看的時候,基本都是免費的)
匯智網
(以上圖片來源網絡)
vue
react(我只接觸過幾回react,使用起來還不錯,如今也正在學習)
gulp
parcel
webpack
d3
chart(和d3同樣,屬於數據可視化方面,體驗過。可是在項目上沒用過,感受功能強大,就推薦下)
element-ui(基於vue2.x開發的一個組件庫,通常用於後臺管理系統開發,如今咱們公司開發的後臺管理就是用這個)
muse-ui(一樣是基於vue的組件庫,ui很是的漂亮)
一塊兒學 Node.js(這個其實應該是node.js教程)
AlloyTeam移動端手勢解決方案
frontend-dev-bookmarks(前端各方面的學習清單)
免費的編程中文書籍(中文分享書籍,不止前端,各方面都有,你們按需查看)
animate.css
hover.css
muse-ui(基於vue2.0的一個UI庫,樣式漂亮,種類全)
CSS3 實現各種3D效果的博客(和下面三個鏈接同屬一個做者,這個大牛的做品不錯,效果酷炫,雖然star數量與其它幾個推薦項目無法比,可是很值得推薦)
chokcoco/boomJS
chokcoco/magicCss
chokcoco/iCSS
handtouch
awesome-vue
Electron
vue-skeleton-webpack-plugin
梁少峯的我的博客(裏面的文章質量也不錯,各類都有,js,jquery,vue,react,node.js等)
RxJs
deeplearn(谷歌出版,一個關於人工智能深度學習的框架,有興趣能夠看,我看了一會,沒看懂)
(下面這兩個是我本身的開發的項目,雖然跟其餘項目比較欠缺火候,可是還不至於用不了或者拿不出手的地步,也算是個人一個小廣告吧!(●'◡'●))
ec-do(封裝了平常開發經常使用的javascript實例,實例爲平常開發經常使用的小實例,包括數組去重,打亂數組,字母大小寫轉換,cookie操做的封裝等。)
ec-css(基於css3開發的代碼庫,包括平常使用的hover過渡效果,動畫效果,以及預設動畫)
騰訊css3 ui庫
NEC : 更好的CSS樣式解決方案(網易的一個css3解決方案,可是貌似挺舊了,不維護了,可是裏面的案例你們能夠參考,絕對有收穫)
使用node.js + socket.io + redis實現基本的聊天室場景
前端開發,從草根到英雄(第一部分)
前端開發,從草根到英雄(第二部分)
個人前端進階之路(看着標題覺得是雜談,實際上感受是一篇總結性文章,你們能夠看下)
爲你的移動頁面尋找一絲新意——手機互動網頁項目總結(上)
爲你的移動頁面尋找一絲新意——手機互動網頁項目總結(下)
前端開發指南2017
【實戰HTML5與CSS3 第一篇】初探水深,美麗的導航,絢麗的圖片爆炸!!(看完別忘記下面的,是葉小釵大神仿智能社官網的實戰)
基於 Vue 2.0 實現的移動端彈窗 (Alert, Confirm, Toast)組件.
發現最好的你-設計中如何打造最合適的組件
webpack+vue項目實戰(一,搭建運行環境和相關配置)(我本身的文章,關於使用vue+webpack開發一個單頁應用,一個後臺管理系統的開發搭建,這個系列一共有五篇文章)
web前端--10個妨礙進步的學習方式
前端入行兩年--教會了我這些道理
關於IT培訓機構的我的見解
OpenDoc - 前端簡歷評級標準(美團出的一份簡歷評級,能夠適當參考下,對比下本身的實力和美團評級。固然有興趣的也能夠去面試)
前端代碼規範及最佳實踐
Vue.js 很好,可是比 Angular 或 React 更好嗎?
聊聊技術選型 - Angular2 vs Vue2
寫給前端工程師看的,移動應用選型指南
網站架構-從無到有
前端架構那些事兒
技術大牛養成指南,一篇不雞湯的成功學實踐
6 個值得好好學習的 JavaScript 框架
更快學習 JS 的 6 個簡單思惟技巧
程序員怎麼學英語
8個讓程序員追悔莫及的職業建議
小心!程序員應警戒七種錯誤的職業規劃
1024程序員節,寫給年輕程序員的建議
給新程序員的10條建議
前端框架這麼多,該何去何從?
2017年前端開發工具趨勢
現代前端開發技術棧
據說2017你想寫前端?
如何跟上前端開發的最新前沿
前端開發人員必須瞭解的七大技能圖譜
前端技能彙總(JacksonTian)
另外一張前端技能彙總圖(和上面的一個連接同樣,可是看的話,建議你們帶參考的思想看)
怎樣成長爲一個優秀的 Web 前端開發工程師?
月薪10-12k的前端人員應該具有怎樣一種技術水平?
做爲一名前端開發人員,有哪些值得一讀的js代碼?
不吹不黑聊聊前端框架--尤雨溪Live整理
前端開發者指南(2017)
爲何一些公司招前端不想要培訓班出來的人?
前端新人不容易
如今Web前端是否是已經飽和了?
2017前端技術發展回顧
hexo高階教程:教你怎麼讓你的hexo博客在搜索引擎中排第一(有興趣的能夠看一下,有用)
開放源碼的法律面(由於國外對版權,許可證非常注重,該文章就講代碼開源後關於許可證的文章,看得我有點蒙,可是最終整理後,個人開源項目就用MIT)
MDN-web技術文檔
智圖_圖片壓縮在線工具_在線製做webp
多視通圖片轉換Base64
微信JS-SDK說明文檔
草料二維碼
菜鳥教程
w3cschool
好了,我學前端看過的博客文章,關注過的大牛和項目,項目技術棧的教程基本都在這裏了!我分享的這些,不敢說最好,最全,適合每一個人。可是都是我看過或者接觸過的,至少內容上讓我滿意的,讓我以爲是對學習有用的,能幫到你們的。若是你們有什麼學習資源推薦的,我也但願你們不吝嗇的共享給我,給你們!
這篇文章,對於你們而言是一個資源的合集,但對於我而言,多是一個分割線。發完2017最後一篇文章在之後我可能會在務實基礎的前提下,注重深刻的探究,發的文章可能會比如今的文章深刻,文章產量可能不會像如今這麼頻繁!
還有一個建議就是,學習web前端,上面分享的能夠起到一個引導,指路,解惑的做用。可是,你們不要忘記多練,畢竟實操最重要!你們有空餘的時間或者週末也能夠本身作下本身有興趣的項目,而且用在本身工做的項目開發上!項目不求比別人好,只求本身能練習,提高本身的技術水平!
-------------------------華麗的分割線--------------------
想了解更多,關注關注個人微信公衆號:守候書閣