Front-end-resource-collection

前后端总结。

Javascript

标题 标题
Javascript深浅拷贝例子2 Javascript中的apply和call继承
前端程序员经常忽视的一个JavaScript面试题 我如何用前端技术得到XXOO网站的VIP
Javascript的jsonp原理 Javascript监听触摸事件
深入理解Javascript函数编程 Javascript面向对象编程
Javascript滑屏切换场景 Javascript获取经纬度,关于调用百度API的问题
妙用Javascript运算符 Javascript中的var self = this
Javascript的setTimeout详细用例 sessionstorage,localstorage和cookie
JS日期对比 JSONP参考文章:json和jsonpjson详解菜鸟教程jsonp
Javascript的createElement Javascript的createDocumentFragment
sessionStorage和localStorage 像素帧动画
JavaScript中的this陷阱的最全收集--没有之一 JS函数式编程指南
前端 TOP 100 小白的零基础JavaScript全栈教程
js属性get和set方法 前端小白菜的烹饪指南
浅谈 JS 创建对象的 8 种模式 浅谈 JS 对象添加 getter与 setter 的5种方法以及如何让对象属性不可配置或枚举
JavaScript ECAMScript5 新特性——get/set访问器 JavaScript的原始类型、引用类型、栈、堆、浅拷贝、深拷贝的概念
javaScript事件总览,要实现Angular的方法(未) javascript - "Thinking in AngularJS" if I have a jQuery background?
JS操作DOM元素属性和方法
标题 标题
console全集
介绍 地址
你可能不需要jquery: 用原生实现jquery写法 github仓库 / 对比网站
注释规范(待整理) github

动画

Article Article
popmotion,动画库 css动画库 animate.css
Effeckt hover.css
animatable 利用 快速灵活的 2D WebGL 渲染器创建漂亮的数字内容
一个轻量级的 Javascript 动画引擎anime 一个针对 HTML 和 SVG 的 JavaScript 可视化库
JavaScript 3D 库:three.js 基于 CSS3 变换和过渡的页面效果框架: impress.js
酷炫的效果 js,jquery,css,html5特效
好玩的动画效果刘看山 缓动函数(依据贝赛尔曲线实现)

canvas

Article Article
Canvas API HTML5 canvas

新技术

Reference Reference
2018 年最值得关注的 JavaScript 趋势

准则&规范

Reference Reference
干净的 JavaScript 代码准则clean-code-javascript JavaScript 风格指南

UI

引用 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
core UI

CSS

Article Article
CSS Flex布局 移动前端开发CSS3
响应式布局 媒体查询 CSS图片响应式布局
lessDemo的less文件
Reference Reference
CSS 语法参考 CSS3动画手册
腾讯css3动画制作工具 animate.css
Animated Books with CSS 3D Transforms Browserhacks
NEC,网易出品的更好的css方案 storybook
div居中对齐 CSS新特性
sass教程
小技巧 小技巧
一个div在另外一个div横向居中,纵向自定义

HTML

Article Article
HTML5有哪些让你惊艳的demo Wallpaperbetter
前沿的技术

图表

Article Article
echarts官网 echarts github
Highcharts

兼容性

Article Article
html/css标签、属性在各个浏览器中的支持情况

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

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 入门指南

webpack

转载 转载
搜罗一切webpack的好文章好工具

其他

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

浏览器

Article Article
判断浏览器及其版本 浏览器概念
浏览器渲染过程详解

阿里手淘

Article Article
可伸缩布局方案 article

分享功能

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关联仓库、拉取代码、提交代码完整流程
利用git新建分支 两种方法解决git每次push都要填写账号密码问题
查看本地分支对应远程哪个分支 查看本地和远程有哪些分支
更改本地分支对应的远程分支
Reference Reference
Git操作 Git CSDN Blog
Git-scm Git-for-windows
廖雪峰-Git教程 Gogithub
Git常规命令练习 Git的资料整理
我所记录的git命令(非常实用) GitHub 漫游指南
GitHub秘籍 动画方式练习git
Git操作 Git CSDN Blog

npm

用法 用法
在npm发布自己的angular包 代理
报错解决 报错解决
关于npm 连接错误或者设置了代理

yarn

Article Article
yarn用法
Reference Reference
yarn官网: 用法/ 下载 yarn github
yarn和npm区别: Yarn vs npm: 你需要知道的一切

nginx

Reference Reference
官网 Nginx安装及配置详解
Reference Reference
淘宝在Nginx的基础上,添加了功能和特性Tengine

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: 国外的在线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
前端程序员经常忽视的一个JavaScript面试题 切图仔面试宝典
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

读书笔记

Article Article
JavaScript权威指南(第六版) JavaScript DOM 编程艺术
JavsScript高级程序设计(第三版) 学习Javascript数据结构与算法
JavaScript设计模式与开发实践 高性能JavaScript
你不知道的JavaScript(YOU DONT KNOW JAVASCRIPT)

算法

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

书籍

书名 书名
Exploring-ES6翻译 阮一峰 ES6
ECMA-262,第 5 版 ES5
JavaScript Promise迷你书(中文版) 阮一峰 JavaScript 标准参考教程
前端网络开发小书
JavsScript高级程序设计(第三版)作者正在写的: Understanding ECMAScript 6
经典的计算机科学范例、算法和用JavaScript编写的方法汇总 computer-science-in-javascript
书单 书单
成为一名优秀的Developer的书单 前端进阶书单

博客

Reference Reference
谷歌开发者中文博客 腾讯全端团队

wordpress && php

方法 方法
php发送邮件 php抓取页面内容
wordpress模板构造 上传文件
wordprss里面分别怎么取出父子分类信息 php 请求数据
循环打印文章中自定义栏目
函数调用 函数调用
调用博客名称、地址和描述 调用文章相关 API
获得自定义文章 获得文章类型名称
如何引入文件 点击某个分类名称直接进入分类内容
文章自定义栏目调用 wordpress方法集
问题解决 问题解决
上传显示超出upload_max_filesize
插件 插件
主题更新插件: Easy Theme and Plugin Upgrades seo插件: All in One SEO Pack
wordpress富文本编辑器: Kindeditor For Wordpress 导入导出数据: WordPress 导入工具

代码风格

javascript javascript
Google JavaScript Style Guide JavaScript Style Guide,star 66k
ES5风格指南:英文版/ 中文版
ES6/ES2015风格指南中文版 React/JSX 编码规范: 英文版/ 中文版
css css
javascript里css风格指南CSS-in-JavaScript css风格指南:英文版/中文版
css加载动画集合 loaders.css

编辑器

名称 用法
在线编辑器,强大方便 jsbin编辑器地址

待探究

| TCP的三次握手四次挥手 | 前端跨域有哪些种方法及介绍? |