前端文档汇总(含代码规范、开发流程、知识分享,持续更新)
入门类 | 地址 |
---|---|
前端入门教程 | 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/t/197450 |
lyn - 慕课系列 | http://www.imooc.com/t/104593 |
艾伦 - 慕课系列 | http://www.imooc.com/u/290139/courses?sort=publish |
碧仔 - 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 |
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 |
兼容性 | 地址 |
---|---|
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 |
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 |
移动端 | 地址 |
---|---|
fastclick | https://github.com/ftlabs/fastclick |
no-click-delay | https://github.com/mmastrac/jquery-noclickdelay |
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 |
移动 | 地址 |
---|---|
大气实用jQuery手机移动端日历日期选择插件 | http://www.frankdemo.cn/index.php?c=content&a=show&id=115 |
jQuery Mobile 移动开发中的日期插件Mobiscroll | https://mobiscroll.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 |
什么是前端工程化 | https://github.com/fouber/blog/issues/10?from=timeline&isappinstalled=0# |
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? | https://github.com/hjzheng/CUF_meeting_knowledge_share/issues/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://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 |
优化工具 | 地址 |
---|---|
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 |
国外大牛精品 | 地址 |
---|---|
pazguille | http://pazguille.me |
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 |
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 |
前端导航网站 | 地址 |
---|---|
界面清爽的前端导航 | 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 |
https://juejin.im/post/5b1205b1f265da6e1a602a62 https://juejin.im/post/5b1205b1f265da6e1a602a62 https://juejin.im/post/5b1205b1f265da6e1a602a62 转载于:https://www.cnblogs.com/qianjin888/p/9125666.html
这篇文章里面的问题是来自github上面一个repo的,我在复习前端的适合找到了question list; 当然,他们没有solution, 所以我就试着在回答一些typical的问题,以供自己未来纠正和学习。有兴趣的朋友可以以此为参照进行复习,也欢迎来我的Shawn's Github关注最新的答案进展。 Front-end Knowledge Forked from h5bp to learn
最近处于换工作状态,略微看了下github上的开源题目,觉得不错,决定做一做,查漏补缺,巩固一下自己的前端基础知识吧。 地址https://github.com/h5bp/Front-end-Developer-Interview-Questions/blob/master/README.md#general-questions 备注:以下仅为笔者的理解,不一定100%正确!如有错误请指正。 H
绝对mc发布诛仙422完整服务端支持诛仙2进本端补丁修改(此帖子已经整合到最前面)注 - 网游单机资源下载 - g1(Absolute MC released 422 full server support Zhu Xian Zhu Xian 2 in the end (this post patch changes have been integrated into the front) - s
网页设计网站参考文献(国外英文资料) 网页设计网站参考文献(国外英文资料) Web design is a broad term covering many different skills and disciplines that are used in production and maintenance sites. [1] web design, different areas inclu
Grab Front End Guide Credits: Illustration by @yangheng This guide has been cross-posted on Free Code Camp. Grab is Southeast Asia (SEA)'s leading transportation platform and our mission is to drive S
Front-end-tutorial 与时俱进版前端资源教程 目标与哲学 众所周知,前端发展如火如荼,日新月异,而且很长一段时间内都将如此。这份由晚晴幽草轩轩主正在维护的教程列表;旨在为前端学习,技能提升,视野扩展,资料查找等行个方便。将会在日常工作探索、学习中,持续保持更新,增新优之章,除旧失之文;尽可能使得这份列表保持简练,以避免信息过重且冗杂;望其能在浩如烟海的讯息中,堪有所用。详细说明,可
Front-end Challenges Este repositório é mantido pela comunidade WoMakersCode, trazendo uma série de desafios e tutoriais sobre Desenvolvimento Front-end. ❓ Não sabe o que é Git ou Github? Se você não
目录 HTML5 基础 HTML 介绍 第一个 HTML 页面 HTML 基本元素 HTML 列表 链接元素 图片元素 HTML 表格 HTML 表单 HTML5 新特性 HTML5 介绍 HTML5 表单 音视频处理 Canvas 画布 HTML5 SVG 百度地图 HTML5 拖放 Web Workers Web 存储 Web Sockets CSS 基础 CSS 介绍 如何使用 CSS CS
Nice Front-End Tutorial �� Constantly updated front-end resources, tutorials, opinions. 目标与哲学 众所周知,前端发展如火如荼,日新月异,而且很长一段时间内都将如此。这份由晚晴幽草轩轩主正在维护的教程列表;旨在为前端学习,技能提升,视野扩展,资料查找等行个方便。将会在日常工作探索、学习中,持续保持更新,增新优之
Front-end tooling recipes Collection of pre-configured front-end tooling setups for common uses. Recipes Compress with Brotli and Gzip - Compress static files with Brotli and Gzip using maximum compre