八. 其它收集
最后更新于:2022-04-01 04:50:54
####1. 各大公司开源项目
- Facebook
- [Facebook Projects](https://code.facebook.com/projects/web/)
- 百度 Baidu
- [百度web前端研发部](http://fex.baidu.com/)
- [百度EFE](http://efe.baidu.com/)
- [百度github](https://github.com/fex-team/)
- 腾讯 qq
- [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动画交互页开发的工具
- [腾讯html5](http://cube.qq.com/)
- [腾讯开源项目](http://tencentopen.github.io)
- 奇舞团
- [奇舞团开源项目](http://75team.github.io/)
- 去哪儿
- [Qunar UED](http://ued.qunar.com/)
- 其它
- [maka](http://forum.maka.im/wordpress/)
- [值得订阅的weekly](https://github.com/fenbility/weekly-feed)
####2. Javascript
1. 常用
- [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)
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 算法与数据结构 精华集](https://github.com/lightningtgc/JavaScript-Algorithms)
- [面试常考算法题精讲](http://www.nowcoder.com/live/courses)
3. 移动端
- [fastclick](https://github.com/ftlabs/fastclick)
- [no-click-delay](https://github.com/mmastrac/jquery-noclickdelay)
4. JSON
- [模拟生成JSON数据](http://beta.json-generator.com/)
- [返回跨域JSONAPI](http://jsonp.afeld.me/)
####3. Html5
- [HTML5 有哪些让你惊艳的 demo?](http://www.zhihu.com/question/24398907)
- [html5 Canvas画图系列教程目录](http://jo2.org/html5-canvas-tutorial-list/)
####4. CSS
- [browserhacks](http://browserhacks.com/)
####5. jQuery
1. 焦点图
- [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)
####6. Ext, EasyUI, J-UI 及其它各种UI方案
1. Ext
- [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/)
2. EasyUI
- [jquery easyui 未压缩源代码](http://jquery-easyui.googlecode.com/svn/trunk/src/)
3. J-UI
- [J-UI](http://www.j-ui.com)
4. Other
- [MUI-最接近原生APP体验的高性能前端框架](http://dcloudio.github.io/mui/)
- [Amaze UI | 中国首个开源 HTML5 跨屏前端框架](http://amazeui.org/)
- [淘宝 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/)
####7. 页面 社会化 分享功能
- [百度分享](http://share.baidu.com/) pc端
- [JiaThis](http://jiathis.com/) pc端
- [社会化分享组件](http://developer.baidu.com/soc/share) 移动端
- [ShareSDK 轻松实现社会化功能](http://www.mob.com/#/index) 移动端
- [友盟分享](http://www.umeng.com/social) 移动端
- [addthis](http://www.addthis.com/) 国外社交分享
####8. 富文本编辑器
- [百度 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)
- [wangEditor-mobile--移动端编辑器](https://github.com/wangfupeng1988/wangEditor-mobile)
- [Trumbowyg - 轻量编辑器](http://alex-d.github.io/Trumbowyg/)
- [国外的一款编辑器 - tinymce](https://www.tinymce.com)
####9. 日历
1. PC
- [经典my97](http://www.my97.net/dp/demo/index.htm)
- [强大的独立日期选择器](http://www.cnblogs.com/gbin1/archive/2012/04/16/2452105.html)
- [fullcalendar](http://arshaw.com/fullcalendar/)
- [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/)
- [bootstrap-datetimepicker/](http://www.bootcss.com/p/bootstrap-datetimepicker/)
- [贤心-laydate](http://laydate.layui.com/)
- [Pikaday-微型日历](http://dbushell.github.io/Pikaday/)
- [AngularJS datepicker directives](https://github.com/g00fy-/angular-datepicker)
2. 移动
- [大气实用jQuery手机移动端日历日期选择插件](http://www.frankdemo.cn/index.php?c=content&a=show&id=115)
- [jQuery Mobile 移动开发中的日期插件Mobiscroll ](https://mobiscroll.com/)
3. Date library
- [Datejs](https://github.com/datejs/Datejs)
- [sugarjs](http://sugarjs.com/api/Date)
####10. 综合效果搜索平台
- [效果网](http://www.jq22.com)
- [17素材](http://www.17sucai.com/)
- [常用的JavaScript代码片段](http://microjs.com/)
####11. 前端工程化
1. 概述
- [前端工具大全](http://www.awesomes.cn/)
- [什么是前端工程化](https://github.com/fouber/blog/issues/10?from=timeline&isappinstalled=0#)
2. 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)
3. Grunt
- [gruntjs](http://gruntjs.com/)
- [Grunt中文网](http://www.gruntjs.net/)
4. Fis
- [fis 官网](http://fex-team.github.io/fis-site/index.html)
- [fis](http://fis.baidu.com/)
5. webpack
- [webpack](https://github.com/webpack/webpack)
- [Webpack 中文指南](https://zhaoda.gitbooks.io/webpack/content/index.html)
- [Webpack,101入门体验](http://html-js.com/article/3009)
- [webpack入门教程](http://html-js.com/article/3113)
- [基于webpack搭建前端工程解决方案探索](http://segmentfault.com/a/1190000003499526)
- [Webpack傻瓜式指南(一)](http://zhuanlan.zhihu.com/FrontendMagazine/20367175)
- [Webpack指南](https://github.com/TJZC/Banyan/wiki/Webpack%E6%8C%87%E5%8D%97)
- [webpack指南](http://webpack.toobug.net/zh-cn/index.html)
####12. 轮播图
1. 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/)
2. 移动端
- [无缝切换](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/)
- [滑动侧边栏](https://mango.github.io/slideout/)
####13. 文件上传
- [百度上传组件](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)
- [文件上传](http://fineuploader.com/)
####14. 模拟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/)
####15. 取色插件
- [类似 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)
####16. 城市联动
- [jquery.cityselect.js基于jQuery+JSON的省市或自定义联动效果](http://www.ijquery.cn/?p=360)
####17. 剪贴板
- [剪贴板](https://github.com/zeroclipboard/zeroclipboard)
- [clipboard 最新的剪切方案](http://zenorocha.github.io/clipboard.js/)
####18. 简繁转换
- [简繁转换](https://github.com/BYVoid/OpenCC)
####19. 表格 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/)
- [不错的Grid](http://w2ui.com/web/demo/grid)
####20. 在线演示
- [js 在线编辑 - runjs](http://runjs.cn/)
- [js 在线编辑 - jsbin](http://jsbin.com/)
- [js 在线编辑 - codepen](http://codepen.io/)
- [js 在线编辑 - jsfiddle](http://jsfiddle.net/)
- [java 在线编辑 - ideone](http://ideone.com/)
- [js 在线编辑 - hcharts](http://code.hcharts.cn/)
- [js 在线编辑 - jsdm](http://jsdm.com/)
- [sql 在线编辑 - sqlfiddle](http://sqlfiddle.com/)
- [mozilla 在线编辑器](https://thimble.mozilla.org)
####21. 播放器
- [Html5 VideoPlayer](https://github.com/zmmbreeze/DeadSimpleVideoPlayer)
####22. 粒子动画
- [Proton 烟花](http://a-jie.github.io/Proton/#example)
####23. 表单验证
- [Validform](https://github.com/haiercdboy/Validform/blob/master/README.md)
- [formvalidator](http://formvalidator.net/)
- [jQuery formValidator](http://www.cnblogs.com/wzmaodong/archive/2012/10/15/2724005.html)
- [表单验证完美解决方案](http://validform.rjboy.cn/)
####24. 表单美化
- [美化checkbox](http://icheck.fronteed.com/)