前端知识点大百科全书

31,947 阅读9分钟
原文链接: github.com

:smiley_cat:These share data are from my usual work and learning,hoping to help you,If you like you can star

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

HTML

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

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

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

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

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

前端面试

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

前端网站

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

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