HTML5技术

前端资源大总结 - wangwen896

字号+ 作者:H5之家 来源:H5之家 2016-10-02 17:00 我要评论( )

注意转载须保留原文链接(),译文链接,作者译者等信息。 作者:wangwen896 1. 综合类 - [前端知识结构](https://github.com/JacksonTian/fks) - [Web前端开发大系概览](https://github.com/unruledboy/WebFrontEndStack) - [Web前端开发大系概览-中文版]()

注意 转载须保留原文链接( ),译文链接,作者译者等信息。 作者:wangwen896 

1. 综合类
- [前端知识结构](https://github.com/JacksonTian/fks)
- [Web前端开发大系概览](https://github.com/unruledboy/WebFrontEndStack)
- [Web前端开发大系概览-中文版]()
- [Web Front-end Stack v2.2](https://raw.githubusercontent.com/unruledboy/WebFrontEndStack/master/Web Front End Stack.png)
- [免费的编程中文书籍索引](https://github.com/justjavac/free-programming-books-zh_CN)
- [前端书籍](https://github.com/dypsilon/frontend-dev-bookmarks)
- [前端知识体系]()
- [免费的编程中文书籍索引](https://github.com/justjavac/free-programming-books-zh_CN)
- [智能社 - 精通JavaScript开发]()
- [重新介绍 JavaScript(JS 教程)]()
- [麻省理工学院公开课:计算机科学及编程导论]()
- [JavaScript中的this陷阱的最全收集--没有之一]()
- [JS函数式编程指南]()
- [JavaScript Promise迷你书(中文版)]()
- [腾讯移动Web前端知识库](https://github.com/AlloyTeam/Mars)
- [Front-End-Develop-Guide 前端开发指南](https://github.com/w3crange/Front-End-Develop-Guide)
- [前端开发笔记本](https://li-xinyang.gitbooks.io/frontend-notebook/content/)
- [大前端工具集 - 聂微东](https://github.com/nieweidong/fetool)
- [前端开发者手册](https://dwqs.gitbooks.io/frontenddevhandbook/content/)

2. 入门类

- [前端入门教程]()
- [瘳雪峰的Javascript教程]()
- [jQuery基础教程]()
- [前端工程师必备的PS技能——切图篇]()

3. 效果类

- [弹出层]()
- [焦点图轮播特效]()

4. 工具类

- [css sprite 雪碧图制作]()
- [版本控制入门 – 搬进 Github]()
- [Grunt-beginner前端自动化工具]()

5. 慕课专题

- [张鑫旭 - 慕课系列]()
- [lyn - 慕课系列]()
- [艾伦 - 慕课系列]()
- [碧仔 - Hello,移动WEB]()

6. 周报类

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

###六. API:

####1. 总目录

1. 开发中心

- [mozilla js参考]()
- [chrome开发中心(chrome的内核已转向blink)]()
- [safari开发中心](https://developer.apple.com/library/safari/navigation)
- [microsoft js参考]((v=vs.94).aspx)
- [js秘密花园]()
- [js秘密花园]()
- [w3help]() 综合Bug集合网站

2. 综合搜索

- [javascripting]()
- [各种流行库搜索]()

3. 综合API

- [runoob.com-包含各种API集合]()
- [开源中国在线API文档合集]()
- [devdocs]() 英文综合API网站

####2. jQuery

* [jQuery API 中文文档]()
* [hemin 在线版]()
* [css88 jq api]()
* [css88 jqui api]()
* [学习jquery]()
* [jquery 源码查找]()

####3. 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翻译后预览]()
- [阮一峰 es6]()
- [阮一峰 Javascript]()
- [ECMA-262,第 5 版]()
- [es5]()

####4. Js template

- [template-chooser]()
- [artTemplate](https://github.com/aui/artTemplate)
- [tomdjs](https://github.com/aui/tmodjs/blob/master/README.md)
- [淘宝模板juicer模板]()
- [Fxtpl v1.0 繁星前端模板引擎]()
- [laytpl]()
- [mozilla - nunjucks](https://github.com/mozilla/nunjucks)
- [Juicer](https://github.com/PaulGuo/Juicer)
- [dustjs]()
- [etpl]()

####5. 弹出层

- [artDialog 最新版](https://github.com/aui/artDialog)
- [artDialog 文档]()
- [google code 下载地址](https://code.google.com/p/artdialog/downloads/list)
- [贤心弹出层]()
- [响应式用户交互组件库](https://github.com/bh-lay/UI)
- [sweetalert-有css3动画弹出层]()

####6. CSS

- [CSS 语法参考]()
- [CSS3动画手册]()
- [腾讯css3动画制作工具]()
- [志爷css小工具集合]()
- [css3 js 移动大杂烩]()
- [bouncejs 触摸库]()
- [css3 按钮动画]()
- [animate.css]()
- [全局CSS的终结(狗带) [译]]()

####7. Angularjs

- [Angular.js 的一些学习资源](https://github.com/dolymood/AngularLearning)
- [angularjs中文社区]()
- [Angularjs源码学习]()
- [Angularjs源码学习](?c=AngularJS)
- [angular对bootstrap的封装]()
- [angularjs + nodejs]()
- [吕大豹 Angularjs]()
- [AngularJS 最佳实践]()
- [Angular的一些扩展指令]()
- [Angular数据绑定原理](https://github.com/Pasvaz/bindonce)
- [一些扩展Angular UI组件](https://github.com/angular-ui/)
- [Ember和AngularJS的性能测试]()
- [带你走近AngularJS - 基本功能介绍]()
- [Angularjs开发指南]()
- [Angularjs学习]()
- [不要带着jQuery的思维去学习AngularJS]()
- [angularjs 学习笔记](?tag=angularjs)
- [angularjs 开发指南]()
- [angularjs 英文资料](https://github.com/jmcunningham/AngularJS-Learning)
- [angular bootstrap]()
- [angular jq mobile](https://github.com/opitzconsulting/jquery-mobile-angular-adapter)
- [angular ui]()
- [整合jQuery Mobile+AngularJS经验谈]()
- [有jQuery背景,该如何用AngularJS编程思想]( )
- [AngularJS在线教程]()
- [angular学习笔记]()

####8. React
- [react.js 中文论坛]()
- [react.js 官方网址](https://facebook.github.io/react/index.html)
- [react.js 官方文档](https://facebook.github.io/react/docs/getting-started.html)
- [react.js material UI]()
- [react.js TouchstoneJS UI]()
- [react.js amazeui UI]()
- [React 入门实例教程 - 阮一峰]()
- [React Native 中文版]()
- [Webpack 和 React 小书 - 前端乱炖]( 3053)
- [Webpack 和 React 小书 - gitbook](https://fakefish.github.io/react-webpack-cookbook/)
- [webpack](https://github.com/webpack/webpack)
- [Webpack,101入门体验]()
- [webpack入门教程]()
- [基于webpack搭建前端工程解决方案探索]()
- [React原创实战视频教程]()

####9. 移动端API

1. API 
- [99移动端知识集合](https://github.com/jtyjty99999/mobileTech)
- [移动端前端开发知识库](https://github.com/AlloyTeam/Mars)
- [移动前端的一些坑和解决方法(外观表现)]()
- [【原】移动web资源整理]()
- [zepto 1.0 中文手册]()
- [zepto 1.0 中文手册]()
- [zepto 1.1.2]()
- [zepto 中文注释]()
- [jqmobile 手册]()
- [移动浏览器开发集合](https://github.com/maxzhang/maxzhang.github.com/issues)
- [移动开发大杂烩](https://github.com/hoosin/mobile-web-favorites)
- [微信webview中的一些问题](微信webview中的一些问题/)
2. 框架 
- [特色的HTML框架可以创建精美的iOS应用]()
- [淘宝SUI]()

####10. avalon

- [avalonjs]()
- [Avalon新一代UI库: OniUI]()
- [avalon.oniui-基于avalon的组件库](https://github.com/RubyLouvre/avalon.oniui)
- []()

####11. Requriejs

- [Javascript模块化编程(一):模块的写法 ]()
- [Javascript模块化编程(二):AMD规范]()
- [Javascript模块化编程(三):require.js的用法]()
- [RequireJS入门(一)]()
- [RequireJS入门(二)]()
- [RequireJS进阶(三)]()
- [requrie源码学习]( )
- [requrie 入门指南]()
- [requrieJS 学习笔记]( )
- [requriejs 其一 ]( )
- [require backbone结合]( )

####12. Seajs

- [seajs]()
- [seajs 中文手册]()

####13. Less,sass

- [sass]()
- [sass教程-sass中国]()
- [Sass 中文文档]()
- [less]()

####14. Markdown

- [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]() 一款轻量级的markdown编辑器
- [lepture-editor](https://github.com/lepture/editor)
- [markdown-editor](https://github.com/jbt/markdown-editor)

####15. D3

- [d3 Tutorials](https://github.com/mbostock/d3/wiki/Tutorials)
- [Gallery](https://github.com/mbostock/d3/wiki/Gallery)
- [lofter]()
- [iteye]()
- [ruanyifeng](library/d3.html)

####16. 兼容性

- [esma 兼容列表]()
- [W3C CSS验证服务]()
- [caniuse]( )
- [csscreator]()
- [microsoft]((v=vs.85).aspx)
- [在线测兼容-移动端]()
- [emulators](https://www.manymo.com/emulators)

####17. UI相关

- [bootcss]()
- [MetroUICSS]()
- [semantic]()
- [Buttons]()
- [kitecss]()
- [pintuer]()
- [amazeui]()
- [worldhello]()
- [linuxtoy]()
- [gitmagic](~blynn/gitmagic/intl/zh_cn/)
- [rogerdudler]()
- [gitref]()
- [book]()
- [gogojimmy]()

####18. HTTP

- [HTTP API 设计指南]()

####19. 其它API

- [javascript流行库汇总](javascriptoo)
- [验证api]()
- [underscore 中文手册]()
- [underscore源码分析]( 3031)
- [underscore源码分析-亚里士朱德的博客]()
- [underscrejs en api]()
- [lodash - underscore的代替品](https://lodash.com/)
- [ext4api]()
- [backbone 中文手册]()
- [qwrap手册]()
- [缓动函数]()
- [svg 中文参考]()
- [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]()
- [localStorage 库](https://github.com/machao/localStorage)

####20. 图表类

- [Highcharts 中文API]()
- [Highcharts 英文API]()
- [ECharts 百度的图表软件]( )
- [高德地图]()
- [开源的矢量图脚本框架]()
- [svg 地图]()

####21. vue

- [Vue]()
- [Vue 论坛]()
- [Vue 入门指南]()
- [Vue 的一些资源索引]()
- []()

####21. 正则

- [JS正则表达式元字符]()
- [正则表达式30分钟入门教程]()
- [MDN-正则表达式](/Guide/Regular_Expressions)
- [ruanyifeng - RegExp对象](stdlib/regexp.html)
- [小胡子哥 - 进阶正则表达式](?page=1)
- [is.js](https://github.com/Cedriking/is.js/blob/master/is.js)
- [正则在线测试]()
- []()

####22. ionic

- [ionic](https://github.com/ychow/ionic-guide)

####23. 其它

- [Mock.js 是一款模拟数据生成器]()

###七. 开发规范

1. 前端
- [通过分析github代码库总结出来的工程师代码书写习惯]()
- [HTML&CSS编码规范 by @mdo]()
- [团队合作的css命名规范-腾讯AlloyTeam前端团队]()
- [前端编码规范之js - by yuwenhui]()
- [前端编码规范之js - by 李靖]()
- [前端开发规范手册]()
- [Airbnb JavaScript 编码规范(简体中文版)]()
- [AMD与CMD规范的区别]()
- [AMD与CMD规范的区别]()
- [KISSY 源码规范]()
- [bt编码规范]()
- [规范加强版](https://github.com/Suxiaogang/Code_Guide)
- [前端代码规范 及 最佳实践]()
- [百度前端规范]()
- [百度前端规范]()
- [百度前端规范]()
- [ECMAScript6 编码规范--广发证券前端团队](https://github.com/gf-web/es6-coding-style/)
- [JavaScript 风格指南/编码规范(Airbnb公司版)]()
- [网易前端开发规范]()
- [css模块]()
- [前端规范资源列表](https://github.com/ecomfe/spec)

2. PHP

- [最流行的PHP 代码规范]()
- [最流行的PHP 代码规范](https://github.com/hfcorriez/fig-standards/blob/zh_CN/接受/PSR-2-coding-style-guide.md)

3. Android

- [【敏捷开发】Android团队开发规范]()
- [Android 开发规范与应用]()

###八. 其它收集

####1. 各大公司开源项目

- [Facebook Projects](https://code.facebook.com/projects/web/)
- [百度web前端研发部]()
- [百度EFE]()
- [百度github](https://github.com/fex-team/)
- [alloyteam]()
- [alloyteam-github]()
- [alloyteam-AlloyGameEngine](https://github.com/AlloyTeam/AlloyGameEngine)
- [AlloyDesigner]() 即时修改,即时保存,设计稿较正,其它开发辅助工具
- [H5交互页编辑器AEditor介绍]() H5动画交互页开发的工具介绍
- [AEditor]() H5动画交互页开发的工具
- [maka]()
- [值得订阅的weekly](https://github.com/fenbility/weekly-feed)
- [腾讯html5]()
- [奇舞团开源项目]()
- [Qunar UED]()

####2. Javascript

1. 常用 

- [ieBetter.js-让IE6-IE8拥有IE9+,Chrome等浏览器特性]()
- [模拟键盘]()
- [拼音](https://github.com/hotoo/pinyin)
- [中国个人身份证号验证](https://github.com/mc-zone/IDValidator)

2. 算法

- [数据结构与算法 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 算法与数据结构 精华集]()
- [面试常考算法题精讲]()
- []()

3. 移动端

- [fastclick](https://github.com/ftlabs/fastclick)
- [no-click-delay](https://github.com/mmastrac/jquery-noclickdelay)

4. JSON

- [模拟生成JSON数据]()
- [返回跨域JSONAPI]()

####3. Html5
- [HTML5 有哪些让你惊艳的 demo?]()

####4. CSS
- [browserhacks]()
- []()

####5. jQuery

1. 焦点图

- [myfocus](https://github.com/koen301/myfocus)
- [myfocus-官方演示站]()
- [SuperSlidev2.1 -- 大话主席]()
- [soChange]()

####6. Ext, EasyUI, J-UI 及其它各种UI方案

1. Ext

- [extjs](https://www.sencha.com/products/extjs/)
- [ext4英文api]()
- [ext4中文api]()
- []()

2. EasyUI

- [jquery easyui 未压缩源代码]()

3. J-UI

- [J-UI]()

4. Other

- [MUI-最接近原生APP体验的高性能前端框架]()
- [Amaze UI | 中国首个开源 HTML5 跨屏前端框架]()
- [淘宝 HTML5 前端框架]()
- [KISSY - 阿里前端JavaScript库]()
- [网易Nej - Nice Easy Javascript]()
- [Kendo UI MVVM Demo]()
- [Bootstrap]()
- [Smart UI]()
- [雅虎UI - CSS UI]()

####7. 页面 社会化 分享功能

- [百度分享]() pc端
- [JiaThis]() pc端
- [社会化分享组件]() 移动端
- [ShareSDK 轻松实现社会化功能]() 移动端
- [友盟分享]() 移动端

####8. 富文本编辑器

- [百度 ueditor]()
- [经典的ckeditor]()
- [经典的kindeditor]()
- [wysiwyg]()
- [一个有情怀的编辑器。Bach's Editor]()
- [tower用的编辑器](https://github.com/mycolorway/simditor)
- [summernote 编辑器](https://github.com/summernote/summernote)
- [html5编辑器]()
- [XEditor]()
- [wangEditor](https://github.com/wangfupeng1988/wangEditor )

####9. 日历

1. PC

- [经典my97]()
- [强大的独立日期选择器]()
- [fullcalendar]()
- [fullcalendar日历控件知识点集合 ]()
- [中文api]()
- [农历日历](https://github.com/zzyss86/LunarCalendar)
- [超酷的仿百度带节日日历老黄历控件]()
- [日期格式化]()
- [大牛日历控件](https://github.com/Johnqing/QPAYCalendar/)
- [我群某管理作品](https://github.com/Iamlars/dateMarker)
- [input按位替换-官网]()
- [input按位替换-github](https://github.com/digitalBush/jquery.maskedinput/tree/1.2.2)
- [bootstrap-daterangepicker](https://github.com/dangrossman/bootstrap-daterangepicker)
- [国外30个插件集合]()
- [JavaScript datepicker]()
- [Datepair.js]()
- [一个风格多样的日历](https://github.com/glad/glDatePicker)
- [弹出层式的全日历]()
- [jquery双日历]()

2. 移动

- [大气实用jQuery手机移动端日历日期选择插件](?c=content&a=show&id=115)
- [jQuery Mobile 移动开发中的日期插件Mobiscroll ](https://mobiscroll.com/)


3. Date library

- [Datejs](https://github.com/datejs/Datejs)
- [sugarjs]()

####10. 综合效果搜索平台

- [效果网]()
- [17素材]()
- [常用的JavaScript代码片段]()

####11. 前端工程化

1. 概述

- [前端工具大全]()
- [什么是前端工程化]()

2. Gulp 

- [Gulp官网]()
- [Gulp中文网]()
- [gulp资料收集](https://github.com/Platform-CUF/use-gulp)
- [Gulp:任务自动管理工具 - ruanyifeng](tool/gulp.html)
- [Gulp插件]()
- [Gulp不完全入门教程]()
- [为什么使用gulp?](https://github.com/hjzheng/CUF_meeting_knowledge_share/issues/33)
- [Gulp安装及配合组件构建前端开发一体化]()
- [Gulp 入门指南](https://github.com/nimojs/gulp-book)
- [Gulp 入门指南 - nimojs](https://github.com/nimojs/blog/issues/19)
- [Gulp入门教程](入门教程/)
- [Gulp in Action]()
- [Gulp开发教程(翻译)]()
- [前端构建工具gulpjs的使用介绍及技巧]()

3. Grunt

- [gruntjs]()
- [Grunt中文网]()

4. Fis

- [fis 官网]()
- [fis]()

####12. 轮播图

1. pc图轮

- [单屏轮播sochange]()
- [左右按钮多图切换]()
- [fullpage全屏轮播](https://github.com/alvarotrigo/fullPage.js/)

2. 移动端

- [无缝切换]()
- [滑屏效果]()
- [全屏fullpage](https://github.com/peunzhang/fullpage)
- [单个图片切换](https://github.com/qiqiboy/touchslider)
- [单个全屏切换](https://github.com/peunzhang/slip.js)
- [百度的切换库](?qq-pf-to=pcqq.group)
- [单个全屏切换](https://github.com/peunzhang/iSlider)
- [滑屏效果](https://github.com/saw/touch-interfaces)
- [旋转拖动设置]()
- [类似于swipe切换]()
- [支持多种形式的触摸滑动]()
- [滑屏效果](https://github.com/joker-ye/main/blob/master/wap/index.html)
- [大话主席pc移动图片轮换]()
- [滑屏效果](https://github.com/hahnzhu/parallax.js)
- [基于zepto的fullpage](https://github.com/yanhaijing/zepto.fullpage)
- [[WebApp]定宽网页设计下,固定宽度布局开发WebApp并实现多终端下WebApp布局自适应]()
- [判断微信客户端的那些坑]()
- [可以通过javascript直接调用原生分享的工具](https://github.com/JefferyWang/nativeShare.js)
- [JiaThis 分享到微信代码]()
- [聊聊移动端跨平台开发的各种技术]()
- [前端自动化测试]()
- [多种轮换图片]()
- [滑动侧边栏](https://mango.github.io/slideout/)

####13. 文件上传

- [百度上传组件]()
- [上传](https://blueimp.github.io/jQuery-File-Upload/)
- [flash 头像上传]()
- [图片上传预览]()
- [图片裁剪]()
- [图片裁剪-shearphoto]()
- [jQuery图片处理](?lang=0&os=0&sort=view&p=2)
- []()

####14. 模拟select

- [糖饼 select]()
- [flexselect](https://github.com/rmm5t/jquery-flexselect)
- [双select]()
- [select2]()
- []()

####15. 取色插件

- [类似 Photoshop 的界面取色插件]()
- [jquery color](https://github.com/jquery/jquery-color/)
- [取色插件集合]()
- [farbtastic 圆环+正方形](https://github.com/mattfarina/farbtastic)
- []()

####16. 城市联动

- [jquery.cityselect.js基于jQuery+JSON的省市或自定义联动效果](?p=360)
- []()

####17. 剪贴板

- [剪贴板](https://github.com/zeroclipboard/zeroclipboard)
- [clipboard 最新的剪切方案]()
- [不是Flash的剪贴板](https://github.com/zenorocha/clipboard.js)

####18. 简繁转换

- [简繁转换](https://github.com/BYVoid/OpenCC)

####19. 表格 Grid

- [facebook表格]()
- [类似于Excel编辑表格-handsontable]()
- [bootstrap-table插件]()
- [datatables](https://www.datatables.net/)

####20. 在线演示

- [js 在线编辑 - runjs]()
- [js 在线编辑 - jsbin]()
- [js 在线编辑 - codepen]()
- [js 在线编辑 - jsfiddle]()
- [java 在线编辑 - runjs]()
- [js 在线编辑 - hcharts]()
- [js 在线编辑 - jsdm]()
- [sql 在线编辑 - sqlfiddle]( 前端  前端脚本  前端学习    前端开发  前端社区  前端框架  前端知识体系 

 

 

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 开发资源总结 (持续整理中) - wangwen896

    开发资源总结 (持续整理中) - wangwen896

    2016-10-02 18:00

  • 《WePayUI组件设计的秘密》——2016年第一届前端体验大会分享 - 白树

    《WePayUI组件设计的秘密》——2016年第一届前端体验大会分享 - 白树

    2016-09-27 16:00

  • 超全的web开发工具和资源 - wangwen896

    超全的web开发工具和资源 - wangwen896

    2016-09-26 12:00

  • web前端--边框的特征 - 喵希尔伯特

    web前端--边框的特征 - 喵希尔伯特

    2016-09-24 12:00

网友点评