好全的前端只是体系(前端架构师来找找有木有你想要的) 三

原文链接：https://blog.csdn.net/fair_feng/article/details/72865140

好全的前端只是体系(前端架构师来找找有木有你想要的) 一

好全的前端只是体系(前端架构师来找找有木有你想要的) 二

好全的前端只是体系(前端架构师来找找有木有你想要的) 三

好全的前端只是体系(前端架构师来找找有木有你想要的) 四

好全的前端只是体系(前端架构师来找找有木有你想要的) 五

好全的前端只是体系(前端架构师来找找有木有你想要的) 六

各大公司开源项目

各大公司开源项目	地址
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
【敏捷开发】Android团队开发规范	http://www.cnblogs.com/lcw/p/3619181.html
Android 开发规范与应用	http://www.jianshu.com/p/4390f4fe19b3
ionic	https://github.com/ychow/ionic-guide

JSON

JSON	地址
模拟生成JSON数据	http://beta.json-generator.com
返回跨域JSONAPI	http://jsonp.afeld.me

焦点图

焦点图	地址
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方案

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
jquery easyui 未压缩源代码	http://jquery-easyui.googlecode.com/svn/trunk/src
J-UI	http://jui.org
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
Quilljs编辑器	http://quilljs.com
XEditor	http://lab.hustlzp.com/XEditor
wangEditor	https://github.com/wangfupeng1988/wangEditor

前端概述

前端概述	地址
前端工具大全	http://www.awesomes.cn
什么是前端工程化	https://github.com/fouber/blog/issues/10?from=timeline&isappinstalled=0#
[译] 前端攻略-从路人甲到英雄无敌	https://segmentfault.com/a/1190000005174755

Gulp

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探究折腾之路(I)	http://www.jeffjade.com/2015/11/25/2015-11-25-toss-gulp/
Gulp折腾之路(II)	http://www.jeffjade.com/2016/01/19/2016-01-19-toss-gulp/
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 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

Grunt	地址
gruntjs	http://gruntjs.com
Grunt中文网	http://www.gruntjs.net

Fis

Fis	地址
fis 官网	http://fex-team.github.io/fis-site/index.html
fis	http://fis.baidu.com

pc图轮

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
滑动侧边栏	https://mango.github.io/slideout

文件上传

文件上传	地址
百度上传组件	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	地址
糖饼 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

表格 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

标签：www,github,http,io,前端,木有,https,架构师,com
来源： https://blog.csdn.net/qq_38652871/article/details/100631042