frontend

Front End Technology

• Front End Technology
  • knowledge
  • Javascript
  • UI
  • CSS
  • HTML
  • WebAssembly
  • Angular
  • React
  • Vue
  • Gulp
  • others
  • shared components
  • online coding
  • richer editor
  • Chrome
  • optimal performance
  • CDN
  • Sass&Less
  • documents
  • frontend code styles
  • frontend interview questions
  • frontend websites
  • JS practices
  • algorithm
  • ES syntactic
  • RegExp

knowledge

前端知识体系，《现代前段技术解析》

Javascript

Article	Article
Javascript深浅拷贝	Javascript中的apply和call继承
Javascript的jsonp原理	Javascript监听触摸事件
Javascript中的var self = this	Javascript面向对象编程
Javascript滑屏切换场景	Javascript获取经纬度，关于调用百度API的问题
妙用Javascript运算符	深入理解Javascript函数编程
Javascript的setTimeout详细用例	sessionstorage，localstorage和cookie
JS日期对比	JSONP参考文章
Javascript的createElement	Javascript的createDocumentFragment
sessionStorage和localStorage	像素帧动画
Reference	Reference
收集最全前端学习资料	最全前端教程-猫的回忆录
JavaScript中的this陷阱的最全收集--没有之一	JS函数式编程指南
JavaScript Promise迷你书（中文版）	阮一峰 Javascript
前端 TOP 100	小白的零基础JavaScript全栈教程

UI

Reference	Reference
WeUI	Bootstrap
MUI-最接近原生APP体验的高性能前端框架	Amaze UI中国首个开源HTML5跨屏前端框架
Frozen UI	Foundation
SUI	ZUI
淘宝HTML5前端框架	KISSY - 阿里前端JavaScript库
网易Nej - Nice Easy Javascript	Kendo UI MVVM Demo
Smart UI	雅虎UI - CSS UI

CSS

Article	Article
CSS Flex布局	移动前端开发CSS3
响应式布局 媒体查询	CSS图片响应式布局
lessDemo的less文件
Reference	Reference
CSS 语法参考	CSS3动画手册
腾讯css3动画制作工具	animate.css
Animated Books with CSS 3D Transforms	Browserhacks
CSS 架构管理

HTML

Article	Article
HTML5有哪些让你惊艳的demo	Wallpaperbetter

WebAssembly

repository	description
Emscripten	tool for compiler
WebAssembly	org
WebAssembly	api
WebAssembly learning

Angular

Article	Angular文档
Angular源码解读publishExternalAPI函数	Angular源码解读setupModuleLoader函数
Angular的ng-style用法	Angular判断在那个浏览器下打开的服务
Angular文字折叠展开组件的原理分析	Angular服务Request异步请求的详细分析
Angular自定义service服务详解	Angular自定义判断上一页是否存在的服务
Angular操作cookies方法	Angular打印错误的minErr函数
Angular的fromJson与toJson方法	Angular用ng-repeat生成表单并绑定ng-click时的一个细节
Angular的run方法巧妙运用	Angular处理Html转义问题
ng-repeat绑定事件和嵌套	Angular的post请求后台接受不了数据的解决方法
ionic总结	ui-route和ng-route
ng-options&&ng-switch	directive组件作用域
表单认证	$broadcast,$emit and $on
自定义过滤器	自定义手势指令ng-touch
ng-animate	单页面应用的技术点
Guess you like	AppDemo
Angular商城Demo	Angular的Cnode社区
AngularStovepipe	Angular的新闻客户端
Angular商城Demo	Angular的Cnode社区
Angular内联编辑器	Angular即时搜索
Angular导航菜单	Angular订单表单
Angular切换网格	Angular新闻＋WEUI DEMO 源码
Controller	控制器
Angular控制器demo
SPA DEMO	单页面应用
Angular+Weui单页面应用DEMO-每日笑话
Service	服务
Angular自定义服务的常用方法	Angular部分服务demo
Angular自定义Canvas画图服务	Angular自定义http服务 面向对象封装
Directive	组件与指令
Angular自定义手势指令	Angular自定义轮播图组件
Angular自定义下拉刷新组件1	Angular自定义下拉刷新组件2
Router	路由
Angular路由嵌套	Angular路由单页多个ui-view
Filter	过滤器
Angular自带过滤器	Angular自定义关键词检索过滤器
Animate	动画
Angular ng-animate动画1	Angular ng-animate动画2
Other	其他
Angular中使用iframe	Angular三级联动(1)
Angular中使用ng-switch	百度定位DEMO
Angular三级联动(2)	Angular事件监听
jQuery模拟ng-repeat	lessDemo
Angular自定义cookie服务和ngCookie的使用	图灵机器人
Angular利用angular.module()实现模块化	Angular的form表单验证
Angular的ng-repeat嵌套	Angular利用angular.module()实现模块化2
PHP	PHP
PHP CURL请求的小细节
Reference	Reference
最流行的PHP 代码规范	最流行的PHP 代码规范
Angular.js的一些学习资源	Angularjs中文社区
一些扩展Angular UI组件	Angular UI
AngularJS在线教程	Angular学习笔记

React

React	Reference
React教程 菜鸟教程	React Router 使用教程
React开发中文手册-极客学院	React教程-汇智网
React.js快速开始	Reactjs 2016最佳实践
React 入门教程	汇智网 React教程
轻松入门React和Webpack	React中文索引
Redux 中文文档	React Router官方文档中文翻译
React入门教程	React介绍及实践教程
React.js 官方网址	React.js 官方文档
React.js material UI	React.js TouchstoneJS UI
React.js amazeui UI	React 入门实例教程 - 阮一峰
React Native 中文版	Webpack 和 React 小书 - gitbook
awesome-react-components

Vue

Vue	AppDemo	Demo
NewsDemo	vue计算属性	vue生命周期
Article	Vue文档
Vue-cli脚手架	Vue组件	vue自定义指令
Vue过渡动画	Vue指令	Vue api文档
Vue执行ajax请求	vue实现类似angular服务的方法	Vue源码参考文档
Router	路由
路由demo	路由demo2
Directive	指令
指令demo	自定义指令demo	滑动手势demo
Filter	过滤器
过滤器demo	过滤器实现分页demo	过滤器读写数据
Transition	过渡
过渡demo	过渡demo2
Form	表单
获取表单值
Computed	计算
计算属性
Component	组件
组件demo
Reference	Reference	Reference
Vue官网	Vue论坛	Awesome-vue

Gulp

Gulp	Article
Gulp Demo
Gulp	Reference
Gulp官网	Gulp中文网
Gulp资料收集	Gulp：任务自动管理工具 - ruanyifeng
Gulp插件	Gulp不完全入门教程
Gulp 入门指南

others

Other	Article
关于Pornographic website的一些前端分析	微信公众号开发
Atom技巧总结	Mac小技巧
CSDN页面内JS跳转脚本	CSDN博客隐藏配置
百度设置小度机器人出现	前端冷知识，妙用浏览器地址栏
Vim笔记	Cordova配置&&Ionic配置（WebApp混合开发环境）
IE8及以下按钮超链接无法跳转的问题

shared components

Share	Reference
百度分享(PC)	JiaThis(PC)
社会化分享组件(Mobile)	ShareSDK轻松实现社会化功能(Mobile)
友盟分享(Mobile)

online coding

Reference	Reference
js 在线编辑 - runjs	js 在线编辑 - jsbin
js 在线编辑 - codepen	js 在线编辑 - jsfiddle
java 在线编辑 - runjs	js 在线编辑 - hcharts
js 在线编辑 - jsdm	sql 在线编辑 - sqlfiddle
mozilla 在线编辑器

richer editor

Reference	Reference
Stackedit MarkDown
百度ueditor	ckeditor
tinymce	kindeditor
wysiwyg	BachEditor
simditor	summernote
Squire	wangEditor

Chrome

Reference	Reference
Chrome - 基础	Chrome - 进阶
Chrome - 性能	Chrome - 性能进阶
Chrome - 移动	Chrome - 使用技巧
Chrome - Console控制台不完全指南	chrome开发工具快捷键
Chrome 开发工具 Workspace 使用	Chrome神器Vimium快捷键学习记录
Sass调试-w3cplus	如何更专业的使用Chrome开发者工具-w3cplus
Chrome调试canvas	神器——Chrome开发者工具(一)
奇趣百科性能优化(Chrome DevTools 中的 Timeline Profils 等工具使用介绍	Chrome 开发者工具的 15 个小技巧
Chrome开发者工具不完全指南	Chrome 开发者工具使用技巧

optimal performance

Reference	Reference
Javascript高性能动画与页面渲染	移动H5前端性能优化指南
给网页设计师和前端开发者看的前端性能优化	张鑫旭——前端性能
web前端性能优化进阶路	Hey——前端性能
YSLOW中文介绍	Yahoo!团队实践分享：网站性能
加载，不只是少一点点	由12306谈谈网站前端性能和后端性能优化
【高性能前端1】高性能HTML	【高性能前端2】高性能CSS
前端工程与性能优化（上）：静态资源版本更新与缓存	前端工程与性能优化（下）：静态资源管理与模板框架
HTTPS连接的前几毫秒发生了什么	Yslow
阿里无线前端性能优化指南(Pt.1 加载期优化)	毫秒必争，前端网页性能最佳实践

CDN

Reference	Reference
Jquery&Bootstrap中文网开源项目免费 CDN 服务	Bootstrap中文网开源项目免费 CDN 服务
新浪CDN	百度静态资源公共库
开放静态文件 CDN - 七牛	CDN加速 - jq22
微软CDN	Angular CDN
360网站卫士常用前端公共库CDN服务

Sass&Less

Article	Article
Less教程
Reference	Reference
Sass	Sass中文文档
Less

documents

Reference	Reference
前端知识结构	Web前端开发大系概览
免费的编程中文书籍索	前端书籍
前端免费书籍大全	重新介绍JavaScript（JS教程）
Gitbook	Front-End-Develop-Guide 前端开发指南
前端开发笔记本	大前端工具集
前端开发者手册	结合个人经历总结的前端入门方法
2016最新前端学习计划	Front-End Developer Handbook 2017

frontend code styles

Reference	Reference
通过分析github代码库总结出来的工程师代码书写习惯	HTML&CSS编码规范 by @mdo
前端编码规范之js - by yuwenhui	前端编码规范之js - by 李靖
Airbnb JavaScript 编码规范（简体中文版）	AMD与CMD规范的区别
AMD与CMD规范的区别	KISSY 源码规范
前端代码规范及最佳实践	百度前端规范
JavaScript风格指南/编码规范（Airbnb公司版）	网易前端开发规范
前端规范资源列表	Web 前端开发规范文档

frontend interview questions

Reference	Reference
2016校招内推 -- 阿里巴巴前端 -- 四面面试经历	那几个月在找工作（百度，网易游戏，华为）
前端开发面试题	Front-end-Interview-questions
5个经典的前端面试问题	Front-end-Developer-Interview-Questions
BAT及各大互联网公司2014前端笔试面试题：JavaScript篇	前端开发面试题大收集
收集的前端面试题和答案	前端开发面试题
前端面试大全	关于前端面试

frontend websites

Reference	Reference
掘金	百度FEX
阿里UED	菜鸟教程
QDFuns	幕课网
Codepen	Sentsin
CTOLib	CTOLib/Node

JS practices

Reference	Reference
Codewars	Javascript-puzzlers
Freecodecamp中文版	ES6katas
Now Coder牛客网	Leetcode
Nodeschool	Hackerrank

algorithm

Reference	Reference
数据结构与算法 JavaScript 描述. 章节练习	常见排序算法（JS版）
经典排序	常见排序算法-js版本

ES syntactic

Reference	Reference
Exploring-ES6翻译	阮一峰 ES6
ECMA-262，第 5 版	ES5

RegExp

正则表达式
shortcut