3月份前端資源分享

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

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

3月份前端資源分享

1. Javascript

• 使用judge.js作信息判斷

• javascript----事件概述

• 下一代前端打包工具與tree-shaking

• 阿里研發的互動遊戲引擎Hilo

• javascript 從定義到執行，你不知道的那些事

• github上值得關注的前端項目

• 單頁應用開發權威指南 - 寸志

• 前端數據驅動的價值

• 前端數據驅動的陷阱

• 支持蘋果3d touch的庫

• js和ios通訊

• js即便修改ios

• Javascript操做DOM經常使用API總結

• 前端工程師也須要zsh

• 2016 年前端開發領域有什麼趨勢值得關注？

• [[前端亂燉] 2015年最受歡迎的20篇](http://zhuanlan.zhihu.com/yut...

• 前端外刊評論

• 後端程序員的 JavaScript 之旅 - 回調地獄終結者

• 2016前端流行框架趨勢

• Growth: 深刻淺出全棧工程師

• 專訪｜前端佈道師@張克軍

• 技術分享：幾種常見的JavaScript混淆和反混淆工具分析實戰

• 讓圖片加載這件事兒變得更美好

• GitHub 上有什麼好玩又有挑戰的前端項目？

• 奇舞週刊

• 2016年前端前景如何？

• 大白話講解Promise（一）

• Promise與異步

• 給你的JS代碼添加單元測試

• 支付寶同窗開發-Macaca是一套自動化測試解決方案

• 2016年的前端技術棧展望

• 月影 - 前端動畫原理與實現

• 原生實現jQuery方法

• 參加FEDAY 2016是一種怎樣的感覺？

• 熱炒的前端何時能冷靜下來？

• 可伸縮的同構Javascript代碼

• 用 jdists 處理零碎代碼依賴

• 由NPM引起的關於left-pad的那些事兒

• 淺談Web緩存

• 一個前端的自我修養 - winter

• 數據類型轉換 - 阮一峯

2. 移動Javascript開發

• 如何快速開發多端應用?

• requestAnimationFrame最佳實踐?

• 【移動適配】移動Web怎麼作屏幕適配（一）

3. Html5

• 【55期】Canvas 最佳實踐（性能篇）

• Html5工具哪些是免費的啊，哪家效果好一點？

• HTML5骨骼動畫Demo

• HTML5視頻的那些事兒

• 一個Geek範的H5頁面製做工具

4. CSS

• CSS哲學僞命題

• CSS 巧用 :before和:after

• cubic-bezier貝塞爾曲線CSS3動畫工具

• CSS「隱藏」元素的幾種方法的對比

• 1像素邊框，真的是1像素嗎

• 騰訊微雲黑色遮罩引導蒙版更好的CSS實現方式

• 有哪些CSS標準是前端工程師頗有必要研讀的？

• 純 CSS + HTML，不使用 JavaScript，能實現怎樣的視覺效果

• CSS direction屬性簡介與實際應用

• px轉rem工具使用指南

• 純 CSS3 效果資源收集整理

• CSS 有什麼奇技淫巧？

• CSS 代碼怎麼樣算是優雅的、高效的？如何寫出這樣的 CSS？

• CSS Modules 詳解及 React 中實踐

• 騰訊微雲黑色遮罩引導蒙版更好的CSS實現方式

5. Angular

• 翻譯的 Todd Motto: AngularJS 風格指南

• Angular代碼規範

• Angular Style Guide

• 如何衡量一我的的 AngularJS 水平？

• Angular 2 中文資料彙總(文章，視頻，教程)

6. React, Webpack

• React

  • JavaScript Testing utilities for React

  • Airbnb React編碼規範

  • 小菜鳥如何系統性學習React？

  • 都有誰在用 React 呢?

  • 【資料彙總】React

  • React移動端UI組件庫

  • 【騰訊bugly乾貨分享】深刻源碼探索 ReactNative 通訊機制

  • React Native開發技術週報Issue

  • React 教程

  • React做爲時下最熱的前端框架，各位有什麼經驗分享下嗎？

  • React 動畫庫

  • React Native開發技術週報

  • 拋開 React 學習 React 第一部分

  • React 有哪些優秀實用的組件

  • Redux 中文文檔

  • 簡聊代碼被開源了

• Webpack

  • What、Why、How？解讀Webpack官方文檔

  • Webpack 性能優化 （一）

7. Vue

• Vue羣管理－小凡哥-講解 vue.js 實例

• 講解 vue.js 實例－github資源

• Angular2 相比 Vue 有什麼優點？

• Mobile web UI based on Vue and Weui https://vux.li/

• vue.js不用yeoman怎麼搭建工程化結構？

• 如何評價vuex 從 0.3.0 到 0.6.1 的調整?

• Vuejs + Electron打造的一個桌面端音樂播放器

• 新舊交替VueJs到底好在哪？

• Octicon component for Vue.js, using inline SVG

• Vue.js 資料

• vue源碼解析之一：transition

8. jQuery

• jQuery Text Counter Plugin

• Makes the html5 input placeholder attribute fully compatible.

• [[譯] jQuery 3 有哪些新東西](https://github.com/cssmagic/b...

• 仿Facebook切換表情符號的jQuery插件

9. 看書學習

• 你是怎樣經過學習改變命運的？

• 使用番茄工做法一個月感覺

• 作程序員的話，從事哪些方面的工做，或者說學哪幾種編程語言的性價比高？

• 自控力極差的人如何自救？

10. Git,Github

• Git Community Book 中文版

• 怎樣使用 GitHub？文科妹子寫的 Github 入門教程

• 使用Jekyll+GitHub搭建本身的免費靜態博客

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

• 對不起，我纔剛剛知道Principle這神器

• GitCafe 被 Coding 收購的緣由和意義?

• 年輕的創業者，怎樣才能比較容易地拿到風險投資和天使投資？

• 在國家鼓勵創業的期間創業，是順勢而爲仍是逆流而上？

• 前端工程師是怎樣一種職業

• 論壇爲何會衰落？

• 如今創業開網店，淘寶好仍是微店好？

• 如今IT行業的前景如何，零基礎去培訓機構學半年以後就業如何？

• 什麼樣的公司值得加入？

• 哪些工具能極大提高產品經理的工做效率？

• 南京互聯網企業主要集中在哪裏，有什麼創業政策支持麼？

• 你是怎麼找到創業的方向的？

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

• 【譯】在 Chrome 開發者工具中調試 Node.js

• Vim實戰指南系列

• Code tree for GitHub and GitLab

• Chrome觀察每行js代碼執行時間

• Atom 有什麼優秀插件？

• 一探前端開發中的JS調試技巧 - 京東成都研究院

• Chromium網頁加載過程簡要介紹和學習計劃

13. 前端架構及工程化等

• 告別刀耕火種:淺談VisMooc的前端工程化

• （多是）最低成本的創業公司技術棧方案

• 前端重構之路（組件化）

• 前端架構技術選型？

• 我理想中的前端工做流

14. Sass，PostCSS

• 25個基礎的Sass和Compass工具推薦

15. 工做 | 協同 | 流程

• 在線API文檔、技術文檔工具

16. Nodejs

• 2016該如何學習nodejs？

• 徒手用node構建一個cms系統

• 基於 Express+Gulp+BrowserSync 搭建高性能的前端開發環境

• 用Node.js開發微信牆簡明教程

17. UI

• Sketch 中畫圖標，生成字體文件

• 設計類綜合網站

• 自學設計，你真的入門了嗎？

• 普通 UI 設計師與頂級 UI 設計師的區別是什麼？

• WeUI的設計稿開源

• 工科生的PPT進階之路

• 前端工程師必備的PS技能——切圖篇

18. 面試相關

• 面試是假，竊取商業情報是真。面試如何防騙？

• 一份優秀的前端開發工程師簡歷是怎麼樣的？

• 做爲 HR，有哪些「通常人我都告訴他，可是他都不聽」的忠告？

• 如何面試前端工程師？