4月份前端資源分享

更多資源請Star：https://github.com/maidishike...

文章轉自：https://github.com/jsfront/mo...

4月份前端資源分享

1. Javascript

• 關於 ES7 Function Bind Syntax 的思考

• BOOM：一款有趣的Javascript動畫效果

• CORS跨站資源共享之二

• 最流行的編程語言JavaScript能作什麼？

• 到底什麼是閉包？

• JSON.stringify 的第三個參數

• 跨域資源共享 CORS 詳解 - 阮一峯

• 前端要給力之：語句在JavaScript中的值 - 周愛民

• 中國第二屆FEDay視頻花絮

• 編碼規範|前端工程師手冊

• 奇舞週刊

• JavaScript 被忽視的細節

• Chrome 中 scrollingElement 的變化

• 使用 JavaScript 進行單詞發音

• 如何優雅地寫js異步代碼

• 怎樣防止重複發送 Ajax 請求？

• 2016年度 JavaScript 展望（上）

• 爲何是 JSONP

• WebGL 技術儲備指南

• JavaScript數據雙向綁定的簡單演示

• 關於 JavaScript 的好書有哪些？

• 利用HTML註釋的頁面翻譯解決方案

2. 移動Javascript開發

• 移動端 Web 開發踩坑之旅

• 微信公衆號編輯器

• 微信瀏覽器全面升級至X5 Blink內核，支持遠程調試

• JS開發HTML5遊戲《悠悠考拉》（一）

3. Html5

• 網頁頭部的聲明應該是用 lang="zh" 仍是 lang="zh-cn"？

• 2016年 最火的 15 款 HTML5 遊戲引擎

• 百度的Html5工具

• 微信內置瀏覽器對於 HTML5 的支持如何？

• HTML5語義化

4. CSS

• 有哪些精緻的 CSS UI 框架?

• CSS祕密花園

• CSS vs JS動畫：誰更快？

• 【CSS3進階】酷炫的3D旋轉透視

• 純html5+css能寫出什麼驚人的效果？

• CSS如何實現彈簧動畫效果

• 前端動畫原理與實現

• CSS3 loading

5. Angular

• 如何看angularjs源代碼？

• 【1024前端技術峯會實錄】Angular 2 核心模塊剖析

• angular的$watch是如何實現的?

6. React, Webpack

• React

  • React Conf 2017 不能錯過的大起底——Day 1！

  • React reactide

  • 【第904期】React 常見的面試題

  • react.js文件體積爲什麼如此龐大？

  • React框架爲何這麼火：React的設計思想

  • 【譯】2016React大會之React展望

  • React Native 開源一週年回顧

  • React.js 新手村教程

  • React，我從未見過如此好看的教程（1）

• Webpack

  • webpack經常使用配置總結

7. Vue

• Vue源碼學習 Vue.js v1.0.18

• 國內有哪些公司在用Vue.js，有什麼心得?

• vue 無後端blog

• vue 無後端blog - github

• Sublime text - Vue Syntax Highlight

• 掘金· 發現｜Vue.js 的組件化編程 #004

• 學習 vue.js，Node.JS 等技術不知道寫什麼東西？

• vue Learning Tutorials

• Vue 2.0 發佈啦！

• Vue 2.0數據綁定實現一瞥

• Vue,Node管理系統界面

8. jQuery

• 飛入購物車

• jquery學習網站

9. 看書學習 | 成長

• 哪些事作起來無聊但堅持越久意義越大？

• 小土刀 - 技術文章索引

• 怎樣成爲全棧工程師（Full Stack Developer）？

• 意識到了本身沒有辦法成爲 top 1% 的程序員，還應該選擇程序員的道路麼？

10. Git | Github | SVN | FTP

• sublime-text-git

• Github上都有哪些有用但不爲你們熟知的小功能？

11. 創業 | 職場 | 管理 | 產品 | 運營

• 如何管理 90 後員工？有哪些經驗分享？

• 如何設計出色的網站後臺原型？

• 大學和職場脫節在哪裏？

• 馬雲從創業開始到底作了什麼讓阿里巴巴走向世界

• 創業公司怎麼找投資人？

• 是否絕大部分創業公司都活不過 5 年？是哪些緣由讓創業公司走向倒閉？

• 曾經在bat網易等大公司實習的大家當年的實力到達了一個什麼樣的高度？

• 雷軍說小米手機成本價賣給消費者，正在考慮收會員費、服務費。請問這樣作合理嗎？用戶會不會買帳?

• 寫十年的代碼是一種什麼樣的體驗？

12. IDE，編輯器，調試等工具類

• 我想你須要這個簡單好用的 Markdown 閱讀器

• visual studio code 使用指南

• 移動前端調試工具aardwolf和weinre在愛奇藝商城H5項目中應用

• Chrome devTool 自定義主題

• SUBLIME TEXT 3搭建REACT.JS開發環境

• sublime-text 綜合資源

• sublime_packages - svn

• sublime_packages - ftp

• Win下必備神器之Cmder

13. 前端架構及工程化等

• 一鍵將PDF文件轉換成Word、Excel、PPT文件

• 使用Gulp構建網站小白教程

• 關於架構的優化和設計，架構師必須悟透的事情

• gulp-changed的使用：只編譯改動過的文件

• 公司前端開發架構改造

• 什麼叫組件化開發?

• 大型分佈式網站架構

14. Sass，PostCSS

• PostCss插件，兼容全部版本的flexbox屬性

• 淺談PostCSS

15. 工做 | 協同 | 流程

• 如何評價協做工具 Slack？

16. Nodejs

• Node.js最新Web技術棧（2016年4月）

• Node.js 模塊加載和瀏覽器的加載器的區別

• KOA框架鋪墊之generator

• 搭建前端私有npm雜記

• 圖解基於node.js實現先後端分離

• 基於koa+fis3+swig先後端isomorphic類同構實現

• 如何評價 Node v6.0.0 (Current) ？

• 經過源碼分析Nodejs學習系列 - 菜菜蔡偉

• Node.js是用來作什麼的？

17. UI

• 設計中會用到 UI 設計規範嗎？

• gentelella 一款開源的 Bootstrap 3 管理員面板

• 畢業季，答辯PPT怎麼設計？

• 有哪些稱得上UI美如畫的APP？

• 爲何娃哈哈的廣告和產品包裝都很難看？

18. 性能優化教程

• 【 js 性能優化】underscore throttle 與 debounce 節流

• Qzone高性能HTTPS實踐

• 你是如何搭建 Web 前端性能監控系統的？

19. 面試 | 求職

• LintCode，hihoCoder，LeetCode有什麼區別？

• 前端面試時總讓寫原生Ajax真的頗有意義嗎？

• 遲來的面試總結

• 前端求職過程當中，如何快速評估前端開發在一家公司中所依賴的技術比重呢？

• 創業公司應該如何招人？

• 找工做的一些感悟——前端小菜的成長

20. mac ios

• Mac 上怎麼能少了一款好用的 GIF 錄製工具？

• 若是不想讓臨時截圖堆滿桌面，這個應用你應該試試

• Marboo筆記 -- 專業的輕量級標記語言文本預覽器

21. php

• Twig - php模板引擎

• 想要開發本身的PHP框架須要那些知識儲備？

22. java

• Java 自學路線指導？

• JAVA學到什麼水平就能夠轉戰Android了？

22. 英語

• 如何自學英語，有什麼學習方法？

23. 其它

• 影視

  • 有哪些看完可讓人熱血沸騰的動做片推薦？

  • 爲何陳凱歌再也沒拍出《霸王別姬》評價這麼高、質量這麼好的電影了？

  • 有哪些根據真實犯罪故事改編的電影？

• 健康，養生

  • 早起牀好處都有啥？有哪些早起牀能夠養成的好習慣呢？

• 歷史，人文

  • 爲何明朝科技這麼發達，清朝滅明以後科技反而退步了？

  • 畢加索的畫好在哪裏？

  • 寫一本書出版是怎樣一種體驗？

  • 如何評價已故做家陳忠實？

• 其它

  • 面向程序員的數據挖掘指南

  • 公曆(陽曆)農曆(陰曆)轉換，支持時間段從1900-2100

  • 提升效率必備：Windows 10快捷鍵大全

  • SVG 圖標製做指南

  • 好用的截圖工具備哪些？

  • 生活中有哪些小事讓你意識到了思惟的侷限性？

  • Python 的練手項目有哪些值得推薦？