开源项目学习推荐

推荐指数:★Star 这个值是不断变化的,基本推荐的都是极好的项目。

HTML5/移动端
ionic https://github.com/driftyco/ionic 推荐指数:★Star47.6K

推荐语:先进的HTML5 移动端开发框架。帮助开发者使用HTML5, CSS3和js做出不可思议的hybrid app。

BrowserQuest https://github.com/mozilla/BrowserQuest 推荐指数:★Star8.9K

推荐语:Mozilla开发的HTML5多人在线游戏。

video.js https://github.com/videojs/video.js 推荐指数:★Star33.5K

推荐语:开源的HTML5和Flash视频播放器。支持自定义进度条、按钮以及工具栏的底色。

Swiper https://github.com/thebird/swipe 推荐指数:★Star6.8K

推荐语:加速移动触摸滑块与硬件之间的转换。

hammer.js https://github.com/hammerjs/hammer.js 推荐指数:★Star23.1K

推荐语:一个支持多点触摸的手势库。

amazeui https://github.com/allmobilize/amazeui 推荐指数:★Star13.5K

推荐语:移动优先的跨屏前端框架。面向HTML5开发,使用css3做动画和交互。

AlloyTeam/Mars https://github.com/AlloyTeam/Mars 推荐指数:★Star9.4K

推荐语:腾讯AlloyTeam出品的面向亿万用户级的移动端Web解决方案,你值得拥有!

CSS/动画
normalize.css https://github.com/necolas/normalize.css 推荐指数:★Star47.9K

推荐语:一个可定制的 CSS 文件,使浏览器呈现的所有元素,更一致和符合现代标准。支持IE8+。

animate.css https://github.com/daneden/animate.css 推荐指数:★Star74.9K

推荐语:一个跨浏览器的CSS动画库。简单易用易上手。

impress.js https://github.com/bartaz/impress.js 推荐指数:★Star36.7K

推荐语:创建令人兴奋的演示。使用CSS3的转换和过渡,这个库允许你创建令人印象深刻的演示文稿。

pure.css https://github.com/yahoo/pure/ 推荐指数:★Star22.4K

推荐语:一组很小的,响应式的css组件,你可以在网页的项目上到处使用。

reveal.js https://github.com/hakimel/reveal.js 推荐指数:★Star60.1K

推荐语:基于CSS3的3D幻灯片工具。能够制作绚丽的演示文稿并生成HTML格式,将它发布到web上。

javaScript
javascript-style-guide https://github.com/airbnb/javascript 推荐指数:★Star124K

推荐语:Airbnb出品的JavaScript样式指南。

awesome-javascript https://github.com/sorrycc/awesome-javascript 推荐指数:★Star28K

推荐语:很棒的浏览器端JavaScript库,资源和闪亮的东西的集合。

mocha https://github.com/mochajs/mocha 推荐指数:★Star21.5K

推荐语:一个简单、灵活有趣的 JavaScript 测试框架,用于 Node.js 和浏览器上的 JavaScript 应用测试。

async https://github.com/caolan/async 推荐指数:★Star27.6K

推荐语:一个工具模块,提供了直接而强大的 JavaScript 异步功能。虽然是为 Node.js 设计的,但是它也可以直接在浏览器中使用。

move.js https://github.com/visionmedia/move.js 推荐指数:★Star4.5K

推荐语:极小的 JavaScript 库,支持 CSS3 的动画效果,非常简单优雅。

bounce.js https://github.com/tictail/bounce.js 推荐指数:★Star6K

推荐语:一个用于制作漂亮的 CSS3 关键帧动画的 JavaScript库,使用其特有的方式生成的动画效果。

meteor https://github.com/meteor/meteor 推荐指数:★Star41.5K

推荐语:一个超简单的纯javascript web框架。用于自动化和简化实时运行的 Web 应用程序的开发。可直接在浏览器或者云平台中运行。

Bootstrap
AdminLTE https://github.com/ColorlibHQ/AdminLTE 推荐指数:★Star32.5K

推荐语:AdminLTE是一个完全响应的管理模板。基于Bootstrap 4框架。高度可定制且易于使用。适合从小型移动设备到大型台式机的多种屏幕分辨率。

gentelella https://github.com/ColorlibHQ/gentelella 推荐指数:★Star18.5K

推荐语:一个基于 Bootstarp 的免费的后台控制面板。

tabler https://github.com/tabler/tabler 推荐指数:★Star26.1K

推荐语:构建在 BootStrap 4 之上的免费的 HTML 控制面板框架。

material-dashboard https://github.com/creativetimofficial/material-dashboard 推荐指数:★Star8.7K

推荐语:基于 Bootstrap 4 和 Material 风格的控制面板。

Vue.js
vue-element-admin https://panjiachen.github.io/vue-element-admin-site/zh/ 推荐指数:★Star76.8K

推荐语:vue-element-admin 是一个后台前端解决方案,它基于vue和 element-ui 实现。

d2-admin https://github.com/d2-projects/d2-admin 推荐指数:★Star7.7K

推荐语:D2Admin是一个完全开源且免费的企业后端产品前端集成解决方案,它使用最新的前端技术堆栈,本地第一个屏幕的javascript文件加载小于60kb,已经准备了大多数项目准备工作,并且具有许多示例代码可帮助管理系统敏捷开发。。

iView https://github.com/iview/iview-admin 推荐指数:★Star16.1K

推荐语:基于 iView 的 Vue 2.0 管理系统模板。

vue2-elm https://github.com/bailicangdu/vue2-elm 推荐指数:★Star31.2K

推荐语:基于 vue2 + vuex 构建饿了么APP-vue2-elm。

vue2-manage https://github.com/bailicangdu/vue2-manage 推荐指数:★Star8.4K

推荐语:基于 vue + element-ui 的后台管理系统-vue2-manage。

vue-manage-system https://github.com/lin-xin/vue-manage-system 推荐指数:★Star8.5K

推荐语:基于Vue.js + Element UI 的后台管理系统解决方案。

WebApp-vue-music-webapp https://github.com/CaiJinyc/vue-music-webapp 推荐指数:★Star1.9K

推荐语:基于 Vue全家桶等开发一款移动端音乐 。

litemall https://github.com/linlinjava/litemall 推荐指数:★Star10.4K

推荐语:Spring Boot 后端 + Vue 管理员前端 + 微信小程序用户前端 + Vue 用户移动端。

NeteaseCloudWebApp https://github.com/javaSwing/NeteaseCloudWebApp 推荐指数:★Star2.3K

推荐语:高仿网易云音乐的 webapp,只实现了 APP 的核心功能。

blog-vue-typescript https://github.com/biaochenxuying/blog-vue-typescript 推荐指数:★Star524

推荐语:Vue + TypeScript + Element-Ui 支持 markdown 渲染的博客前台展示。

开源大牛
Evan You https://github.com/yyx990803 推荐指数:★Star53.3K

推荐语:前端轻量级框架MVVM框架vue.js作者,前Google工程师。

TJ Holowaychuk https://github.com/tj 推荐指数:★Star41.6K

推荐语:Koa、Co、Express、jade、mocha、node-canvas、commander.js 等知名开源项目的创建和贡献者。

PaulIrish https://github.com/paulirish 推荐指数:★Star28.4K

推荐语:著名的前端开发工程师,同时他也是Chrome开发者关系团队成员,jQuery团队成员,Modernizr、Yeoman、CSS3 Please和HTML5 Boilerplate的lead developer。

Mike Bostock https://github.com/mbostock 推荐指数:★Star20K

推荐语:知名可视化库 D3.js的主要作者。

Nicolas Gallagher https://github.com/necolas 推荐指数:★Star37.1K

推荐语:Normalize.css 作者。

司徒正美 https://github.com/RubyLouvre 推荐指数:★Star12K

推荐语:前端迷你MVVM框架Avalon作者。

优秀前端团队
1.淘宝前端团队(FED)

网址:http://taobaofed.org/

阿里巴巴淘宝前端团队网站,一群崇尚极客精神的人正在用技术为体验提供无限可能。在这里,可以涉及“无线”、“全栈”、“工程”、“安全”、“架构”等多方面的技术。

2.FEX 百度前端研发部

网址:http://fex.baidu.com/

FEX 是百度「Web 前端研发部」的内部名称,其中 FE 是 Front End 的缩写,X 代表我们不仅关注前端技术,还更重视全端及全栈的能力。

github地址:https://github.com/fex-team

  1. Alloy Team 腾讯Web前端团队

网址:http://www.alloyteam.com/

github地址:https://github.com/AlloyTeam

腾讯Web前端团队 – Alloy Team,源于2008年成立的腾讯WebQQ团队,致力于Web前端技术的研究,热衷HTML5、移动Web技术,用最酷的新技术开发各种有趣的开源项目。

4.奇舞团

网址:https://75team.com/

360奇舞团(奇虎75Team)是 奇虎360公司Web平台部前端工程师 + 部分特约嘉宾 组成的一个前端团队。这里产出很多的开源项目和产品,如 ThinkJS 一款Node.js MVC框架,众成翻译—一款友好的翻译平台等。

5.凹凸实验室

网址:https://aotu.io/

凹凸实验室(Aotu.io,英文简称O2) 始建于2015年10月,是一个年轻基情的技术团队。

O2面向多终端技术体系,致力于构建沉淀与分享包括但不限于交互、页面制作技巧、前端开发、原生APP开发等方面的专业知识及案例。

6.YMFE 去哪儿大前端技术中心

网址: https://ymfe.org/

去哪儿网大前端技术中心(YMFE)是由 FE,iOS 和 Android 工程师共同组成的,去哪儿最具想象力、创造力和影响力的大前端团队,致力于为业务开发提供一体化的移动开发解决方案,努力提升各个产品线在移动端的开发效率及使用体验。

7.JDC 京东设计中心

网址:http://jdc.jd.com/

京东的用户体验设计团队,分享内容涵盖UR用户研究、ID交互设计、VD视觉设计、FD前端开发

8.饿了么前端

网址:https://fe.ele.me

饿了么前端的网址重定向到了饿了么前端在知乎上的专栏 https://zhuanlan.zhihu.com/ElemeFE,他们在 github 上也开源了很多好东西。

9.携程UED

网址:http://ued.ctrip.com/

携程UED团队在体现携程产品设计全局观的基础上建立细致的产品设计规范,通过用户研究,推动设计改进,以优化交互、视觉及产品体验。

10.美团前端

网址:https://tech.meituan.com/

美团前端团队近年来快速发展,由原来的前端团队转变成涵盖Web、iOS和Android 而组成美团大前端。

此处评论已关闭