前端经验收集器

如今，前端技术异常火热，厉害的前端工程师甚至比移动端工程师更抢手得多。前端的工具众多，甚至远远超过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入门脚手架
• 微前端与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。

转载，请表明出处。总目录前端经验收集器