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動畫研究與實踐