7月份前端資源分享

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

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

7月份前端資源分享

1. Javascript

• this.length >>> 0 的作用(Javascript)？

• 陣列元素隨機化排序演算法實現

• JavaScript學習筆記：陣列隨機排序

• 44個 Javascript 變態題解析 (上)

• 44個 Javascript 變態題解析 (下)

• JavaScript中的數字

• 前端開發筆記本

• 過目不忘JS正規表示式

• 聊一聊前端儲存那些事兒

• 一鍵分享到各種SNS

• 寫給剛入門的前端工程師的前後端互動指南

• 物聯網世界的前端開發

• 如何評價淘寶造物節邀請函的前端設計？

• 前端技能之切圖

• 搭建自己的前端自動化測試腳手架（一）

• 搭建自己的前端自動化測試腳手架（二）

• Numbers in JavaScript

• 通過一張簡單的圖，讓你徹底地、永久地搞懂JS的==運算

• 深入瞭解javascript的sort方法

• 學習資料結構有什麼用？

2. 移動Javascript開發

• 聊一聊百度移動端首頁前端速度那些事兒

• 前端如何呼風喚雨

• 如何看待微信前端團隊新發布的 WeFlow 工作流工具？

3. Html5

• 【騰訊bugly乾貨分享】HTML 5 視訊直播一站式掃盲

• 瀏覽器中喚起native app || 跳轉到應用商城下載

• 線上生成表格

• QQ天氣H5-前端完整解析

• 五分鐘學會 Canvas 基礎（一）

• 五分鐘學會 Canvas 基礎（二）

• 從零開始開發一款H5小遊戲(一) 重溫canvas的基礎用法

• H5動效的常見製作手法

4. CSS

• 前端開發中的一些黑魔法Pt2

• 騰訊AlloyTeam團隊的CSS3 UI 庫

• ie8相容background-size

• Effeckt

5. Angular

• 為什麼還要選擇 angular 與 angular 學前準備

6. React, Webpack

• React

  • 淺談 React、Flux 與 Redux

  • JSX有哪些缺陷？

  • 高質量的 React 相關文件和翻譯

  • 關於React的一些實踐和資源

  • React Native指南匯集了各類react-native學習資源、開源App和元件

  • 個人收集的react相關資源連結

• Webpack

  • [[React專案總結] 基於 webpack 搭建前端工程基礎篇](https://github.com/chenbin92/…

  • webpack 教程資源收集

  • webpack如何全域性引入jquery和外掛?

7. Vue

• ele Mint UI 基於 Vue.js 的移動端元件庫

• vue-qrcode

• VUE.JS元件化開發實踐

• vuejs如何用vue-router構建路由？

• Vue+Webpack使用規範

• Vue 省市區三級聯動元件

• Vue + Webpack 開發實踐

• 基於Vue.js的資料統計系統(一)

• 基於Vue.js的資料統計系統(二)

• 基於Vue.js的資料統計系統(三)

7.1 Vue資源

• Vue.js——vue-resource全攻略

• Vue.js其它文章也不錯

• 企業級時間軸外掛Vue-timelinepick

8. jQuery

• jquery-chosen 選擇框外掛

• radio,checkbox美化

• 輪播大集合

9. 看書學習 | 成長

• 普通人如何通過訓練大幅提高自己的能力？

• 為什麼畢業三四年之後，同學之間的差距會這麼大？

• 我的前端書評

10. Git | Github | SVN | FTP

• 遊戲學git – 動畫演示git分支

• Git與GitHub常用命令

• GitHub上開源需要哪些目錄與檔案規範？

• Git的奇技淫巧

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

• 擦亮眼睛－如何選擇創業公司

• 如果天生個性不是特別強勢的那種，怎麼培養領導別人的氣場？

• 創業公司上市後，員工在處理期權上面都有哪些經驗或教訓？

12. IDE，編輯器，除錯等工具類

• Atom使用紀要

• Atom飛行手冊翻譯

• 一個測試50多款程式設計字型的網站

• 使用Chrome開發工具優化Web應用

• 工具武裝的前端開發工程師

• 有哪些程式設計必備的 Vim 配置？

• Chrome 實用除錯技巧

13. 前端架構及工程化等

• 支付寶前端應用架構的發展和選擇

• 如何做前後端動靜分離

• 前端架構是什麼，前端有架構可談嗎？

• 如何構建一支專業的前端開發團隊（一）

• 如何構建一支專業的前端開發團隊（二）

14. Nodejs

• Nodejs原生支援的ES6特性

• 如何定位 Node.js 的記憶體洩漏

• 深入理解Node.js：核心思想與原始碼分析

• github上有什麼好的node.js的專案？

• 如何系統地學習Node.js？

• NodeJs——（16）用Nodejs 4.X版本，製作一個微博網站（多圖，詳細步驟）

15. UI

• 100個彈框設計小結

• 零基礎如何學習繪畫？

• 送給想自學畫畫且零基礎的人10個技巧

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

• 學習繪畫應該怎麼起步？

• 如何建立一套 UI 設計規範？

• 用 Sketch 繪製一份美觀的互動稿

16. 效能優化教程

• 我們是如何做好前端工程化和靜態資源管理

17. Hybrid App

• 淺談 Hybrid App

• 移動端高清、多屏適配方案

• 極致的 Hybrid 混合式開發（去啊App Hybrid 實戰）

• ReactNative動畫研究與實踐