😺这些分享资料都来自我平时的工作和学习，希望能对你有所帮助，如果你喜欢可以收藏x
Javascript
UI
CSS
| Article | Article |
|---|---|
| CSS Flex布局 | 移动前端开发CSS3 |
| 响应式布局 媒体查询 | CSS图片响应式布局 |
| lessDemo的less文件 | |
| Reference | Reference |
| CSS 语法参考 | CSS3动画手册 |
| 腾讯css3动画制作工具 | animate.css |
| Animated Books with CSS 3D Transforms | Browserhacks |
HTML
| Article | Article |
|---|---|
| HTML5有哪些让你惊艳的demo | Wallpaperbetter |
Angular
React
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 |
|---|---|
| 关于Pornographic website的一些前端分析 | 微信公众号开发 |
| Atom技巧总结 | Mac小技巧 |
| CSDN页面内JS跳转脚本 | CSDN博客隐藏配置 |
| 百度设置小度机器人出现 | 前端冷知识，妙用浏览器地址栏 |
| Vim笔记 | Cordova配置&&Ionic配置（WebApp混合开发环境） |
| IE8及以下按钮超链接无法跳转的问题 |
分享功能
| 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
性能优化
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 |
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 | Front-End-Develop-Guide 前端开发指南 |
| 前端开发笔记本 | 大前端工具集 |
| 前端开发者手册 | 结合个人经历总结的前端入门方法 |
| 2016最新前端学习计划 |
前端规范
前端面试
前端网站
| Reference | Reference |
|---|---|
| 掘金 | 百度FEX |
| 阿里UED | 菜鸟教程 |
| QDFuns | 幕课网 |
| Codepen | Sentsin |
| segmentfault | 前端网 |
JS练习
| Reference | Reference |
|---|---|
| Codewars | Javascript-puzzlers |
| Freecodecamp中文版 | ES6katas |
| Now Coder牛客网 | Leetcode |
| Nodeschool | Hackerrank |
算法
| Reference | Reference |
|---|---|
| 数据结构与算法 JavaScript 描述. 章节练习 | 常见排序算法（JS版） |
| 经典排序 | 常见排序算法-js版本 |
ES
| Reference | Reference |
|---|---|
| Exploring-ES6翻译 | 阮一峰 ES6 |
| ECMA-262，第 5 版 | ES5 |
开心洋葱 , 版权所有丨如未注明 , 均为原创丨未经授权请勿修改 , 转载请注明前端学习资源大搜集！
