Skip to content

😺猫的前端回忆录 Cat's front memory, these share data are from my usual work and learning, hoping to help you, and hoping slowly improve, if you like you can star

Notifications You must be signed in to change notification settings

x851285009/Front-end-tutorial

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 

Repository files navigation

😺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| |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|

如需参考过往资料可翻看commit或查看下文:

如何评价 GitHub 中国区粉丝数前 100 名的用户?

为什么有人GitHub排行很低,不仅不向排行高的学习,反而去黑排行高的?

About

😺猫的前端回忆录 Cat's front memory, these share data are from my usual work and learning, hoping to help you, and hoping slowly improve, if you like you can star

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published