Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

前端知识 #6

Open
ruanshr opened this issue Dec 4, 2017 · 0 comments
Open

前端知识 #6

ruanshr opened this issue Dec 4, 2017 · 0 comments

Comments

@ruanshr
Copy link
Owner

ruanshr commented Dec 4, 2017

前端知识体系
http://www.cnblogs.com/sb19871023/p/3894452.html

前端知识结构
https://github.com/JacksonTian/fks

Web前端开发大系概览
https://github.com/unruledboy/WebFrontEndStack

Web前端开发大系概览-中文版
http://www.cnblogs.com/unruledboy/p/WebFrontEndStack.html

Web Front-end Stack v2.2
https://raw.githubusercontent.com/unruledboy/WebFrontEndStack/master/Web%20Front%20End%20Stack.png

免费的编程中文书籍索引
https://github.com/justjavac/free-programming-books-zh_CN

前端书籍
https://github.com/dypsilon/frontend-dev-bookmarks

前端免费书籍大全
https://github.com/vhf/free-programming-books

前端知识体系
http://www.cnblogs.com/sb19871023/p/3894452.html

免费的编程中文书籍索引
https://github.com/justjavac/free-programming-books-zh_CN

智能社 - 精通JavaScript开发
http://study.163.com/course/introduction/224014.htm

重新介绍 JavaScript(JS 教程)
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/A_re-introduction_to_JavaScript

麻省理工学院公开课:计算机科学及编程导论
http://v.163.com/special/opencourse/bianchengdaolun.html

JavaScript中的this陷阱的最全收集--没有之一
http://segmentfault.com/a/1190000002640298

JS函数式编程指南
https://llh911001.gitbooks.io/mostly-adequate-guide-chinese/content/ch1.html

JavaScript Promise迷你书(中文版)
http://liubin.github.io/promises-book

腾讯移动Web前端知识库
https://github.com/AlloyTeam/Mars

Front-End-Develop-Guide 前端开发指南
https://github.com/Front-End-Developers-Hunan/Front-End-Develop-Guide

前端开发笔记本
https://li-xinyang.gitbooks.io/frontend-notebook/content

大前端工具集 - 聂微东
https://github.com/nieweidong/fetool

前端开发者手册
https://dwqs.gitbooks.io/frontenddevhandbook/content

易迅网前端博客
https://github.com/YIXUNFE/blog

重新介绍 JavaScript(JS 教程)
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/A_re-introduction_to_JavaScript

入门类
地址

前端入门教程
http://www.cnblogs.com/jikey/p/3613082.html

廖雪峰的Javascript教程
http://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000

jQuery基础教程
http://www.imooc.com/view/11

前端工程师必备的PS技能——切图篇
http://www.imooc.com/view/506

结合个人经历总结的前端入门方法
https://github.com/qiu-deqing/FE-learning

效果类
地址

弹出层
http://www.imooc.com/learn/58

焦点图轮播特效
http://www.imooc.com/learn/18

工具类
地址

css sprite 雪碧图制作
http://www.imooc.com/learn/93

版本控制入门 – 搬进 Github
http://www.imooc.com/learn/390

Grunt-beginner前端自动化工具
http://www.imooc.com/learn/30

慕课专题
地址

张鑫旭 - 慕课系列
http://www.imooc.com/space/teacher/id/197450

lyn - 慕课系列
http://www.imooc.com/space/teacher/id/104593

艾伦 - 慕课系列
http://www.imooc.com/space/teacher/id/290139

碧仔 - Hello,移动WEB
http://www.imooc.com/view/494

周报类
地址

平安科技移动开发二队技术周报
https://github.com/PaicHyperionDev/MobileDevWeekly

开发中心
地址

mozilla js参考
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript

chrome开发中心(chrome的内核已转向blink)
https://developer.chrome.com/extensions/api_index.html

safari开发中心
https://developer.apple.com/library/safari/navigation

microsoft js参考
https://msdn.microsoft.com/zh-cn/library/d1et7k7c(v=vs.94.aspx

js秘密花园
http://sanshi.me/articles/JavaScript-Garden-CN/html/index.html

js秘密花园
http://bonsaiden.github.io/JavaScript-Garden/zh

w3help
http://www.w3help.org 综合Bug集合网站

综合搜索
地址

javascripting
http://www.javascripting.com

各种流行库搜索
http://microjs.com

综合API
地址

runoob.com-包含各种API集合
http://www.runoob.com

开源中国在线API文档合集
http://tool.oschina.net/apidocs

devdocs
http://devdocs.io 英文综合API网站

jQuery
地址

jQuery API 中文文档
http://www.jquery123.com

hemin 在线版
http://hemin.cn/jq

css88 jq api
http://www.css88.com/jqapi-1.9/on

css88 jqui api
http://www.css88.com/jquery-ui-api

学习jquery
http://learn.jquery.com

jquery 源码查找
http://james.padolsey.com/jquery

Ecmascript
地址

Understanding ECMAScript 6 - Nicholas C. Zakas
https://leanpub.com/understandinges6/read

exploring-es6
https://leanpub.com/exploring-es6/read

exploring-es6翻译
https://github.com/es6-org/exploring-es6

exploring-es6翻译后预览
http://es6-org.github.io/exploring-es6

阮一峰 es6
http://es6.ruanyifeng.com

阮一峰 Javascript
http://javascript.ruanyifeng.com

ECMA-262,第 5 版
http://yanhaijing.com/es5

es5
http://es5.github.io

Js template
地址

template-chooser
http://garann.github.io/template-chooser

artTemplate
https://github.com/aui/artTemplate

tomdjs
https://github.com/aui/tmodjs/blob/master/README.md

淘宝模板juicer模板
http://juicer.name/docs/docs_zh_cn.html

Fxtpl v1.0 繁星前端模板引擎
http://koen301.github.io/fxtpl

laytpl
http://laytpl.layui.com

mozilla - nunjucks
https://github.com/mozilla/nunjucks

Juicer
https://github.com/PaulGuo/Juicer

dustjs
http://akdubya.github.io/dustjs

etpl
http://ecomfe.github.io/etpl

弹出层
地址

artDialog 最新版
https://github.com/aui/artDialog

artDialog 文档
http://aui.github.io/artDialog/doc/index.html

google code 下载地址
https://code.google.com/p/artdialog/downloads/list

贤心弹出层
http://layer.layui.com

响应式用户交互组件库
https://github.com/bh-lay/UI

sweetalert-有css3动画弹出层
http://t4t5.github.io/sweetalert

CSS
地址

CSS 语法参考
http://tympanus.net/codrops/css_reference

CSS3动画手册
http://isux.tencent.com/css3/index.html

腾讯css3动画制作工具
http://isux.tencent.com/css3/tools.html

志爷css小工具集合
http://linxz.github.io/tianyizone

css3 js 移动大杂烩
http://www.note12.com/category/blog/2014-6-5/538fe0a9f786f1b7019a4dfb

bouncejs 触摸库
http://bouncejs.com

css3 按钮动画
http://fian.my.id/Waves

animate.css
http://daneden.github.io/animate.css

全局CSS的终结(狗带 [译]
http://www.alloyteam.com/2015/10/8536

Angularjs
地址

Angular.js 的一些学习资源
https://github.com/dolymood/AngularLearning

angularjs中文社区
http://angularjs.cn

Angularjs源码学习
http://www.cnblogs.com/xuwenmin888/p/3739096.html

Angularjs源码学习
http://www.ifeenan.com/?c=AngularJS

angular对bootstrap的封装
http://angular-ui.github.io/bootstrap

angularjs + nodejs
https://cnodejs.org/topic/51404e0f069911196d2e3923

吕大豹 Angularjs
http://www.cnblogs.com/lvdabao/tag/AngularJs

AngularJS 最佳实践
http://www.infoq.com/cn/news/2013/02/angular-web-app

Angular的一些扩展指令
http://www.lovelucy.info/angularjs-best-practices.html

Angular数据绑定原理
https://github.com/Pasvaz/bindonce

一些扩展Angular UI组件
https://github.com/angular-ui

Ember和AngularJS的性能测试
http://voidcanvas.com/emberjs-vs-angularjs-performance-testing

带你走近AngularJS - 基本功能介绍
http://www.cnblogs.com/powertoolsteam/p/angularjs-introdection.html

Angularjs开发指南
http://angular.duapp.com/docs/guide

Angularjs学习
http://www.cnblogs.com/amosli/p/3710648.html

不要带着jQuery的思维去学习AngularJS
http://www.rainweb.cn/article/angularjs-jquery.html

angularjs 学习笔记
http://wangjiatao.diandian.com/?tag=angularjs

angularjs 开发指南
http://www.angularjs.cn/T008

angularjs 英文资料
https://github.com/jmcunningham/AngularJS-Learning

angular bootstrap
http://angular-ui.github.io/bootstrap

angular jq mobile
https://github.com/opitzconsulting/jquery-mobile-angular-adapter

angular ui
http://mgcrea.github.io/angular-strap

整合jQuery Mobile+AngularJS经验谈
http://www.tuicool.com/articles/7ZZVr2

有jQuery背景,该如何用AngularJS编程思想
http://blog.jobbole.com/46589/

AngularJS在线教程
http://each.sinaapp.com/angular

angular学习笔记
http://www.zouyesheng.com/angular.html

React
地址

react.js 中文论坛
http://www.react-china.org

react.js 官方网址
https://facebook.github.io/react/index.html

react.js 官方文档
https://facebook.github.io/react/docs/getting-started.html

react.js material UI
http://material-ui.com/#

react.js TouchstoneJS UI
http://touchstonejs.io

react.js amazeui UI
http://amazeui.org/react

React 入门实例教程 - 阮一峰
http://www.ruanyifeng.com/blog/2015/03/react.html

React Native 中文版
http://wiki.jikexueyuan.com/project/react-native

Webpack 和 React 小书 - 前端乱炖
http://www.html-js.com/article/Fakefish%203053

Webpack 和 React 小书 - gitbook
https://fakefish.github.io/react-webpack-cookbook

webpack
https://github.com/webpack/webpack

Webpack,101入门体验
http://html-js.com/article/3009

webpack入门教程
http://html-js.com/article/3113

基于webpack搭建前端工程解决方案探索
http://segmentfault.com/a/1190000003499526

React原创实战视频教程
http://www.piliyu.com

移动端API
地址

99移动端知识集合
https://github.com/jtyjty99999/mobileTech

移动端前端开发知识库
https://github.com/AlloyTeam/Mars

移动前端的一些坑和解决方法(外观表现)
http://caibaojian.com/mobile-web-bug.html

【原】移动web资源整理
http://www.cnblogs.com/PeunZhang/p/3407453.html

zepto 1.0 中文手册
http://mweb.baidu.com/zeptoapi

zepto 1.0 中文手册
http://www.html-5.cn/Manual/Zepto

zepto 1.1.2
http://www.css88.com/doc/zeptojs_api

zepto 中文注释
http://www.cnblogs.com/sky000/archive/2013/03/29/2988952.html

jqmobile 手册
http://app-framework-software.intel.com/api.php

移动浏览器开发集合
https://github.com/maxzhang/maxzhang.github.com/issues

移动开发大杂烩
https://github.com/hoosin/mobile-web-favorites

微信webview中的一些问题
http://lin-chao.github.io/2014/11/14/%E5%BE%AE%E4%BF%A1webview%E4%B8%AD%E7%9A%84%E4%B8%80%E4%BA%9B%E9%97%AE%E9%A2%98

框架
地址

特色的HTML框架可以创建精美的iOS应用
http://framework7.taobao.org

淘宝SUI
http://m.sui.taobao.org

avalon
地址

avalonjs
http://avalonjs.github.io

Avalon新一代UI库: OniUI
http://ued.qunar.com/oniui/index.html

avalon.oniui-基于avalon的组件库
https://github.com/RubyLouvre/avalon.oniui

Requriejs
地址

Javascript模块化编程(一):模块的写法
http://www.ruanyifeng.com/blog/2012/10/javascript_module.html

Javascript模块化编程(二):AMD规范
http://www.ruanyifeng.com/blog/2012/10/asynchronous_module_definition.html

Javascript模块化编程(三):require.js的用法
http://www.ruanyifeng.com/blog/2012/11/require_js.html

RequireJS入门(一)
http://www.cnblogs.com/snandy/archive/2012/05/22/2513652.html

RequireJS入门(二)
http://www.cnblogs.com/snandy/archive/2012/05/23/2513712.html

RequireJS进阶(三)
http://www.cnblogs.com/snandy/archive/2012/06/08/2538001.html

requrie源码学习
http://www.cnblogs.com/yexiaochai/p/3632580.html

requrie 入门指南
http://www.oschina.net/translate/getting-started-with-the-requirejs-library

requrieJS 学习笔记
http://www.cnblogs.com/yexiaochai/p/3214926.html

requriejs 其一
http://cyj.me/why-seajs/requirejs/

require backbone结合
http://www.cnblogs.com/yexiaochai/p/3221081.html

Seajs
地址

seajs
http://seajs.org

seajs 中文手册
http://cyj.me/why-seajs/zh

Less,sass
地址

sass
http://www.w3cplus.com/sassguide

sass教程-sass中国
http://www.sass.hk

Sass 中文文档
http://sass.bootcss.com

less
http://less.bootcss.com

Markdown
地址

Markdown 语法说明 (简体中文版
http://wowubuntu.com/markdown

markdown入门参考
https://github.com/LearnShare/Learning-Markdown/blob/master/README.md

gitbook
https://www.gitbook.com 国外的在线markdown可编辑成书

mdeditor
https://www.zybuluo.com/mdeditor 一款国内的在线markdown编辑器

stackedit
https://stackedit.io 国外的在线markdown编辑器,功能强大,同步云盘

mditor
http://bh-lay.github.io/mditor 一款轻量级的markdown编辑器

lepture-editor
https://github.com/lepture/editor

markdown-editor
https://github.com/jbt/markdown-editor

D3
地址

d3 Tutorials
https://github.com/mbostock/d3/wiki/Tutorials

Gallery
https://github.com/mbostock/d3/wiki/Gallery

lofter
http://datavisual.lofter.com/post/40cf3a_188e535

iteye
http://alanland.iteye.com/blog/1878595

ruanyifeng
http://javascript.ruanyifeng.com/library/d3.html

兼容性
地址

esma 兼容列表
http://kangax.github.io/compat-table/es6

W3C CSS验证服务
http://jigsaw.w3.org/css-validator/validator.html.zh-cn

caniuse
http://caniuse.com/#index

csscreator
http://csscreator.com/properties

microsoft
https://msdn.microsoft.com/zh-cn/library/cc351024(v=vs.85.aspx

在线测兼容-移动端
http://www.responsinator.com

emulators
https://www.manymo.com/emulators

UI相关
地址

bootcss
http://v3.bootcss.com

MetroUICSS
http://www.w3cplus.com/MetroUICSS

semantic
http://semantic-ui.com

Buttons
http://alexwolfe.github.io/Buttons

kitecss
http://hiloki.github.io/kitecss

pintuer
http://www.pintuer.com

amazeui
http://amazeui.org

worldhello
http://www.worldhello.net/gotgithub/index.html

linuxtoy
http://igit.linuxtoy.org/contents.html

gitmagic
http://www-cs-students.stanford.edu/~blynn/gitmagic/intl/zh_cn

rogerdudler
http://rogerdudler.github.io/git-guide/index.zh.html

gitref
http://gitref.justjavac.com

book
http://git-scm.com/book/zh

gogojimmy
http://gogojimmy.net/2012/01/17/how-to-use-git-1-git-basic

HTTP
地址

HTTP API 设计指南
http://segmentfault.com/bookmark/1230000002521721

其它API
地址

javascript流行库汇总
javascriptoo

验证api
http://niceue.com/validator/demo/index.php

underscore 中文手册
http://www.css88.com/doc/underscore

underscore源码分析
http://www.html-js.com/article/Underscorejs-source-code-analysis-of-underscorejs-source-code-analysis%203031

underscore源码分析-亚里士朱德的博客
http://yalishizhude.github.io/tags/underscore

underscrejs en api
http://underscorejs.org

lodash - underscore的代替品
https://lodash.com

ext4api
http://extjs-doc-cn.github.io/ext4api

backbone 中文手册
http://www.csser.com/tools/backbone/backbone.js.html

qwrap手册
http://dev.qwrap.com/resource/js/_docs/youa/#/qw/base/loadJs.htm

缓动函数
http://easings.net/zh-cn

svg 中文参考
http://www.w3school.com.cn/svg/svg_reference.asp

svg mdn参考
https://developer.mozilla.org/en-US/docs/Web/SVG

svg 导出 canvas
https://github.com/gabelerner/canvg

svg 导出 png
https://github.com/exupero/saveSvgAsPng

ai-to-svg
http://www.zamzar.com/convert/ai-to-svg

localStorage 库
https://github.com/machao/localStorage

图表类
地址

Highcharts 中文API
http://www.hcharts.cn/api/index.php

Highcharts 英文API
http://api.highcharts.com/highcharts

ECharts 百度的图表软件
http://echarts.baidu.com/

高德地图
http://lbs.amap.com/api

开源的矢量图脚本框架
http://paperjs.org

svg 地图
http://jvectormap.com

vue
地址

Vue
http://cn.vuejs.org

Vue 论坛
http://forum.vuejs.org

Vue 入门指南
http://www.cnblogs.com/aaronjs/p/3660102.html

Vue 的一些资源索引
http://segmentfault.com/a/1190000000411057

awesome-vue
https://github.com/vuejs/awesome-vue

正则
地址

JS正则表达式元字符
http://segmentfault.com/a/1190000002471140

正则表达式30分钟入门教程
http://deerchao.net/tutorials/regex/regex.htm

MDN-正则表达式
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Guide/Regular_Expressions

ruanyifeng - RegExp对象
http://javascript.ruanyifeng.com/stdlib/regexp.html

小胡子哥 - 进阶正则表达式
http://div.io/topic/764?page=1

is.js
https://github.com/Cedriking/is.js/blob/master/is.js

正则在线测试
http://regexper.com

ionic
地址

ionic
https://github.com/ychow/ionic-guide

其它
地址

Mock.js 是一款模拟数据生成器
http://mockjs.com

前端
地址

通过分析github代码库总结出来的工程师代码书写习惯
http://alloyteam.github.io/CodeGuide

HTML&CSS编码规范 by @mdo
http://codeguide.bootcss.com

团队合作的css命名规范-腾讯AlloyTeam前端团队
http://www.alloyteam.com/2011/10/107

前端编码规范之js - by yuwenhui
http://yuwenhui.github.io

前端编码规范之js - by 李靖
http://www.cnblogs.com/hustskyking/p/javascript-spec.html

前端开发规范手册
http://zhibimo.com/read/Ashu/front-end-style-guide

Airbnb JavaScript 编码规范(简体中文版)
https://github.com/yuche/javascript#table-of-contents

AMD与CMD规范的区别
http://www.zhihu.com/question/20351507

AMD与CMD规范的区别
http://www.cnblogs.com/tugenhua0707/p/3507957.html

KISSY 源码规范
http://docs.kissyui.com/1.4/docs/html/tutorials/style-guide/kissy-source-style.html

bt编码规范
http://codeguide.bootcss.com

规范加强版
https://github.com/Suxiaogang/Code_Guide

前端代码规范 及 最佳实践
http://blog.jobbole.com/79075

百度前端规范
http://coderlmn.github.io/code-standards

百度前端规范
http://isobar-idev.github.io/code-standards

百度前端规范
http://zhuanlan.zhihu.com/fuyun/19884834

ECMAScript6 编码规范--广发证券前端团队
https://github.com/gf-rd/es6-coding-style

JavaScript 风格指南/编码规范(Airbnb公司版)
http://blog.jobbole.com/79484

网易前端开发规范
http://nec.netease.com/standard

css模块
http://www.75team.com/archives/1049

前端规范资源列表
https://github.com/ecomfe/spec

PHP
地址

最流行的PHP 代码规范
http://segmentfault.com/a/1190000000443795

最流行的PHP 代码规范
https://github.com/hfcorriez/fig-standards/blob/zh_CN/%E6%8E%A5%E5%8F%97/PSR-2-coding-style-guide.md

Android
地址

【敏捷开发】Android团队开发规范
http://www.cnblogs.com/lcw/p/3619181.html

Android 开发规范与应用
http://www.jianshu.com/p/4390f4fe19b3

各大公司开源项目
地址

Facebook Projects
https://code.facebook.com/projects/web

百度web前端研发部
http://fex.baidu.com

百度EFE
http://efe.baidu.com

百度github
https://github.com/fex-team

alloyteam
http://www.alloyteam.com

alloyteam-github
http://alloyteam.github.io

alloyteam-AlloyGameEngine
https://github.com/AlloyTeam/AlloyGameEngine

AlloyDesigner
http://alloyteam.github.io/AlloyDesigner 即时修改,即时保存,设计稿较正,其它开发辅助工具

H5交互页编辑器AEditor介绍
http://www.alloyteam.com/2015/06/h5-jiao-hu-ye-bian-ji-qi-aeditor-jie-shao H5动画交互页开发的工具介绍

AEditor
http://aeditor.alloyteam.com H5动画交互页开发的工具

maka
http://forum.maka.im/wordpress

值得订阅的weekly
https://github.com/fenbility/weekly-feed

腾讯html5
http://cube.qq.com

奇舞团开源项目
http://75team.github.io

Qunar UED
http://ued.qunar.com

Scrat
http://scrat.io

常用
地址

ieBetter.js-让IE6-IE8拥有IE9+,Chrome等浏览器特性
http://www.zhangxinxu.com/wordpress/2013/12/iebetter-js-make-ie6-ie8-like-modern-browser-ie9-chrome

模拟键盘
http://mottie.github.io/Keyboard

拼音
https://github.com/hotoo/pinyin

中国个人身份证号验证
https://github.com/mc-zone/IDValidator

算法
地址

数据结构与算法 JavaScript 描述. 章节练习
https://github.com/Ralph-Wang/algorithm.in.js

常见排序算法(JS版)
https://github.com/twobin/twobinSort

经典排序
https://github.com/luofei2011/jsAgm/blob/master/js/sort.js

常见排序算法-js版本
https://github.com/hechangmin/jssort

JavaScript 算法与数据结构 精华集
https://github.com/lightningtgc/JavaScript-Algorithms

面试常考算法题精讲
http://www.nowcoder.com/live/courses

JSON
地址

模拟生成JSON数据
http://beta.json-generator.com

返回跨域JSONAPI
http://jsonp.afeld.me

Html5
地址

HTML5 有哪些让你惊艳的 demo?
http://www.zhihu.com/question/24398907

CSS
地址

browserhacks
http://browserhacks.com

焦点图
地址

myfocus
https://github.com/koen301/myfocus

myfocus-官方演示站
http://www.chhua.com/myfocus

SuperSlidev2.1 -- 大话主席
http://www.superslide2.com

soChange
http://www.bujichong.com/sojs/soChange/index.html

Ext, EasyUI, J-UI 及其它各种UI方案
地址

extjs
https://www.sencha.com/products/extjs

ext4英文api
http://docs.sencha.com/extjs/4.0.7

ext4中文api
http://extjs-doc-cn.github.io/ext4api

EasyUI
地址

jquery easyui 未压缩源代码
http://jquery-easyui.googlecode.com/svn/trunk/src

J-UI
地址

J-UI
http://jui.org

Other
地址

MUI-最接近原生APP体验的高性能前端框架
http://dcloudio.github.io/mui

Amaze UI
中国首个开源 HTML5 跨屏前端框架

淘宝 HTML5 前端框架
http://m.sui.taobao.org

KISSY - 阿里前端JavaScript库
http://docs.kissyui.com

网易Nej - Nice Easy Javascript
http://nej.netease.com

Kendo UI MVVM Demo
http://demos.telerik.com/kendo-ui/mvvm/index

Bootstrap
http://www.bootcss.com

Smart UI
http://smartui.chinamzz.com

雅虎UI - CSS UI
http://developer.yahoo.com/yui/grids

页面 社会化 分享功能
地址

百度分享
http://share.baidu.com pc端

JiaThis
http://jiathis.com pc端

社会化分享组件
http://developer.baidu.com/soc/share 移动端

ShareSDK 轻松实现社会化功能
http://www.mob.com/#/index 移动端

友盟分享
http://dev.umeng.com/social/android/quick-integration 移动端

富文本编辑器
地址

功能齐全 tinymce
https://www.tinymce.com

百度 ueditor
http://ueditor.baidu.com/website

经典的ckeditor
http://ckeditor.com

经典的kindeditor
http://kindeditor.net

wysiwyg
http://www.bootcss.com/p/bootstrap-wysiwyg

一个有情怀的编辑器。Bach's Editor
http://integ.github.io/BachEditor

tower用的编辑器
https://github.com/mycolorway/simditor

summernote 编辑器
https://github.com/summernote/summernote

html5编辑器
http://neilj.github.io/Squire

XEditor
http://lab.hustlzp.com/XEditor

wangEditor
https://github.com/wangfupeng1988/wangEditor

PC
地址

经典my97
http://www.my97.net/dp/demo/index.htm

强大的独立日期选择器
http://www.cnblogs.com/gbin1/archive/2012/04/16/2452105.html

fullcalendar
http://fullcalendar.io

fullcalendar日历控件知识点集合
http://blog.csdn.net/francislaw/article/details/7740630

中文api
http://blog.sina.com.cn/s/blog_9475b1c101012c5f.html

农历日历
https://github.com/zzyss86/LunarCalendar

超酷的仿百度带节日日历老黄历控件
http://www.sucaisj.com/jiaoben/date/201509/16856.html

日期格式化
http://momentjs.com

大牛日历控件
https://github.com/Johnqing/QPAYCalendar

我群某管理作品
https://github.com/Iamlars/dateMarker

input按位替换-官网
http://digitalbush.com/projects/masked-input-plugin

input按位替换-github
https://github.com/digitalBush/jquery.maskedinput/tree/1.2.2

bootstrap-daterangepicker
https://github.com/dangrossman/bootstrap-daterangepicker

国外30个插件集合
http://www.vandelaydesign.com/30-best-free-jquery-plugins

JavaScript datepicker
http://dbushell.com/2012/10/09/pikaday-javascript-datepicker

Datepair.js
http://jonthornton.github.io/Datepair.js

一个风格多样的日历
https://github.com/glad/glDatePicker

弹出层式的全日历
http://amsul.ca/pickadate.js/date

jquery双日历
http://www.daterangepicker.com

Date library
地址

Datejs
https://github.com/datejs/Datejs

sugarjs
http://sugarjs.com/api/Date

综合效果搜索平台
地址

效果网
http://www.jq22.com

17素材
http://www.17sucai.com

常用的JavaScript代码片段
http://microjs.com

概述
地址

前端工具大全
http://www.awesomes.cn

什么是前端工程化
fouber/blog#10

Gulp
地址

Gulp官网
http://gulpjs.com

Gulp中文网
http://www.gulpjs.com.cn

gulp资料收集
https://github.com/Platform-CUF/use-gulp

Gulp:任务自动管理工具 - ruanyifeng
http://javascript.ruanyifeng.com/tool/gulp.html

Gulp插件
http://gulpjs.com/plugins

Gulp不完全入门教程
http://www.ido321.com/1622.html

为什么使用gulp?
hjzheng/CUF_meeting_knowledge_share#33

Gulp安装及配合组件构建前端开发一体化
http://www.dbpoo.com/getting-started-with-gulp

Gulp 入门指南
https://github.com/nimojs/gulp-book

Gulp 入门指南 - nimojs
https://github.com/nimojs/blog/issues/19

Gulp入门教程
http://markpop.github.io/2014/09/17/Gulp%E5%85%A5%E9%97%A8%E6%95%99%E7%A8%8B

Gulp in Action
http://www.imooc.com/video/5692

Gulp开发教程(翻译)
http://www.w3ctech.com/topic/134

前端构建工具gulpjs的使用介绍及技巧
http://www.cnblogs.com/2050/p/4198792.html

Grunt
地址

gruntjs
http://gruntjs.com

Grunt中文网
http://www.gruntjs.net

Fis
地址

fis 官网
http://fex-team.github.io/fis-site/index.html

fis
http://fis.baidu.com

pc图轮
地址

单屏轮播sochange
http://www.jsfoot.com/jquery/demo/2011-09-20/192.html

左右按钮多图切换
http://bxslider.com/examples/carousel-demystified

fullpage全屏轮播
https://github.com/alvarotrigo/fullPage.js

移动端
地址

无缝切换
http://www.swipejs.com

滑屏效果
http://www.idangero.us/swiper

全屏fullpage
https://github.com/peunzhang/fullpage

单个图片切换
https://github.com/qiqiboy/touchslider

单个全屏切换
https://github.com/peunzhang/slip.js

百度的切换库
http://touch.code.baidu.com/examples.html?qq-pf-to=pcqq.group

单个全屏切换
https://github.com/peunzhang/iSlider

滑屏效果
https://github.com/saw/touch-interfaces

旋转拖动设置
http://baijs.com/tinycircleslider

类似于swipe切换
http://touchslider.com

支持多种形式的触摸滑动
http://www.swiper.com.cn/demo/index.html

滑屏效果
https://github.com/joker-ye/main/blob/master/wap/index.html

大话主席pc移动图片轮换
http://www.superslide2.com

滑屏效果
https://github.com/hahnzhu/parallax.js

基于zepto的fullpage
https://github.com/yanhaijing/zepto.fullpage

[WebApp]定宽网页设计下,固定宽度布局开发WebApp并实现多终端下WebApp布局自适应
http://www.cnblogs.com/plums/archive/2013/01/10/WebApp-fixed-width-layout-of-multi-terminal-adapter-since.html

判断微信客户端的那些坑
http://loo2k.com/blog/detecting-wechat-client

可以通过javascript直接调用原生分享的工具
https://github.com/JefferyWang/nativeShare.js

JiaThis 分享到微信代码
http://www.jiathis.com/help/html/weixin-share-code

聊聊移动端跨平台开发的各种技术
http://fex.baidu.com/blog/2015/05/cross-mobile

前端自动化测试
http://www.zhihu.com/question/29922082

多种轮换图片
http://ajccom.github.io/niceslider

滚动条组件
http://ajccom.github.io/nicescroller

滑动侧边栏
https://mango.github.io/slideout

大气实用jQuery手机移动端日历日期选择插件
http://www.frankdemo.cn/index.php?c=content&a=show&id=115

jQuery Mobile 移动开发中的日期插件Mobiscroll
https://mobiscroll.com

fastclick
https://github.com/ftlabs/fastclick

no-click-delay
https://github.com/mmastrac/jquery-noclickdelay

文件上传
地址

百度上传组件
http://fex.baidu.com/webuploader

上传
https://blueimp.github.io/jQuery-File-Upload

flash 头像上传
http://www.hdfu.net

图片上传预览
http://www.dropzonejs.com

图片裁剪
http://elemefe.github.io/image-cropper

图片裁剪-shearphoto
http://www.shearphoto.com

jQuery图片处理
http://www.oschina.net/project/tag/284/jquery-image-tools?lang=0&os=0&sort=view&p=2

模拟select
地址

糖饼 select
http://aui.github.io/popupjs/doc/selectbox.html

flexselect
https://github.com/rmm5t/jquery-flexselect

双select
http://loudev.com

select2
http://select2.github.io

取色插件
地址

类似 Photoshop 的界面取色插件
http://www.jq22.com/plugin/367

jquery color
https://github.com/jquery/jquery-color

取色插件集合
http://www.oschina.net/project/tag/287/color-picker

farbtastic 圆环+正方形
https://github.com/mattfarina/farbtastic

城市联动
地址

jquery.cityselect.js基于jQuery+JSON的省市或自定义联动效果
http://www.ijquery.cn/?p=360

剪贴板
地址

剪贴板
https://github.com/zeroclipboard/zeroclipboard

clipboard 最新的剪切方案
http://zenorocha.github.io/clipboard.js

不是Flash的剪贴板
https://github.com/zenorocha/clipboard.js

简繁转换
地址

简繁转换
https://github.com/BYVoid/OpenCC

表格 Grid
地址

facebook表格
http://facebook.github.io/fixed-data-table

类似于Excel编辑表格-handsontable
http://handsontable.com

bootstrap-table插件
http://bootstrap-table.wenzhixin.net.cn

datatables
https://www.datatables.net

在线演示
地址

js 在线编辑 - runjs
http://runjs.cn

js 在线编辑 - jsbin
http://jsbin.com

js 在线编辑 - codepen
http://codepen.io

js 在线编辑 - jsfiddle
http://jsfiddle.net

java 在线编辑 - runjs
http://ideone.com

js 在线编辑 - hcharts
http://code.hcharts.cn

js 在线编辑 - jsdm
http://jsdm.com

sql 在线编辑 - sqlfiddle
http://sqlfiddle.com

mozilla 在线编辑器
https://thimble.mozilla.org

播放器
地址

Html5 VideoPlayer
https://github.com/zmmbreeze/DeadSimpleVideoPlayer

粒子动画
地址

Proton 烟花
http://a-jie.github.io/Proton/#example

Nodejs
地址

nodejs 篇幅比较巨大
http://liuqing.pw

Node.js 包教不包会
https://github.com/alsotang/node-lessons

篇幅比较少
http://www.rainweb.cn/article/category/Nodejs

node express 入门教程
http://www.w3cfuns.com/article-5598538-1-1.html

nodejs定时任务
http://my.oschina.net/u/568264/blog/193773

一个nodejs博客
http://60sky.com

【NodeJS 学习笔记04】新闻发布系统
http://www.cnblogs.com/yexiaochai/p/3536547.html

过年7天乐,学nodejs 也快乐
http://www.cnblogs.com/qqloving/p/3541099.html

七天学会NodeJS
https://github.com/nqdeng/7-days-nodejs

Nodejs学习笔记(二)--- 事件模块
http://www.cnblogs.com/zhongweiv/p/nodejs_events.html

nodejs入门
http://www.cnblogs.com/liusuqi/p/3735491.html

angularjs nodejs
https://github.com/zensh/jsgen

从零开始nodejs系列文章
http://blog.fens.me/series-nodejs

理解nodejs
http://debuggable.com/posts/understanding-node-js:4bd98440-45e4-4a9a-8ef7-0f7ecbdd56cb

nodejs事件轮询
http://blog.mixu.net/2011/02/01/understanding-the-node-js-event-loop

node入门
http://www.nodebeginner.org/index-zh-cn.html

nodejs cms
http://ourjs.com/detail/53e1f281c5910a9806000001

Node初学者入门,一本全面的NodeJS教程
http://ourjs.com/detail/529ca5950cb6498814000005

NodeJS的代码调试和性能调优
http://www.barretlee.com/blog/2015/10/07/debug-nodejs-in-command-line

常规优化
地址

Javascript高性能动画与页面渲染
http://www.infoq.com/cn/articles/javascript-high-performance-animation-and-page-rendering

移动H5前端性能优化指南
http://isux.tencent.com/h5-performance.html

5173首页前端性能优化实践
http://ued.5173.com/?p=1731

给网页设计师和前端开发者看的前端性能优化
http://www.uisdc.com/front-end-performance-for-web-designers-and-front-end-developers

复杂应用的 CSS 性能分析和优化建议
http://www.orzpoint.com/profiling-css-and-optimization-notes

张鑫旭——前端性能
http://www.zhangxinxu.com/wordpress/tag/%E5%89%8D%E7%AB%AF%E6%80%A7%E8%83%BD

前端性能监控总结
http://www.xiaoqiang.org/javascript/font-end-performance-monitor.html

网站性能优化之CSS无图片技术
http://udc.weibo.com/2013/05/%E7%BD%91%E7%AB%99%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96%E4%B9%8Bcss%E6%97%A0%E5%9B%BE%E7%89%87%E6%8A%80%E6%9C%AF

web前端性能优化进阶路
http://www.aliued.cn/2013/01/20/web%E5%89%8D%E7%AB%AF%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96%E8%BF%9B%E9%98%B6%E8%B7%AF.html

前端技术:网站性能优化之CSS无图片技术
http://my.eoe.cn/tuwandou/archive/4544.html

浏览器的加载与页面性能优化
http://www.baiduux.com/blog/2011/02/15/browser-loading

页面加载中的图片性能优化
http://www.w3ctech.com/p/1503

Hey——前端性能
http://www.feelcss.com/tag/%E5%89%8D%E7%AB%AF%E6%80%A7%E8%83%BD

html优化
http://www.baiduux.com/blog/2010/03/15/html%E4%BC%98%E5%8C%96-2

99css——性能
http://www.99css.com/tag/%e6%80%a7%e8%83%bd

Yslow——性能优化
http://www.yslow.net/category.php?cid=20

YSLOW中文介绍
http://www.cnblogs.com/yslow

转一篇Yahoo关于网站性能优化的文章,兼谈本站要做的优化
http://www.360ito.com/article/40.html

Yahoo!团队实践分享:网站性能
http://www.360doc.com/content/10/0928/09/2588264_56971287.shtml

网站性能优化指南:什么使我们的网站变慢?
http://blog.jiasule.com/i/153

网站性能优化实践,减少加载时间,提高用户体验
http://www.powereasy.net/helpyou/knowledge/ecommerce/9593.html

浅谈网站性能优化 前端篇
http://www.umtry.com/archives/747.html

前端重构实践之如何对网站性能优化?
http://www.adinnet.cn/blog/designview/2012-7-12/678.html

前端性能优化:使用媒体查询加载指定大小的背景图片
http://www.gbin1.com/technology/javascript/20130708-front-end-performance-optimization-9

网站性能系列博文
http://www.mykuer.com/post/factors-that-affect-the-speed-of-web-site-open.html

加载,不只是少一点点
http://tgideas.qq.com/webplat/info/news_version3/804/808/811/m579/201109/41355.shtml

前端性能的测试与优化
http://mzhou.me/article/95310

分享网页加载速度优化的一些技巧?
http://www.gbin1.com/technology/html/20130217-tips-for-speed-up-page-loading

页面加载中的图片性能优化
http://www.f2es.com/images-bytes-opt

web前端优化(基于Yslow
http://www.tcreator.info/webSchool/website/Front-end-Opt-Yslow.html

网站性能优化工具大全
https://www.qianduan.net/website-performance-optimization-tool.html

【高性能前端1】高性能HTML
http://www.alloyteam.com/2012/10/high-performance-html

【高性能前端2】高性能CSS
http://www.alloyteam.com/2012/10/high-performance-css

由12306谈谈网站前端性能和后端性能优化
http://coolshell.cn/articles/6470.html

AlloyTeam——前端优化
http://www.alloyteam.com/webfrontend/%E5%89%8D%E7%AB%AF%E4%BC%98%E5%8C%96

毫秒必争,前端网页性能最佳实践
http://www.cnblogs.com/developersupport/p/3248695.html

网站性能工具Yslow的使用方法
http://blog.sina.com.cn/s/blog_6e9d2e0701017kvu.html

前端工程与性能优化(上):静态资源版本更新与缓存
http://www.infoq.com/cn/articles/front-end-engineering-and-performance-optimization-part1

前端工程与性能优化(下):静态资源管理与模板框架
http://www.infoq.com/cn/articles/front-end-engineering-and-performance-optimization-part2

HTTPS连接的前几毫秒发生了什么
http://blog.jobbole.com/48369

Yslow
http://uicss.cn/yslow/#more-12319

Essential Web Performance Metrics — A Primer, Part 1
http://blog.smartbear.com/web-performance/essential-web-performance-metrics-a-primer-part-1

Essential Web Performance Metrics — Part 2
http://blog.smartbear.com/performance/essential-web-performance-metrics-part-2

YUISlide,针对移动设备的动画性能优化
http://jayli.github.io/blog/data/2011/12/23/yuislide.html

Improving Site Performance
http://joelglovier.com/improving-site-performance

让网站提速的最佳前端实践
http://segmentfault.com/a/1190000000367899

Why Website Speed is Important
http://sixrevisions.com/web-development/why-website-speed-is-important

Need for Speed – How to Improve your Website Performance
https://www.devbridge.com/articles/need-for-speed-how-to-improve-your-website-performance

阿里无线前端性能优化指南 (Pt.1 加载期优化
amfe/article#1

优化工具
地址

JavaScript 性能分析新工具 OneProfile
http://www.html-js.com/article/3083

JavaScript 堆内存分析新工具 OneHeap
http://www.html-js.com/article/3091

在线工具
地址

google在线工具
https://developers.google.com/speed/pagespeed/insights

阿里测
http://www.alibench.com

阿里-免费测试服务
http://itest.aliyun.com

阿里-F2etest多浏览器兼容性测试解决方案
https://github.com/alibaba/f2etest

js性能测试
http://jsperf.com

前端架构
地址

技术架构
http://www.zhihu.com/topic/19612641

前端架构
http://saito.im/note/The-Architecture-of-F2E

如何成为前端架构师
http://www.zhihu.com/question/24092572

关于前端架构-张克军
http://hikejun.com/sharing/2010webrebuild/?file=fe-infrastructure.html

百度腾讯offer比较(腾讯游戏VS百度基础架构)
http://www.zhihu.com/question/25583350

推荐作品
地址

winter代码片段需要翻墙
https://gist.github.com/wintercn

fgm
http://www.fgm.cc/learn

岑安作品集
https://github.com/hongru/hongru.github.com

当耐特demo集合
http://kmdjs.github.io

米空格 js作品
http://www.laoshu133.com/Lab

myFocus
http://koen301.github.io

SeaJS组件库
http://panxuepeng.github.io/seajslib

颜海镜作品
http://yanhaijing.com/myProject

脚儿网作品
http://jo2.org/category/myworks

javascript个人作品
http://www.cnitblog.com/yemoo/category/3107.html

妙味的雷东升游戏作品
http://bbs.miaov.com/forum.php?mod=viewthread&tid=7790

javascript作品集
http://bbs.csdn.net/topics/380227212

云五笔,灰度产生生成工具
https://github.com/TooBug/works

项目主页
http://koen301.github.io

个性的作品主页
http://zaole.net

播放器
http://static.tingall.com/v2/player

ucren js demos 集
http://ucren.com/blog/demos

智能社
http://www.zhinengshe.com/works_list.html

实例陈列架
http://demos.shizuwu.cn

zoye demo
http://zoye.sinaapp.com/demo

王员外
http://lab.yuanwai.wang

平凡
http://pingfan1990.sinaapp.com

jyg 游戏案例
http://www.lovewebgames.com

很多jquery插件
http://www.helloweba.com/list.html

不羁虫 - soJs 作品系列
http://www.bujichong.com/sojs/api/index.html

frozenui
http://frozenui.github.io/case.html

黑白棋
http://js-game.github.io/othello

fromone
http://yansm.github.io/fromone/index.html

国外大牛精品
地址

pazguille
http://pazguille.me

简历模板
地址

不错的个人简历
http://learnshare.github.io/about/index.html

简历
http://hcy2367.github.io/resume

张伦
http://ncuey.sinaapp.com/CrispElite/

简历
https://github.com/hacke2/ResumeSample

翁天信
http://blog.dandyweng.com/2013/07/how-my-website-was-created

动画方式的简历
http://www.webhek.com/misc/interactive-resume

组件丰富简历
http://www.linqing07.com/resume.html

简历池
http://www.mojianli.com/resume/view

haorooms博客
http://www.haorooms.com/about

Justin Young
http://cv.youngdze.com

面试题
地址

那几个月在找工作(百度,网易游戏)
http://www.nowcoder.com/discuss/3196

2014最新面试题
http://www.html-js.com/article/1743

阿里前端面试题
http://www.w3cfuns.com/thread-5598563-2-1.html

2016校招内推 -- 阿里巴巴前端 -- 三面面试经历
http://www.cnblogs.com/imwtr/p/4685546.html

腾讯面试题
http://www.w3cfuns.com/article-5599657-1-1.html

年后跳槽那点事:乐视+金山+360面试之行
http://www.cnblogs.com/lvdabao/p/3660707.html

阿里前端面试题上线
http://fatesinger.com/2722.html

拉勾网js面试题
http://www.cnblogs.com/52cik/p/js-question-lg.html

前端面试
http://www.cnblogs.com/allenxing/p/3724382.html

Web开发笔试面试题 大全
http://mianshiti.diandian.com

前端开发面试题
http://segmentfault.com/a/1190000000465431

2014最新前端面试题
https://github.com/markyun/My-blog/tree/master/Front-end-Developer-Questions

百度面试
https://github.com/fex-team/interview-questions

面试题
http://www.w3cfuns.com/forum.php?mod=forumdisplay&fid=51&filter=typeid&typeid=177

前端工作面试问题
https://github.com/darcyclarke/Front-end-Developer-Interview-Questions/tree/master/Chinese

前端开发面试题
http://segmentfault.com/a/1190000000465431

5个经典的前端面试问题
http://ourjs.com/detail/5%E4%B8%AA%E7%BB%8F%E5%85%B8%E7%9A%84%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95%E9%97%AE%E9%A2%98

最全前端面试问题及答案总结
http://segmentfault.com/a/1190000002562454

如何面试一名前端开发工程师?
http://www.html-js.com/article/Large-search-front-team-column%202961

史上最全 前端开发面试问题及答案整理
https://github.com/hawx1993/Front-end-Interview-questions

前端实习生面试总结
http://www.cnblogs.com/xiaoruo/p/4665163.html

史上最全 前端开发面试问题及答案整理
https://github.com/hawx1993/Front-end-Interview-questions

BAT及各大互联网公司2014前端笔试面试题:JavaScript篇
http://blog.jobbole.com/78738

前端开发面试题大收集
https://github.com/paddingme/Front-end-Web-Development-Interview-Question

收集的前端面试题和答案
https://github.com/qiu-deqing/FE-interview

如何面试前端工程师
http://www.zhihu.com/question/19568008

前端开发面试题
https://github.com/markyun/My-blog/blob/master/Front-end-Developer-Questions/Questions-and-Answers/README.md

牛客网-笔试面经
http://www.nowcoder.com/discuss?type=2

iconfont
地址

中文字体
http://www.zhihu.com/question/21253343

淘宝字库
http://iconfont.cn

字体
http://mux.alimama.com/fonts

制作教程
http://iconfont.cn/help/platform.html

zhangxinxu-icommon
http://www.zhangxinxu.com/wordpress/?s=icomoon

icommon
https://icomoon.io/app

用字体在网页中画ICON图标(推荐教程
http://imooc.com/learn/243

字体压缩工具
http://font-spider.org

前端开发工具
地址

IntelliJ IDEA 简体中文专题教程
https://github.com/judasn/IntelliJ-IDEA-Tutorial

Webstorm,InterllIdea,Phpstorm
http://t.cn/8kZZ1Uy

SublimeText
https://github.com/jikeytang/sublime-text

Atom
https://atom.io

visual studio code
https://code.visualstudio.com

Fiddler
地址

Fiddler调试使用知多少(一)深入研究
http://www.cnblogs.com/tugenhua0707/p/4623317.html

微信fiddle
http://www.cnblogs.com/strick/p/4570006.html

微信fiddle
http://gaoboy.com/article/26.html

Chrome
地址

Google Chrome 官方
https://developer.chrome.com/devtools

Chrome - 基础
http://www.cnblogs.com/constantince/p/4565261.html

Chrome - 进阶
http://www.cnblogs.com/constantince/p/4579121.html

Chrome - 性能
http://www.cnblogs.com/constantince/p/4585983.html

Chrome - 性能进阶
http://www.cnblogs.com/constantince/p/4607497.html

Chrome - 移动
http://www.cnblogs.com/constantince/p/4624241.html

Chrome - 使用技巧
http://www.cnblogs.com/liyunhua/p/4544738.html

Chrome - Console控制台不完全指南
http://www.cnblogs.com/Wayou/p/chrome-console-tips-and-tricks.html

Chrome - Workspace使浏览器变成IDE
http://c7sky.com/chrome-devtools-workspace.html

network面板
http://www.html-js.com/article/Nothing-blind%202975

chrome开发工具快捷键
http://anti-code.com/devtools-cheatsheet

chrome调试工具常用功能整理
http://www.html-js.com/article/2327

Chrome 开发工具 Workspace 使用
http://www.iinterest.net/2014/05/09/chrome-dev-tool-workspace

Chrome神器Vimium快捷键学习记录
http://www.cppblog.com/deercoder/archive/2011/10/22/158886.html

sass调试-w3cplus
http://www.w3cplus.com/sassguide/debug.html

如何更专业的使用Chrome开发者工具-w3cplus
http://www.w3cplus.com/tools/how-to-use-chrome-devtools-like-a-pro.html

chrome调试canvas
http://sentsin.com/web/253.html

chrome profiles1
https://developer.chrome.com/devtools/index

chrome profiles2
http://h5dev.uc.cn/article-25-1.html

chrome profiles3
http://www.oschina.net/translate/performance-optimisation-with-timeline-profiles

chrome移动版调试
https://developer.chrome.com/devtools/docs/mobile-emulation

chrome调试
http://ued.taobao.org/blog/2012/06/debug-with-chrome-dev-tool

chrome的调试
http://www.cnblogs.com/QLeelulu/archive/2011/08/28/2156402.html

chrome console 命令详解
https://developer.chrome.com/devtools/docs/commandline-api

查看事件绑定1
http://www.cnblogs.com/leonkao/p/3809655.html

查看事件绑定2
http://www.cnblogs.com/xiaoyao2011/p/3447421.html

神器——Chrome开发者工具(一
http://segmentfault.com/a/1190000000683599

奇趣百科性能优化(Chrome DevTools 中的 Timeline Profils 等工具使用介绍
https://xinranliu.me/2015-05-22-qiqu-performance

chrome 开发者工具的 15 个小技巧
http://frontenddev.org/link/15-tips-of-chrome-developer-tools.html

Chrome开发者工具不完全指南
http://1ke.co/course/361

Chrome 开发者工具使用技巧
http://segmentfault.com/a/1190000003882567

Firebug
地址

firebug视频教程
http://www.imooc.com/learn/137

firefox 模拟器
https://developer.mozilla.org/zh-CN/docs/Tools/WebIDE

console.log 命令详解
http://www.cnblogs.com/ctriphire/p/4116207.html

Firebug入门指南
http://www.ruanyifeng.com/blog/2008/06/firebug_tutorial.html

Firebug控制台详解
http://www.ruanyifeng.com/blog/2011/03/firebug_console_tutorial.html

移动,微信调试
地址

浏览器端调试安卓
https://openstf.github.io

移动端前端开发调试
http://yujiangshui.com/multidevice-frontend-debug

使用 Chrome 远程调试 Android 设备
https://github.com/yujiangshui/CN-Chrome-DevTools/blob/remote-debugging/md/Use-Tools/remote-debugging.md

mac移动端调试
http://plus.uc.cn/document/webapp/doc5.html

mac移动端调试
http://www.mihtool.com

无线调试攻略
http://thx.github.io/mobile/debugging-in-mobile

无线调试攻略
http://yanhaijing.com/mobile/2014/12/17/web-debug-for-mobile

屌爆了,完美调试 微信webview(x5
http://www.jianshu.com/p/ccf124f1f74b

微信调试的那些事
http://liyaodong.com/2015/07/06/%E5%BE%AE%E4%BF%A1%E8%B0%83%E8%AF%95%E7%9A%84%E9%82%A3%E4%BA%9B%E4%BA%8B

远程console
http://jsconsole.com

微信调试工具
http://blog.qqbrowser.cc

各种真机远程调试方法汇总
https://github.com/jieyou/remote_inspect_web_on_real_device

iOS Simulator
地址

Simulator
https://developer.apple.com/library/ios/documentation/IDEs/Conceptual/iOS_Simulator_Guide/Introduction/Introduction.html

Xcode中的iOS模拟器(iOS Simulator的介绍和使用心得
http://www.crifan.com/intro_ios_simulator_in_xcode_and_usage_summary

img
地址

loading img
http://preloaders.net/en/circular

智图-图片优化平台
http://zhitu.isux.us

在线png优化
https://tinypng.com

生成二维码
地址

生成二维码
http://cli.im

浏览器同步
地址

puer
https://github.com/leeluolee/puer

liveReload
http://livereload.com

f5
http://getf5.com

File Watchers
http://geek100.com/2608

在线PPT制作
地址

nodePPT
http://js8.in/2013/11/16/%E6%8E%A8%E8%8D%90nodeppt%EF%BC%9A%E4%BD%BF%E7%94%A8markdown%E8%AF%AD%E6%B3%95%E6%9D%A5%E5%86%99%E7%BD%91%E9%A1%B5ppt

PPT
https://github.com/ksky521/nodePPT

reveal
https://github.com/hakimel/reveal.js

slippy
https://github.com/Seldaek/slippy

前端导航网站
地址

界面清爽的前端导航
http://uxbees.com/index.html

前端导航
http://whycss.com

前端网址导航
http://www.daqianduan.com/nav

前端名录
http://sentsin.com/daohang

前端导航
http://123.jser.us

前端开发资源
http://www.css88.com/nav

网址导航
http://www.haourl.cn

前端开发仓库 - 众多效果的收集地
http://code.ciaoca.com

前端资源导航
https://github.com/jnoodle/f2e-collect

F2E 前端导航
http://f2e.im/static/pages/nav/index.html

常用CDN
地址

新浪CDN
http://lib.sinaapp.com

百度静态资源公共库
http://cdn.code.baidu.com

360网站卫士常用前端公共库CDN服务
http://libs.useso.com

Bootstrap中文网开源项目免费 CDN 服务
http://www.bootcdn.cn

开放静态文件 CDN - 七牛
http://staticfile.org

CDN加速 - jq22
http://www.jq22.com/cdn

jQuery CDN
http://code.jquery.com

Google jQuery CDN
http://www.google-jquery-cdn.com

微软CDN
http://www.asp.net/ajax/cdn

Git
地址

git-scm
http://git-scm.com

廖雪峰-Git教程
http://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000

git-for-windows
https://git-for-windows.github.io

GitHub 添加 SSH keys
http://daemon369.github.io/git/2015/03/10/add-ssh-keys-for-github

gogithub
http://www.worldhello.net/gotgithub/index.html

git常规命令练习
http://pcottle.github.io/learnGitBranching

git的资料整理
https://github.com/xirong/my-git

我所记录的git命令(非常实用)
http://www.cnblogs.com/fanfan259/p/4810517.html

企业开发git工作流模式探索部分休整
https://github.com/xirong/my-git/blob/master/git-workflow-tutorial.md

GitHub 漫游指南
https://github.com/phodal/github-roam

GitHub秘籍
https://github.com/tiimgreen/github-cheat-sheet/blob/master/README.zh-cn.md

使用git和github进行协同开发流程
http://livoras.com/post/28

动画方式练习git
http://onlywei.github.io/explain-git-with-d3

优秀JavaScript项目
地址

Angular和Webpack种子文件
https://github.com/AngularClass/angular2-webpack-starter

Fis3面向前端的工程构建系统
https://github.com/fex-team/fis3

Fis3 DEMO
https://github.com/fex-team/fis3-demo

前端JQuery系列:源码剖析
https://github.com/JsAaron/jQuery

avalon框架
https://github.com/RubyLouvre/avalon

Microsoft ChakraCore 微软的Chakra引擎
https://github.com/Microsoft/ChakraCore

Quintus HTML游戏引擎
https://github.com/cykod/Quintus

一个用node.js搭建的有趣博客
https://github.com/STRML/strml.net

Web前端助手--FeHelper(Chrome扩展)
https://github.com/zxlie/FeHelper

百度前端技术学院
https://github.com/baidu-ife/ife

Cheerio(node.js中的jQuery)
https://github.com/cheeriojs/cheerio

nodejs的一个聊天软件 类似微信
https://github.com/BryanYang/freechat

使用html5和node.js构建的网易云音乐
https://github.com/stkevintan/Cube

babel ES6转换为ES5
https://github.com/babel/babel

一个JS富文本编辑器
https://github.com/fex-team/ueditor

一个JS脑图可视化工具
https://github.com/fex-team/kityminder-core

一个JS写的Flappy Bird Game
https://github.com/ellisonleao/clumsy-bird

一个JS写的GBA模拟器
https://github.com/taisel/IodineGBA

SegmentFault写的Markdown解析器
https://github.com/SegmentFault/HyperDown.js

基于node.js的Ghost博客
https://github.com/TryGhost/Ghost

学习react的demos
https://github.com/ruanyf/react-demos

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant