Front-end-resource-collection

前后端总结。If you like you can star~

Javascript

Article	Article
Javascript深浅拷贝，例子2	Javascript中的apply和call继承
前端程序员经常忽视的一个JavaScript面试题	我如何用前端技术得到XXOO网站的VIP
Javascript的jsonp原理	Javascript监听触摸事件
深入理解Javascript函数编程	Javascript面向对象编程
Javascript滑屏切换场景	Javascript获取经纬度，关于调用百度API的问题
妙用Javascript运算符	Javascript中的var self = this
Javascript的setTimeout详细用例	sessionstorage，localstorage和cookie
JS日期对比	JSONP参考文章:json和jsonpjson详解菜鸟教程jsonp
Javascript的createElement	Javascript的createDocumentFragment
sessionStorage和localStorage	像素帧动画
JavaScript中的this陷阱的最全收集--没有之一	JS函数式编程指南
前端 TOP 100	小白的零基础JavaScript全栈教程
js属性get和set方法	前端小白菜的烹饪指南
浅谈 JS 创建对象的 8 种模式	浅谈 JS 对象添加 getter与 setter 的5种方法以及如何让对象属性不可配置或枚举
JavaScript ECAMScript5 新特性——get/set访问器	JavaScript的原始类型、引用类型、栈、堆、浅拷贝、深拷贝的概念
javaScript事件总览,要实现Angular的方法（未）	javascript - "Thinking in AngularJS" if I have a jQuery background?
JS操作DOM元素属性和方法

介绍	地址
你可能不需要jquery: 用原生实现jquery写法	github仓库 / 对比网站

动画

Article	Article
popmotion,动画库	css动画库 animate.css
Effeckt	hover.css
animatable	利用 快速灵活的 2D WebGL 渲染器创建漂亮的数字内容
一个轻量级的 Javascript 动画引擎anime	一个针对 HTML 和 SVG 的 JavaScript 可视化库
JavaScript 3D 库:three.js	基于 CSS3 变换和过渡的页面效果框架: impress.js
酷炫的效果	js,jquery,css,html5特效

新技术

Reference	Reference
2018 年最值得关注的 JavaScript 趋势

准则&规范

Reference	Reference
干净的 JavaScript 代码准则clean-code-javascript	JavaScript 风格指南

UI

引用	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
NEC,网易出品的更好的css方案	storybook
div居中对齐	CSS新特性

HTML

Article	Article
HTML5有哪些让你惊艳的demo	Wallpaperbetter
前沿的技术

兼容性

Article	Article
html/css标签、属性在各个浏览器中的支持情况

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

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

Node

Node	Article
node技巧	NodeJs静态服务器
Reference	Reference
Node.js 包教不包会	七天学会NodeJS
从零开始nodejs系列文章	Node入门
Node初学者入门，一本全面的NodeJS教程

Gulp

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

其他

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

浏览器

Article	Article
判断浏览器及其版本	浏览器概念
浏览器渲染过程详解

阿里手淘

Article	Article
可伸缩布局方案	article

分享功能

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

在线演示

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

富文本编辑器

Reference	Reference
百度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 开发者工具使用技巧

性能优化

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服务

Git

Article	Article
Git操作	Git CSDN Blog
Reference	Reference
Git-scm	Git-for-windows
廖雪峰-Git教程	Gogithub
Git常规命令练习	Git的资料整理
我所记录的git命令（非常实用）	GitHub 漫游指南
GitHub秘籍	动画方式练习git
git 报错集及解决方法	git关联仓库、拉取代码、提交代码完整流程

npm

Article	Article
在npm发布自己的angular包

yarn

Article	Article
yarn用法
Reference	Reference
yarn官网： 用法/ 下载	yarn github
yarn和npm区别: Yarn vs npm: 你需要知道的一切

Sass&Less

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

Markdown

Reference	Reference
Markdown 语法说明 (简体中文版)	Markdown入门参考
Mdeditor(一款国内的在线markdown编辑器)	Stackedit(国外的在线markdown编辑器，功能强大，同步云盘)
Mditor一款轻量级的markdown编辑器	lepture-editor
Markdown-editor

前端文档

Reference	Reference
前端知识结构	Web前端开发大系概览
免费的编程中文书籍索	前端书籍
前端免费书籍大全	重新介绍JavaScript（JS教程）
[Gitbook](https://www.gitbook.com 国外的在线markdown可编辑成书)	Front-End-Develop-Guide 前端开发指南
前端开发笔记本	大前端工具集
前端开发者手册	结合个人经历总结的前端入门方法
2016最新前端学习计划	前端应该看哪些书籍

前端规范

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

前端面试

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

前端网站

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

JS练习

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

读书笔记

Article	Article
JavaScript权威指南（第六版）

算法

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

书籍

Reference	Reference
Exploring-ES6翻译	阮一峰 ES6
ECMA-262，第 5 版	ES5
JavaScript Promise迷你书（中文版）	阮一峰 JavaScript 标准参考教程
前端网络开发小书

博客

Reference	Reference
谷歌开发者中文博客	腾讯全端团队

wordpress && php

方法	方法
php发送邮件	wordpress方法

插件	插件
主题更新插件： Easy Theme and Plugin Upgrades	seo插件： All in One SEO Pack
wordpress富文本编辑器: Kindeditor For Wordpress	导入导出数据: WordPress 导入工具