前端资源简要汇总(转)

很多的值得学习的收藏功能

不错鼓励并赞赏 标签: HTML CSS Javascript      评论 / 2019-03-26

Javascript

ArticleArticle
Javascript深浅拷贝Javascript中的apply和call继承
Javascript的jsonp原理Javascript监听触摸事件
Javascript中的var self = thisJavascript面向对象编程
Javascript滑屏切换场景Javascript获取经纬度,关于调用百度API的问题
妙用Javascript运算符深入理解Javascript函数编程
Javascript的setTimeout详细用例sessionstorage,localstorage和cookie
JS日期对比JSONP参考文章
Javascript的createElementJavascript的createDocumentFragment
sessionStorage和localStorage像素帧动画
ReferenceReference
收集最全前端学习资料最全前端教程-猫的回忆录
JavaScript中的this陷阱的最全收集--没有之一JS函数式编程指南
JavaScript Promise迷你书(中文版)阮一峰 Javascript
前端 TOP 100小白的零基础JavaScript全栈教程

UI

ReferenceReference
WeUIBootstrap
MUI-最接近原生APP体验的高性能前端框架Amaze UI中国首个开源HTML5跨屏前端框架
Frozen UIFoundation
SUIZUI
淘宝HTML5前端框架KISSY - 阿里前端JavaScript库
网易Nej - Nice Easy JavascriptKendo UI MVVM Demo
Smart UI雅虎UI - CSS UI

CSS

ArticleArticle
CSS Flex布局移动前端开发CSS3
响应式布局 媒体查询CSS图片响应式布局
lessDemo的less文件
ReferenceReference
CSS 语法参考CSS3动画手册
腾讯css3动画制作工具animate.css
Animated Books with CSS 3D TransformsBrowserhacks

HTML

ArticleArticle
HTML5有哪些让你惊艳的demoWallpaperbetter

Angular

ArticleAngular文档
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-switchdirective组件作用域
表单认证$broadcast,$emit and $on
自定义过滤器自定义手势指令ng-touch
ng-animate单页面应用的技术点
Guess you likeAppDemo
Angular商城DemoAngular的Cnode社区
AngularStovepipeAngular的新闻客户端
Angular商城DemoAngular的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自定义下拉刷新组件1Angular自定义下拉刷新组件2
Router路由
Angular路由嵌套Angular路由单页多个ui-view
Filter过滤器
Angular自带过滤器Angular自定义关键词检索过滤器
Animate动画
Angular ng-animate动画1Angular ng-animate动画2
Other其他
Angular中使用iframeAngular三级联动(1)
Angular中使用ng-switch百度定位DEMO
Angular三级联动(2)Angular事件监听
jQuery模拟ng-repeatlessDemo
Angular自定义cookie服务和ngCookie的使用图灵机器人
Angular利用angular.module()实现模块化Angular的form表单验证
Angular的ng-repeat嵌套Angular利用angular.module()实现模块化2
PHPPHP
PHP CURL请求的小细节
ReferenceReference
最流行的PHP 代码规范最流行的PHP 代码规范
Angular.js的一些学习资源Angularjs中文社区
一些扩展Angular UI组件Angular UI
AngularJS在线教程Angular学习笔记

React

ReactReference
React教程 菜鸟教程React Router 使用教程
React开发中文手册-极客学院React教程-汇智网
React.js快速开始Reactjs 2016最佳实践
React 入门教程汇智网 React教程
轻松入门React和WebpackReact中文索引
Redux 中文文档React Router官方文档中文翻译
React入门教程React介绍及实践教程
React.js 官方网址React.js 官方文档
React.js material UIReact.js TouchstoneJS UI
React.js amazeui UIReact 入门实例教程 - 阮一峰
React Native 中文版Webpack 和 React 小书 - gitbook

Vue

VueAppDemoDemo
NewsDemovue计算属性vue生命周期
ArticleVue文档
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
ReferenceReferenceReference
Vue官网Vue论坛Awesome-vue

Node

NodeArticle
node技巧NodeJs静态服务器
ReferenceReference
Node.js 包教不包会七天学会NodeJS
从零开始nodejs系列文章Node入门
Node初学者入门,一本全面的NodeJS教程

Gulp

GulpArticle
Gulp Demo
GulpReference
Gulp官网Gulp中文网
Gulp资料收集Gulp:任务自动管理工具 - ruanyifeng
Gulp插件Gulp不完全入门教程
Gulp 入门指南

其他

OtherArticle
关于Pornographic website的一些前端分析微信公众号开发
Atom技巧总结Mac小技巧
CSDN页面内JS跳转脚本CSDN博客隐藏配置
百度设置小度机器人出现前端冷知识,妙用浏览器地址栏
Vim笔记Cordova配置&&Ionic配置(WebApp混合开发环境)
IE8及以下按钮超链接无法跳转的问题

分享功能

ShareReference
百度分享(PC)JiaThis(PC)
社会化分享组件(Mobile)ShareSDK轻松实现社会化功能(Mobile)
友盟分享(Mobile)

在线演示

ReferenceReference
js 在线编辑 - runjsjs 在线编辑 - jsbin
js 在线编辑 - codepenjs 在线编辑 - jsfiddle
java 在线编辑 - runjsjs 在线编辑 - hcharts
js 在线编辑 - jsdmsql 在线编辑 - sqlfiddle
mozilla 在线编辑器

富文本编辑器

ReferenceReference
百度ueditorckeditor
tinymcekindeditor
wysiwygBachEditor
simditorsummernote
SquirewangEditor

Chrome

ReferenceReference
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 开发者工具使用技巧

性能优化

ReferenceReference
Javascript高性能动画与页面渲染移动H5前端性能优化指南
给网页设计师和前端开发者看的前端性能优化张鑫旭——前端性能
web前端性能优化进阶路Hey——前端性能
YSLOW中文介绍Yahoo!团队实践分享:网站性能
加载,不只是少一点点由12306谈谈网站前端性能和后端性能优化
【高性能前端1】高性能HTML【高性能前端2】高性能CSS
前端工程与性能优化(上):静态资源版本更新与缓存前端工程与性能优化(下):静态资源管理与模板框架
HTTPS连接的前几毫秒发生了什么Yslow
阿里无线前端性能优化指南(Pt.1 加载期优化)毫秒必争,前端网页性能最佳实践

CDN

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

Git

ArticleArticle
Git操作Git CSDN Blog
ReferenceReference
Git-scmGit-for-windows
廖雪峰-Git教程Gogithub
Git常规命令练习Git的资料整理
我所记录的git命令(非常实用)GitHub 漫游指南
GitHub秘籍动画方式练习git

Sass&Less

ArticleArticle
Less教程
ReferenceReference
SassSass中文文档
Less

Markdown

ReferenceReference
Markdown 语法说明 (简体中文版)Markdown入门参考
Mdeditor(一款国内的在线markdown编辑器)Stackedit(国外的在线markdown编辑器,功能强大,同步云盘)
Mditor一款轻量级的markdown编辑器lepture-editor
Markdown-editor

前端文档

ReferenceReference
前端知识结构Web前端开发大系概览
免费的编程中文书籍索前端书籍
前端免费书籍大全重新介绍JavaScript(JS教程)
[Gitbook](https://www.gitbook.com 国外的在线markdown可编辑成书)Front-End-Develop-Guide 前端开发指南
前端开发笔记本大前端工具集
前端开发者手册结合个人经历总结的前端入门方法
2016最新前端学习计划

前端规范

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

前端面试

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

前端网站

ReferenceReference
掘金百度FEX
阿里UED菜鸟教程
QDFuns幕课网
CodepenSentsin
CTOLibCTOLib/Node

JS练习

ReferenceReference
CodewarsJavascript-puzzlers
Freecodecamp中文版ES6katas
Now Coder牛客网Leetcode
NodeschoolHackerrank

算法

ReferenceReference
数据结构与算法 JavaScript 描述. 章节练习常见排序算法(JS版)
经典排序常见排序算法-js版本

ES

ReferenceReference
Exploring-ES6翻译阮一峰 ES6
ECMA-262,第 5 版ES5

原文地址: https://github.com/windiest/Front-end-tutorial/blob/master/README.md


Hi 看这里!

大家好,我是PRO

我会陆续分享生活中的点点滴滴,当然不局限于技术。希望笔墨之中产生共鸣,每篇文章下面可以留言互动讨论。Tks bd!

博客分类

您可能感兴趣

作者推荐

呃,突然想说点啥

前端·博客

您的鼓励是我前进的动力---

使用微信扫描二维码完成支付