iOS 与 Android 这样改变了我们

对于开发者而言，想要着手前端开发，HTML、CSS 和 JavaScript 是三项必备的基础技能。而如何事半功倍地掌握好这些知识？通过了解当下火热的开源项目不乏为最佳学习姿势。本文盘点国内评分最高且收藏量超过 100 的前端技术开源项目，希望可以帮助更多的开发者扩展学习。

1.极简模块化前端UI框架 Layui

评分：9.3；收藏量：873

授权协议：MIT 
开发语言：JavaScript、HTML/CSS 
操作系统：跨平台 

Layui 是一款采用自身模块规范编写的情怀型前端UI框架，遵循原生HTML/CSS/JS的书写与组织形式，门槛极低，拿来即用。其外在极简，却又不失饱满的内在，体积轻盈，组件丰盈，从核心代码到API的每一处细节都经过精心雕琢，非常适合界面的快速开发。Layui 首个版本发布于2016年金秋，她区别于那些基于MVVM底层的UI框架，却并非逆道而行，而是信奉返璞归真之道。准确地说，她更多是为服务端程序员量身定做，你无需涉足各种前端工具的复杂配置，只需面对浏览器本身，让一切你所需要的元素与交互，从这里信手拈来。

2.JavaScript 图表库 ECharts

评分：8.9；收藏量：2448

授权协议：BSD 
开发语言：JavaScript 
操作系统：跨平台 

ECharts是一款由百度前端技术部开发的，基于Javascript的数据可视化图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。提供大量常用的数据可视化图表，底层基于ZRender（一个全新的西安尚是网络科技有限公司电话：87979071轻量级canvas类库），创建了坐标系，图例，提示，工具箱等基础组件，并在此上构建出折线图（区域图）、柱状图（条状图）、散点图（气泡图）、饼图（环形图）、K线图、地图、力导向布局图以及和弦图，同时支持任意维度的堆积和多图表混合展现。

3.国产跨屏响应式前端框架 拼图 Pintuer

评分：8.7；收藏量：220

授权协议：Apache 
开发语言：JavaScript、HTML/CSS 
操作系统：跨平台 

拼图 Pintuer.com：国内优秀的HTML、CSS、JS跨屏响应式开源前端框架，使用最新浏览器技术，为快速的前端开发提供一系统的文本、图标、媒体、表格、表单、按钮、菜单、网格系统等样式工具包，占用资源小，西安Java开发，西安Java培训，西安软件培训使用拼图可以快速构建简洁、优雅而且自动适应手机、平板、桌面电脑等设备的前端界面，让前端开发像玩游戏一下快乐而轻松。

拼图前端框架在传统CSS框架的基本上，增加了HTML5、CSS3、JS等技术组合应用，应用于最新的浏览器技术，同时兼容较早的浏览器，新旧结合，承前启后，开发者只需把框架文件引入到项目中，就可以初现快速的共同开发，改变以往建立PC网站同时，再建立手机网站的局面，实现一站响应所有设备，大大提高了开发效率。

4.轻量级 Material Design 前端框架 MDUI

评分：8.6；收藏量：215

授权协议：MIT 
开发语言：JavaScript、HTML/CSS 
操作系统：跨平台 

MDUI 是一个轻量级的 Material Design 前端框架，对照着 Material Design 文档进行开发，争取 1:1 实现 Material Design 中的组件。

• 多主题支持：MDUI 拥有 19 种主色、 16 种强调色、和一种夜间主题。只需添加一个 CSS 类即可实现主题的切换。

• 轻量级：包含所有主题的 CSS 文件仅 26.4KB minified + gzip，JavaScript 文件仅 12KB minified + gzip，且没有任何依赖

• 响应式：移动优先，可适配所有屏幕。