Front-end-tutorial

by windiest

:smiley_cat:猫的前端回忆录 Cat's front memory, these share data are from my usual work and learning, hoping...

4.3K Stars 2.3K Forks Last release: Not found 171 Commits 0 Releases

Available items

No Items, yet!

The developer of this repository has not created any items for sale yet. Need a bug fixed? Help with integration? A different license? Create a request here:

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

更多详情可关注作者:小猫wscat和猫主人windiest,谢谢~

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| |CTOLib|CTOLib/Node|

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|

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.