前端知识点总结

2017-02-12

前端知识点总结

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

| 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

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 在线编辑器||

富文本编辑器

Chrome

性能优化

CDN

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

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 | | ————- |:————-:| :————-:| :————-:| —–:| |掘金|百度FEX| |阿里UED|菜鸟教程| |QDFuns|幕课网| |Codepen|Sentsin|

JS练习

算法

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

ES

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

diy1818

Good children, Constantly learning, Constantly growing.

前端知识点总结

前端知识点总结

Javascript

UI

CSS

HTML

Angular

React

Vue

Node

Gulp

其他

分享功能

在线演示

富文本编辑器

Chrome

性能优化

CDN

Git

Sass&Less

Markdown

前端文档

前端规范

前端面试

前端网站

JS练习

算法

ES