整理网上优秀文章,博客,论坛,...

分类规则比较随意，主要来源实际项目中学习， 均为国内网站，不需翻墙。 后面随着收集的网址增多，会慢慢细化。 持续更新

FE-interview

• jS
• 面试的信心来源于过硬的基础
• 收集的前端面试题和答案
• 前端开发面试题大收集，前端面试集锦
• Web性能的方方面面
• front-end-interview-handbook(en)
• Web 开发基础、工程实践、应用架构与性能优化、React & Vue.js 实战教程系列文章
• github-FE-project
• Awesome-KnowledgeMap
• font-end-interview-handbook

博客

• [张云龙 -uc]https://github.com/fouber/blog
• [jawil] (https://github.com/jawil/blog)

html

• 教学类

  • 腾讯 ISUX 前端 （网站页面优雅）
  • HTML5 Tricks （各种神奇效果源码及教学）
  • 妙味课堂 （前端教学视频）
  • Web前端导航（最全前端网站整理）
  • 小专栏- 技术博客（不只是前端）
  • V2EX - 论坛
  • W3scool -- 标准文档
  • jQuery 中文网
  • Qunar UED
  • Awesomes

• 文档类

  • 百度分享按钮
  • mustache.js(hogan.js)API 中文版
  • weui - wiki
  • fis3 定制的前端工程构建工具

• 实用类

  • Viewport 概念
  • webapp优化整理
  • base64 - 详解
  • base64 在线转码
  • base64 图标网（部分免费）

css

• [antUI- 蚂蚁金服无线H5样式库](https://antui.alipay.com/10.1.10/index.html#Usage 使用方法)

• flex 布局(阮大神)

• Grid 布局(兼容新 比较低)

• line-height:150% 和 1.5

• line-height 深入理解

• line-height ,hight 文字居中

• 字号和行高

• vertical-align 和 line-height的基友关系

• textarea 出现超大光标

• css Shapes 实现元素环绕iphoneX 头部刘海效果

• zoom 和 transform:scale 的区别

• 20个css高级技巧汇总

css3

• CSS transform 中的Matrix(矩阵) （鑫大神的博客）
• transsform与tansition背后的数学原理- 矩阵

JS

• 文档类

  • yarn
  • JavaScript 核心
  • JavaScript 标准参考教材(阮大神的笔记)
  • FIGLet 初识 - 基于ASCII字符组成的字符画
  • Yocto - Anima官方提供的dom操作基础库
  • Datatables - 一款jquery表格插件
  • 每天写点代码- John Resig
  • art-template - 号称最快的模板引擎
  • 前端代码规范--总结github库代码习惯
  • Baidu 前端代码规范
  • 不要在js中使用css(英文版)
  • 汤姆大叔的博客 -深入理解JavaScript 系列
  • 传统 Ajax 已死，Fetch 永生（sg 上高分经典文章之一，）
  • JavaScript 模块化讲解
  • mock.js(生成随机数据，拦截 Ajax 请求 - 假数据)
  • 移动端rem布局总结

• 实用类

  • Error 对象(MDN)

  • 获取setInterval中函数的返回值

  • 定时器settimeout、setInterval执行能传递参数的函数

  • Javascript异步编程的4种方法(阮一峰的网络日志)

  • JavaScript 内存泄漏教程

  • Bluebird 是一个被广泛使用的 JS promise 库

  • 立即调用的函数表达式（汤姆大叔）

  • 全面解析Module模式

  • 设计模式 -- 职责链模式

  • zepto对象思想与源码分析

  • zepto 设计和源码分析(慕课网)

  • zepto 源码之 Ajax 模块

  • sessionStorage 和 localStorage

  • 常用正则表达式

  • GIT 分支模型

  • 事件委托、函数节流及防抖

  • offsetwidth/clientwidth的区别

  • JSHint配置项说明

  • JSHint配置参数小结

  • ESlint 配置参数

  • HTTP缓存机制

  • 在线排序动画算法演示

  • 无线加载分页

  • touchmove

  • git 四个阶段的撤销更改（非常实用

  • promise 原型 -MDN

• bugs

  • label标签的两次click触发
  • label 点击 两次触发
  • DOM事件学习之兼容中文输入法 - composition
  • ajax 跨域 headers JavaScript ajax 跨域请求 +设置headers 实践
  • 跨域资源共享 CORS 详解
  • touchmove-移动端

• 插件类

  • fastclick 使用简单说明

  • fastclick 源码分析

  • 在线可视化HTML编辑器 - xhEditor

  • xhEditor 用法

  • ueditor 官网（又是一个复杂的在线编辑器）

  • minirefresh -下拉刷新插件

  • [better-scroll](https://ustbhuangyi.github.io/better-scroll/doc/zh-hans/#better-scroll 是什么)

  • debuggap - VIDE 页面调试工具 webview

  • Weinre 移动调试

  • iscroll

  • iScroll 入门

  • mobiscroll

  • touchjs - 移动端手势检测库（star 不多）

  • NProgress 进度条插件 -依赖jQuery1.8版本以上

  • requireJS

    • requireJS 入门(非官网)
    • requireJS中的define和require 使用

  • CommonJS

    • CommonJS Modules/1.0 规范

  • 算法

    • 常用排序算法的时间复杂度和空间复杂度
    • 时间复杂度和空间复杂度
    • 快速排序

ES6

• 文档类

  • ECAMScript 6 入门(阮一峰之书)
  • ES6 简易版
  • understanding ECMAScript6 -- 英文版
  • 深入掌握 ECMAScript 6 异步编程

• 实用类

  • Generator 函数的含义与用法
  • es6 函数的扩展
  • es6 箭头函数

JQuery

• jQuery密码强度
• 仿淘宝分类选择
• jQuery 图片边框线条动画效果
• 仿造中国移动商城联动筛选特效
• art-template

React

• react 中文文档

• react - 入门实例教程

• react 高效开发脚手架

• 深入浅出React4: 虚拟DOM Diff算法解析（感兴趣的话，可以查看该系列的其他文章）

• React Mixin 的使用 译文

• React Router 中文文档 (是一个基于 React 之上的强大路由库)

• React router 详解（一个单页面webapp 路由很关键）

• Ant Design(非常友好的组件库 - 也是蚂蚁金服系列 )

• ANT DESIGN PRO(开箱即用的中台前端/设计解决方案)

• 纯ReactJS 轮播图组件

• Components and Props - react 中常见的两个概念

• 看漫画，学 Redux - 译文

• Redux 入门教程 - 阮一峰

• redux - sage 中文文档（一个用于管理 Redux 应用异步操作的中间件）

• react-redux系列文章（数据状态管理系列，还是vuex 最简单）

• react-redux 用法

• react 面试题 英文版

React Native

• React Native 中文网
• react - native 打包后运行apk闪退（第一次运行常见bug）
• React Native之Android Tabbar的实现.（实用的tabbar)
• Navigator组件使用方式- 详解
• React Native 与 夜神模拟器的绑定（Genymotion 难下载的时候，可以试试这个）

Gulp

• gulp 中文网
• gulp 入门详解
• gulp 简易demo
• gulp 编写插件入门
• 从fekit 转移到 gulp

webpack

• webpack 官网（中文社区）

• webapck 官网（英文版 慎入）

• webpack 入门

• webpack 入门（阮大神的16个demo,简单易学）

• webpack 路径配置（output.path || ouput.publicPath）

• 最好的webpack配置入门文章(译)

• webapck 打包过大 优化

• webapck 使用优化（基本篇）（适合入门后，真实项目中学习优化方案，有基础篇就有高级篇(〃'▽'〃)）

• string-loader -插件

• Dev Server - 插件

• dev-server结合后端服务器的热替换配置

• 详解webpack-dev-server的使用（上面几篇没看懂的话，这篇比较直白了）

• webpack for react （英文版）

Vue

• 基于Vue的UI 框架

  • elementUI - 饿了么开源 -- start 23066
  • iview - TalkingData --start 12752
  • vux - Vue 2.0 --start 11162
  • Mint UI - Vue 2.0 --start 9617
  • vuetify - 强大的组件库vue2.0 --start 8270
  • muse-ui - UI库 --start 5389
  • vue-strap - 基于Vue@1.x.x和BootstrapCss@3.x.x --start 4608
  • N3-components --start 845

• vue 入门 简介

• vuex 官网

• vuex 解释 英文版

• vue-router 官网

• Vue+Webpack开发可复用的单页面富应用教程 - 系列篇（vue入门实践篇）

• Vuejs技术栈从CLI到打包上线实战全解析 (非常全面的入门教程)

• Vuejs2.0学习之二（Render函数,createElement，vm.$slots，函数化组件，模板编译，JSX）

• vue2.0 keep-alive最佳实践

• axios (vue 官网维护 支持 Promise API )

• axios 中文说明

• Vue 2.0封装axios

• vue 登录权限控制

• ElementUI (没有UI，也可以让页面好看)

• 基于ElementUI 的管理后台 实战篇

• vue 插件大全

• Vue.js 很好，但会比 Angular 或 React 更好吗？（客观的框架对比）

• Lavas(基于 Vue 的 PWA 解决方案，帮助开发者快速搭建 PWA 应用，解决接入 PWA 的各种问题)

• 饿了么的 PWA 升级实践

• 4种使用webpack提升vue应用的方式

• Vue.js 源码学习笔记(勾三股四大神的博客 )

• vue 源码解析 入门

• vue 响应式源码分析

• vue 原理解析-Virtual Dom

• vue-cli源码学习如何写模板

• vue2.0 子组件和父组件之间的传值

测试框架

• 测试框架 Mocha 实例教程

MongoDB

• MongoDB 在window 下安装教程

dva

• dva 1.0 - 基于 react 和 redux 的轻量级框架（sorrycc 大神写的dva文章）
• dva-cli 官方github
• Ant-Tool 是蚂蚁金服新一代构建和调试工具。- webpackp配置(前端构建工具，跟dva没什么关系，最大关系是都是ant design 官网推荐的)

未分类

• 阿里D2 前端技术论坛视频
• 七牛云 - 海量存储CDN
• Nginx开发 从入门到精通
• nginx - 正向代理与反向代理(sg 上高分问答)
• npm 安装参数中的 --save-dev
• jekyll - 将纯文本转化为静态网站和博客
• UI 设计工具- 墨刀
• 更全的前端资源整理分享
• 前端面试题整理
• Vim 配置
• atom 配置
• 手工打造一个模块化的状态栏 - SpaceVim statusline