如今，前端技術異常火熱，厲害的前端工程師甚至比移動端工程師更搶手得多。前端的工具眾多，甚至遠遠超過python的各種小工具。在這里，我希望收集一些技能，以此緊跟世界的潮流。

語言

• Node.js Javascript最炙手可熱的網絡技術源泉，雖然說是后端語言，但是做前端的你不懂，太不像話
  • awesome-javascript
  • 1常用Global庫
  • 2入門及GeoNode.js GIS相關庫
  • 3了解npm
  • 4爬蟲
  • 5nodemap-spider
• CSS
  • 1布局基礎
  • 2入門BEM
• JSONP與跨域
• Typescript
  • 1有了JS，我們更需要ts

框架

• Vue.js
  • 1簡單入門
  • 2進階[譯]用Webpack構建Vue （已過時）
  • 3Vue2.0與1.0的區別
  • vue-leaflet2.0
  • vue-leaflet-mobile
  • 4vuex和vue-router全家桶
  • 5Vue選型和Webpack入門
  • 6Vue項目的性能優化之路
  • 7Vue的自動化測試
  • 8多頁面打包框架（mpa）
  • 9pwa技術在vue的使用（workbox/sw-precache）
  • 10關于vue的eslint相關知識
• React.js
  • 1簡單串講
  • 2react-dom
  • 3從0開始搭建項目配置
  • Redux 筆記一：簡單串講
  • GraphQL筆記一：簡單串講
  • next.js的從零到百入門配置
• Svelte
  • 1入門腳手架
  • 2從零搭建服務端渲染
• 微前端與Web Components

PWA

• 1Web的萬物基礎緩存
• 2離線緩存原理
• 3App Shell模型
• 4Web App Manifest 介紹
• 5Workbox實戰應用

跨平臺

• React Native
  • React Native和Typescript的項目開發入門
  • React Native的Sentry錯誤上報
• Cordova 基于h5為界面與Native App進行交互，方案較為成熟。
  • 1在Visual Studio 2015的入門
  • 2安裝，創建項目和CLI
  • 3ionic+angular+cordova技術棧
  • Angular: 遇到的一些坑
• 微信小程序
  • 1地圖與BAT的接口SDK
  • 2天氣應用
  • 3彩蛋“誰更帥”
  • 4翻譯小輪子weapp-i18n
  • 5重新認識小程序
  • 6serverless 云開發

打包工具

• Browserify
  • 1Browserify 筆記一：CLI介紹
• Webpack
  • 1配置文件介紹
  • 2[譯]Webpack2的新特性
  • 3版本的差異性
• Protobuf to Typescript Definition

庫

• wow.js+animate.css

• velocity

• snabbt.js

• bootstrap

  • 1插件歸納

• q

  • 1異步編程入門

• prefetch性能優化及quicklink應用

工具

• Git
  • 1基本操作
• 用npm-run自動化任務
• Sublime
  • Sublime 插件收集器
  • SublimeText3常用快捷鍵和優秀插件
  • 實用的sublime插件集合 – sublime推薦必備插件
  • Sublime插件：Git篇
• Vim
  • 一個前端開發工程師的Vim跟IDE一樣
• Chrome DevTools
  • Chrome DevTools的15個使用技巧
• 1前端工程師的Mac開發機配置

面試

• 前端面試概念收集器
• 前端面試的經典題
• 前端面試的難題和怪題
• 【es6經典語法】數組的用法

調試

• ie瀏覽器兼容性的Mac調試方法

填坑

• 1網頁端JS的緩存問題
• 2Angular遇到的一些坑
• 3SpatialiteSharp的使用坑
• 4如何獲取跨域iframe高度

微信坑

• 微信分享之分享圖片/分享圖標不能顯示
• 微信分享鏈接含敏感詞被屏蔽的問題
• 前端特效收集器

前端全棧技術棧涵蓋的內容非常豐富，后端框架express，數據庫mongoDB，redis，前端框架react（redux，graphql可選），打包工具browsify或者webpack（首選webpack），語言ES5和ES6。