猫的前端回忆录

windiest.png

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](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 |
| ------------- |:-------------:| :-------------:| :-------------:| -----:|
|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|

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
  • 人面猴
    序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
    沈念sama阅读 206,839评论 6赞 482
  • 死咒
    序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
    沈念sama阅读 88,543评论 2赞 382
  • 救了他两次的神仙让他今天三更去死
    文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
    开封第一讲书人阅读 153,116评论 0赞 344
  • 道士缉凶录：失踪的卖姜人
    文/不坏的土叔 我叫张陵，是天一观的道长。 经常有香客问我，道长，这世上最难降的妖魔是什么？ 我笑而不...
    开封第一讲书人阅读 55,371评论 1赞 279
  • 港岛之恋（遗憾婚礼）
    正文 为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
    茶点故事阅读 64,384评论 5赞 374
  • 恶毒庶女顶嫁案：这布局不是一般人想出来的
    文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
    开封第一讲书人阅读 49,111评论 1赞 285
  • 城市分裂传说
    那天，我揣着相机与录音，去河边找鬼。 笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。 我是一名探鬼主播，决...
    沈念sama阅读 38,416评论 3赞 400
  • 双鸳鸯连环套：你想象不到人心有多黑
    文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
    开封第一讲书人阅读 37,053评论 0赞 259
  • 万荣杀人案实录
    序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
    沈念sama阅读 43,558评论 1赞 300
  • 护林员之死
    正文 独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,007评论 2赞 325
  • 白月光启示录
    正文 我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,117评论 1赞 334
  • 活死人
    序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
    沈念sama阅读 33,756评论 4赞 324
  • 日本核电站爆炸内幕
    正文 年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
    茶点故事阅读 39,324评论 3赞 307
  • 男人毒药：我在死后第九天来索命
    文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,315评论 0赞 19
  • 一桩弑父案，背后竟有这般阴谋
    文/苍兰香墨 我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,539评论 1赞 262
  • 情欲美人皮
    我被黑心中介骗来泰国打工， 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。 一个月前我还...
    沈念sama阅读 45,578评论 2赞 355
  • 代替公主和亲
    正文 我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
    茶点故事阅读 42,877评论 2赞 345

推荐阅读更多精彩内容

  • 史上最全的前端资源大汇总
    1.前言 最近有很多朋友问我有没有相关的书籍推荐，希望能够自学一下前端。 正好最近在查阅文章的时候，发现有朋友已经...
    小裁缝sun阅读 2,371评论 5赞 76
  • 史上最全的前端资源大汇总
    1.前言 最近有很多朋友问我有没有相关的书籍推荐，希望能够自学一下前端。 正好最近在查阅文章的时候，发现有朋友已经...
    MR_LIXP阅读 115,642评论 223赞 4,485
  • 前端面试题和各种综合
    目录: 1-------- 走进前端 2-------- jQuery 3-------- CSS ...
    vikang阅读 11,065评论 29赞 445
  • 分享一款好看的图标for Linux
    感谢网友“权柄”推荐的主题图标 下载地址 https://github.com/PapirusDevelopmen...
    三十阅读 861评论 0赞 0
  • 拉链的故事
    在某个寒冷的冬日 你穿着白色的棉袄 坐在充满阳光的教室里 在临近考试复习时 你有点儿累了 于是安静的在那儿冥想 霎...
    Hui呀阅读 794评论 0赞 0