整理网上优秀文章,博客,论坛,…
分类规则比较随意,主要来源实际项目中学习, 均为国内网站,不需翻墙。 后面随着收集的网址增多,会慢慢细化。 持续更新
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
-
文档类
-
实用类
css
- 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
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 设计和源码分析(慕课网)
- sessionStorage 和 localStorage
- 常用正则表达式
- GIT 分支模型
- 事件委托、函数节流及防抖
- offsetwidth/clientwidth的区别
- JSHint配置项说明
- JSHint配置参数小结
- ESlint 配置参数
- HTTP缓存机制
- 在线排序动画算法演示
- 无线加载分页
- touchmove
- git 四个阶段的撤销更改(非常实用
- promise 原型 -MDN
-
bugs
-
插件类
- fastclick 使用简单说明
- fastclick 源码分析
- 在线可视化HTML编辑器 - xhEditor
- xhEditor 用法
- ueditor 官网(又是一个复杂的在线编辑器)
- minirefresh -下拉刷新插件
- better-scroll
- debuggap - VIDE 页面调试工具 webview
- Weinre 移动调试
- iscroll
- iScroll 入门
- mobiscroll
- touchjs - 移动端手势检测库(star 不多)
-
requireJS
-
CommonJS
-
算法
ES6
-
文档类
-
实用类
JQuery
React
- react 中文文档
- react - 入门实例教程
-
深入浅出React4: 虚拟DOM Diff算法解析(感兴趣的话,可以查看该系列的其他文章)
- React Mixin 的使用 译文
- React Router 中文文档 (是一个基于 React 之上的强大路由库)
-
React router 详解(一个单页面webapp 路由很关键)
- Ant Design(非常友好的组件库 - 也是蚂蚁金服系列 )
-
ANT DESIGN PRO(开箱即用的中台前端/设计解决方案)
- 看漫画,学 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
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 框架
- 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 登录权限控制
- ElementUI (没有UI,也可以让页面好看)
- 基于ElementUI 的管理后台 实战篇
- vue 插件大全
-
Vue.js 很好,但会比 Angular 或 React 更好吗?(客观的框架对比)
- Lavas(基于 Vue 的 PWA 解决方案,帮助开发者快速搭建 PWA 应用,解决接入 PWA 的各种问题)
- 4种使用webpack提升vue应用的方式
- Vue.js 源码学习笔记(勾三股四大神的博客 )
- vue 源码解析 入门
- vue 响应式源码分析
- vue 原理解析-Virtual Dom
- vue-cli源码学习如何写模板
- vue2.0 子组件和父组件之间的传值
测试框架
MongoDB
dva
- dva 1.0 - 基于 react 和 redux 的轻量级框架(sorrycc 大神写的dva文章)
- dva-cli 官方github
- Ant-Tool 是蚂蚁金服新一代构建和调试工具。- webpackp配置(前端构建工具,跟dva没什么关系,最大关系是都是ant design 官网推荐的)