整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

CSS 星星评分器效果 #web前端

天给大家带来的是一个评分的效果,大家可以看我把它放大一下,当然简单。

·首先在vivo水土容器里面放了五颗星,刚好只有五颗。我用的开发工具是hb的x开发uni up的,主要要看css样式部分。大家可以看到vivo这里是听特别简单。

·下面就是css部分,首先方式是背景颜色,这大家应该都知道。整体的效果的移动,为了方便我就把它给放到了中间位置给移一下。这句话也不对框就是单选,大家可以看到每颗星都是一个输入框,有一样式的。

·然后进行隐藏当做单选,进行了向右的对齐,默认的颜色,这也包括这个都有。

·还有一个就是讲过了,下面就是buffer尾颜色。

·最后就进行了鼠标悬浮移动,进行颜色的改变,过渡的效果。

其实就几个,大家可以看一下就很少,但是很多地方都可以用到文章的评分、打新之类的,感兴趣的可以动手自己去写一下。

喜欢的可以转发点赞收藏一下,想要不想写,想要元代码的可以找我唠嗑进行获取就行,因为今天先讲到这里。

.中国国家工控系统行业漏洞:https://ics.cnvd.org.cn/

  • 相关请求:
    • 最新6条漏洞:https://ics.cnvd.org.cn/api/vulnerability/vulnerabilityInfos/getNew6
    • 高危漏洞:https://ics.cnvd.org.cn/api/vulnerability/vulnerabilityInfos?grade=3&pageSize=10&pageNo=1
    • 漏洞列表:https://ics.cnvd.org.cn/api/vulnerability/vulnerabilityInfos?pageSize=10&pageNo=1
    • 漏洞详情:https://ics.cnvd.org.cn/api/vulnerability/vulnerabilityInfos/3310641
  • 请求方式:
    • 通过HTTP请求调用模拟API请求
    • 请求头中带上 "X-Token":"eyJhbGciOiJIUzI1NiJ9.eyJpYXQiOjE2MTQ4NDY3MTksImp0aSI6IjVhMmMwYWMyLTAzNTYtNDQ5ZC04YWY0LTdjZGE2MjVlODg2OCJ9.rD6Ac10ITCO93e3yTFLfr-jviq-vAOnUl5cgG1nympo"
      "X-Token":"eyJhbGciOiJIUzI1NiJ9.eyJpYXQiOjE2MTQ4NDY3MTksImp0aSI6IjVhMmMwYWMyLTAzNTYtNDQ5ZC04YWY0LTdjZGE2MjVlODg2OCJ9.rD6Ac10ITCO93e3yTFLfr-jviq-vAOnUl5cgG1nympo"
  • 是否有脚本:
    • 详情页中可能提供了补丁链接,需要用户跳转到相应页面
  • 缺点:
    • 需要用户切换到相应的网站去查看具体的漏洞信息
  • 做法:
    • 类API调用+运维管理方式
  • 请求示例:
String test = api.getRemoteResult("https://ics.cnvd.org.cn/api/vulnerability/vulnerabilityInfos/getNew6")
RestTemplate restTemplate = getRestTemplate();
HttpHeaders headers = new HttpHeaders();
headers.set("X-Token","eyJhbGciOiJIUzI1NiJ9.eyJpYXQiOjE2MTQ4NDY3MTksImp0aSI6IjVhMmMwYWMyLTAzNTYtNDQ5ZC04YWY0LTdjZGE2MjVlODg2OCJ9.rD6Ac10ITCO93e3yTFLfr-jviq-vAOnUl5cgG1nympo");
HttpEntity entity = new HttpEntity(headers);
String result = restTemplate.exchange(url, HttpMethod.GET,entity,String.class).getBody();
  • 请求结果展示:
{ "status": 200, "msg": "ok", "data": { "page": { "records": [ { "id": 7012336, "vulNumber": "CNVD-2022-43199", "cveId": null, "title": "北京亚控科技发展有限公司kingView存在DLL劫持漏洞", "publicDate": "2022-06-05 02:30:11", "grade": 1, "description": "组态王(KingView)是北京亚控科技发展有限公司在国内率先推出的工业组态软件产品。\n\n北京亚控科技发展有限公司组态王KingView存在DLL劫持漏洞,攻击者可利用该漏洞加载恶意DLL文件进行命令执行。", "product": "[{\"name\":\"北京亚控科技发展有限公司 组态王(KingView) 7.5 SP4\"}]", "vulType": 0, "vulClass": 3, "cause": null, "thread": null, "position": null, "flawTypes": null, "integrityScore": null, "qualityScore": null, "refer": "", "solution": "厂商已发布了漏洞修复程序,请及时关注更新:\r\nhttp://www.kingview.com/news_info.php?num=1002152", "validation": "请确认产品名称和版本并提供下载链接。", "patchNumber": null, "patchTitle": "北京亚控科技发展有限公司kingView存在DLL劫持漏洞的补丁", "patchDescription": "组态王(KingView)是北京亚控科技发展有限公司在国内率先推出的工业组态软件产品。\r\n\r\n北京亚控科技发展有限公司组态王KingView存在DLL劫持漏洞,攻击者可利用该漏洞加载恶意DLL文件进行命令执行。目前,供应商发布了安全公告及相关补丁信息,修复了此漏洞。", "patchLink": "http://www.kingview.com/news_info.php?num=1002152", "patchFileName": "", "patchFiles": "", "recordDate": "2022-04-14 16:20:04", "foundDate": "2022-04-14 00:00:00", "archivedDate": "2022-06-04 16:24:07", "remark": null, "fileName": "关于北京亚控科技发展有限公司kingView存在DLL劫持漏洞的情况通报 .docx", "files": null, "count": 141, "createDate": 1649924404000, "createUser": 5, "updateDate": null, "updateUser": null, "isPetroleum": null, "industryType": null }, { "id": 4870331, "vulNumber": "CNVD-2021-83254", "cveId": "", "title": "KONE CONFIGURATION MANAGEMENT存在任意文件读取漏洞", "publicDate": "2022-03-05 00:00:00", "grade": 2, "description": "通力电梯是一家电梯公司,于1910年成立,总部位于芬兰,是一家拥有一百年历史的工业工程公司。\n\nKONE CONFIGURATION MANAGEMENT存在任意文件读取漏洞,攻击者可利用该漏洞获取敏感信息。", "product": "[{\"name\":\"\"}]", "vulType": 0, "vulClass": 3, "cause": "设计错误", "thread": "未授权的信息泄露", "position": "远程", "flawTypes": "任意文件读取", "integrityScore": 1.0, "qualityScore": 0.0, "refer": "", "solution": "目前厂商尚未提供相关漏洞补丁链接,请关注厂商主页及时更新:\r\nhttps://www.kone.cn/zh/", "validation": "厂商:通力电梯有限公司 产品:KONE CONFIGURATION MANAGEMENT(确认来源:案例网站) 版本:未找到明确版本信息 官网:https://www.kone.cn/zh/ 评分:远程攻击、攻击难度低、不需要用户认证,对机密性构成部分影响。", "patchNumber": "", "patchTitle": "", "patchDescription": "", "patchLink": "", "patchFileName": "", "patchFiles": "", "recordDate": "2021-10-21 14:37:50", "foundDate": "2021-10-21 00:00:00", "archivedDate": "2021-11-03 18:46:37", "remark": null, "fileName": "", "files": "", "count": 1685, "createDate": 1634798270000, "createUser": 5, "updateDate": null, "updateUser": null, "isPetroleum": null, "industryType": null }, { "id": 6140956, "vulNumber": "CNVD-2022-07017", "cveId": null, "title": "组态王存在文件删除漏洞", "publicDate": "2022-02-18 00:00:00", "grade": 1, "description": "组态王(KingView)是中国设备监控领域的旗舰品牌,具有功能齐全、简单、易学、易用等特点。\n\n组态王存在文件删除漏洞,攻击者可利用该漏洞删除任意文件。", "product": "[{\"name\":\"北京亚控科技发展有限公司 组态王 7.5 sp4\"}]", "vulType": 0, "vulClass": 3, "cause": null, "thread": null, "position": null, "flawTypes": null, "integrityScore": null, "qualityScore": null, "refer": "", "solution": "厂商已发布了漏洞修复程序,请及时关注更新:\r\nhttp://www.kingview.com/news_info.php?num=1002112", "validation": "厂商:北京亚控科技发展有限公司 产品:组态王 版本:7.5 sp4 网址:http://www.kingview.com/ 评分:本地攻击,攻击难度低,不需要用户认证,对完整性构成部分影响。(确认来源:官网)", "patchNumber": null, "patchTitle": "组态王存在文件删除漏洞的补丁", "patchDescription": "组态王(KingView)是中国设备监控领域的旗舰品牌,具有功能齐全、简单、易学、易用等特点。\r\n\r\n组态王存在文件删除漏洞,攻击者可利用该漏洞删除任意文件。目前,供应商发布了安全公告及相关补丁信息,修复了此漏洞。", "patchLink": "http://www.kingview.com/news_info.php?num=1002112", "patchFileName": "", "patchFiles": "", "recordDate": "2022-01-04 13:51:06", "foundDate": "2022-01-04 00:00:00", "archivedDate": "2022-01-26 17:48:46", "remark": null, "fileName": "关于组态王存在文件删除漏洞的情况通报.zip", "files": null, "count": 64, "createDate": 1641275466000, "createUser": 5, "updateDate": null, "updateUser": null, "isPetroleum": null, "industryType": null }, { "id": 4434326, "vulNumber": "CNVD-2021-70766", "cveId": "", "title": "傲拓科技股份有限公司CPU401-1101存在信息泄露漏洞", "publicDate": "2022-01-27 11:40:14", "grade": 1, "description": "傲拓科技股份有限公司(以下简称“傲拓科技”),公司致力于自主研发生产工控产品。具有完全自主知识产权的产品覆盖可编程控制器、人机界面、组态软件等,为各行业用户提供自动化产品的整体解决方案。\n\n傲拓科技股份有限公司CPU401-1101存在信息泄露漏洞,攻击者可利用漏洞获取敏感信息。", "product": "[{\"name\":\"\"}]", "vulType": 0, "vulClass": 3, "cause": "设计错误", "thread": "未授权的信息泄露", "position": "本地", "flawTypes": "工控设备", "integrityScore": 1.0, "qualityScore": 0.0, "refer": "", "solution": "厂商尚未提供漏洞修补方案,请关注厂商主页及时更新:\r\nhttp://www.nandaauto.com/", "validation": "厂商:傲拓科技股份有限公司 产品:CPU401-1101 版本:未知 网址:http://www.nandaauto.com/blank3311.html 评分:本地攻击、攻击难度低、不需要用户认证,对机密性构成部分影响。", "patchNumber": "", "patchTitle": "", "patchDescription": "", "patchLink": "", "patchFileName": "", "patchFiles": "", "recordDate": "2021-08-24 09:00:41", "foundDate": "2021-08-24 00:00:00", "archivedDate": "2021-09-14 11:40:14", "remark": null, "fileName": "", "files": "", "count": 1200, "createDate": 1629766841000, "createUser": 5, "updateDate": null, "updateUser": null, "isPetroleum": null, "industryType": null }, { "id": 4434336, "vulNumber": "CNVD-2021-70765", "cveId": "", "title": "南大傲拓胜利油田油井RTU调试软件存在硬编码漏洞", "publicDate": "2022-01-27 11:40:13", "grade": 1, "description": "傲拓科技股份有限公司(以下简称“傲拓科技”),公司致力于自主研发生产工控产品。具有完全自主知识产权的产品覆盖可编程控制器、人机界面、组态软件等,为各行业用户提供自动化产品的整体解决方案。\n\n南大傲拓胜利油田油井RTU调试软件存在硬编码漏洞,攻击者可利用漏洞通过二进制分析获取RTU设备的FTP用户名及密码。", "product": "[{\"name\":\"傲拓科技股份有限公司 南大傲拓胜利油田油井RTU调试软件 V1.0.0.17\"}]", "vulType": 0, "vulClass": 3, "cause": "设计错误", "thread": "未授权的信息泄露", "position": "本地", "flawTypes": "工控设备", "integrityScore": 1.0, "qualityScore": 0.0, "refer": "", "solution": "厂商尚未提供漏洞修补方案,请关注厂商主页及时更新:\r\nhttp://www.nandaauto.com", "validation": "厂商:傲拓科技股份有限公司 产品:南大傲拓胜利油田油井RTU调试软件 版本:V1.0.0.17 网址:http://www.nandaauto.com/blank3311.html 评分:本地攻击、攻击难度低、不需要用户认证,对可用性构成部分影响。", "patchNumber": "", "patchTitle": "", "patchDescription": "", "patchLink": "", "patchFileName": "", "patchFiles": "", "recordDate": "2021-08-24 09:04:13", "foundDate": "2021-08-24 00:00:00", "archivedDate": "2021-09-14 11:40:13", "remark": null, "fileName": "", "files": "", "count": 862, "createDate": 1629767053000, "createUser": 5, "updateDate": null, "updateUser": null, "isPetroleum": null, "industryType": null }, { "id": 4434571, "vulNumber": "CNVD-2021-70761", "cveId": "", "title": "南大傲拓胜利油田油井RTU调试软件存在拒绝服务漏洞", "publicDate": "2022-01-27 11:40:11", "grade": 2, "description": "傲拓科技股份有限公司(以下简称“傲拓科技”),公司致力于自主研发生产工控产品。具有完全自主知识产权的产品覆盖可编程控制器、人机界面、组态软件等,为各行业用户提供自动化产品的整体解决方案。\n\n南大傲拓胜利油田油井RTU调试软件存在拒绝服务漏洞,攻击者可利用该漏洞导致程序崩溃。", "product": "[{\"name\":\"\"}]", "vulType": 0, "vulClass": 3, "cause": "设计错误", "thread": "拒绝服务", "position": "其他", "flawTypes": "工控设备", "integrityScore": 1.0, "qualityScore": 0.0, "refer": "", "solution": "厂商尚未提供漏洞修补方案,请关注厂商主页及时更新:\r\nhttp://www.nandaauto.com", "validation": "厂商:傲拓科技股份有限公司 产品:南大傲拓胜利油田油井RTU调试软件 版本:未找到明确版本信息 网址:http://www.nandaauto.com/blank3311.html 评分:临近网络攻击、攻击难度低、不需要用户认证,对可用性构成完全影响。(该漏洞为硬件漏洞,只做了研判未做复现。)", "patchNumber": "", "patchTitle": "", "patchDescription": "", "patchLink": "", "patchFileName": "", "patchFiles": "", "recordDate": "2021-08-24 09:34:47", "foundDate": "2021-08-24 00:00:00", "archivedDate": "2021-09-14 11:40:11", "remark": null, "fileName": "", "files": "", "count": 813, "createDate": 1629768887000, "createUser": 5, "updateDate": null, "updateUser": null, "isPetroleum": null, "industryType": null } ], "total": 3110, "size": 6, "current": 1, "orders": [ ], "optimizeCountSql": true, "hitCount": false, "searchCount": true, "pages": 519 } } } 

2.国家安全信息漏洞库:http://www.cnnvd.org.cn/index.html

  • 相关请求:
    • 漏洞信息列表:http://www.cnnvd.org.cn/web/vulnerability/querylist.tag
    • 漏洞详情:http://www.cnnvd.org.cn/web/xxk/ldxqById.tag?CNNVD=CNNVD-202206-2078
    • 补丁信息:http://www.cnnvd.org.cn/web/xxk/bdxqById.tag?id=196887
  • 请求方式:
    • 通过URL爬取网页信息,进行HTML信息提取
  • 缺点:
    • 需要解析HTML
  • 抓取结果展示:
https://blog.csdn.net/M110K/article/details/112486241?spm=1001.2101.3001.6650.1&utm_medium=distribute.pc_relevant.none-task-blog-2~default~CTRLIST~default-1-112486241-blog-92904117.pc_relevant_aa&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2~default~CTRLIST~default-1-112486241-blog-92904117.pc_relevant_aa&utm_relevant_index=1

3. Seclists:https://seclists.org

  • 相关请求:
    • 漏洞列表:https://seclists.org/fulldisclosure/
    • 对应月漏洞列表:https://seclists.org/fulldisclosure/2022/Jan/
    • 漏洞详情:https://seclists.org/fulldisclosure/2022/Jan/0
  • 请求方式:
    • 通过URL爬取网页信息,进行HTML信息提取
  • 缺点:
    • 全英文
    • 漏洞详情页数据格式不固定,无法形成模板

4.美国国家漏洞库:https://nvd.nist.gov/

  • 获取方式: API
  • 请求路径:https://services.nvd.nist.gov/rest/json/cves/1.0/
  • 主要参数:startIndex : 开始索引,默认从0开始resultsPerPage: 分页条数,默认20,最大限制2000

享之前我还是要推荐下我自己的前端学习群:527535103,不管你是小白还是大牛,小编我都挺欢迎,不定期分享干货,包括我自己整理的一份2017最新的前端资料和零基础入门教程,送给大家,欢迎初学和进阶中的小伙伴

关键时刻,第一时间送达!

对于开发者而言,想要着手前端开发,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(一个全新的轻量级canvas类库),创建了坐标系,图例,提示,工具箱等基础组件,并在此上构建出折线图(区域图)、柱状图(条状图)、散点图(气泡图)、饼图(环形图)、K线图、地图、力导向布局图以及和弦图,同时支持任意维度的堆积和多图表混合展现。

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

评分:8.7;收藏量:220

授权协议:Apache

开发语言:JavaScript、HTML/CSS

操作系统:跨平台

源码地址:

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

拼图前端框架在传统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,且没有任何依赖

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

5.Win10风格的前端响应式 UI框架 Win10-UI

评分:8.5;收藏量:170

授权协议:SATA

开发语言:JavaScript、HTML/CSS

操作系统:跨平台

源码地址:

Win10-UI是一款win10风格的后台UI框架。它使用了丰富的win10桌面元素,包括桌面图标、窗口化子页面管理、开始菜单、动态小磁贴等组件,兼容主流现代浏览器及移动端的屏幕尺寸,适合快速开发后台管理系统的前端界面。

Win10-UI采用传统UI框架的渲染设计,无序记住繁复的js代码,只需要套用html结构就可以轻松渲染出桌面元素。同时也保留了主动调用的API,让高级开发者可以定义UI的细节。它并没有定义太多的“规则”,你完全可以用css、js扩充它的功能,把它打造成属于你的独一无二的后台UI。

6.Node终端界面库 blessed-contrib

评分:8.5;收藏量:125

授权协议:MIT

开发语言:JavaScript

操作系统:跨平台

源码地址:

blessed-contrib是使用 Node.js构建终端应用界面的库。

7.基于 React和 Redux的现代内容编辑器 ORY Editor

评分:8.3;收藏量:109

授权协议:AGPL

开发语言:JavaScript

操作系统:跨平台

源码地址:

ORY是一家构建和维护开发者工具的公司,ORY Editor是一个用于 Web的智能、可扩展和现代的编辑器(“WYSIWYG”),使用 React编写。如果你厌倦了 contenteditable的限制,这将是不错的选择。

ORY Editor可用于创建网站,与 Squarespace类似,不过它可以离线运行,通过它创建的网站会存储在设备上,还可以创建自己的设计和插件。

8.移动应用动画效果框架 Lottie

评分:8.3;收藏量:317

授权协议:Apache

开发语言:Java、Objective-C、JavaScript

操作系统:Android

源码地址:

  • Android :

  • iOS :

  • React Native :

Lottie是 Airbnb开发的一款能够为原生应用添加动画效果的开源工具。Lottie目前提供了 iOS、Android和 React Native版本,能够实时渲染 After Effects动画特效。

目前,Lottie支持路径修剪、蒙版、遮盖等操作。此外还有一个可选的缓存机制,对那些频繁使用的东西能够更快加载。这款应用的目标就是帮助开发者和动画师能够更轻松的为应用创建动画,从而在整体上提升互动因素。

9.主题优化包 JQuery EasyUI 1.5.x Of Insdep Theme

评分:8.3;收藏量:101

授权协议:GPL

开发语言:JavaScript

操作系统:跨平台

源码地址:

Insdep theme是基于EasyUI 1.5.x的一款免费的美化主题包,拥有百度编辑器、cropper、Highcharts、justgage、plupload等各类适应本主题的第三方插件美化补丁。并且各类常用Jquery插件正在美化中。后期会提供更多的主题、组件及第三方插件美化样式。

10.基于 Ueditor的现代化富文本编辑器 Neditor

评分:8.3;收藏量:503

源码地址:

百度前端团队做了许多努力,现在 Ueditor是公认最好用的中文富文本编辑器。但是随着时间的推移,大家感觉百度编辑器并不是那么漂亮。于是我们对 Ueditor进行修改,有了现在的 Neditor 。

11.基于 Vue.js的 UI组件库 iView

评分:8.3;收藏量:475

授权协议:MIT

开发语言:HTML/CSS

操作系统:跨平台

源码地址:

iView是一套基于 Vue.js的 UI组件库,主要服务于 PC界面的中后台产品。

特性

  • 高质量、功能丰富

  • 友好的 API ,自由灵活地使用空间

  • 使用单文件的 Vue组件化开发模式

  • 基于 npm + webpack + babel开发,支持 ES2015

12.基于 Vue 2.0的组件库 Element

评分:8.2;收藏量:609

授权协议:MIT

开发语言:JavaScript

操作系统:跨平台

源码地址:

Element,一套为开发者、设计师和产品经理准备的基于 Vue 2.0的组件库,提供了配套设计资源,帮助你的网站快速成型。由饿了么公司前端团队开源。

13.HTML5跨屏前端框架 Amaze UI

评分:8.1;收藏量:1213

源码地址:

Amaze UI采用国际最前沿的“组件式开发”以及“移动优先”的设计理念,基于其丰富的组件,开发者可通过简单拼装即可快速构建出HTML5网页应用,上线仅半年,Amaze UI就成为了国内最流行的前端框架,目前在Github上收获Star数近万,服务于全球50W开发者。

14.专为微信设计的 UI库 WeUI

评分:7.7;收藏量:2002

WeUI是由微信官方设计团队专为微信移动 Web应用设计的 UI库。

WeUI是一套同微信原生视觉体验一致的基础样式库,为微信 Web开发量身设计,可以令用户的使用感知更加统一。包含button、cell、dialog、toast、article、icon等各式元素。

15.仪表盘 WebApp模板 AdminLTE

评分:7.6;收藏量:136

源码地址:

AdminLTE是受欢迎的开源的管理仪表盘和控制面板的WebApp模板。它是基于Bootstrap 3的CSS框架,反应灵敏的HTML模板。利用所有Bootstrap的组件对大部分使用插件进行设计和调整风格,创建出可以用作后端应用程序的用户界面一致性设计。AdminLTE是基于模块化设计,很容易在其之上定制和重制。

16.web上线部署系统工具 Walle

评分:7.4;收藏量:359

授权协议:MIT

开发语言:PHP、HTML/CSS

操作系统:跨平台

Walle一个web部署系统工具,配置简单、功能完善、界面流畅、开箱即用!支持git、svn版本管理,支持各种web代码发布,PHP,Python,JAVA等代码的发布、回滚,可以通过web来一键完成。

17.网站管理后台模板 Charisma

评分:7.4;收藏量:1055

授权协议:Apache

开发语言:HTML/CSS

操作系统:跨平台

Charisma是基于 Twitter Bootstrap制作的响应式网站管理后台模板,包含9套漂亮的主题。

18.开源看板管理系统 LibreBoard

评分:7.4;收藏量:380

LibreBoard是一个卡片式的组织 Kanban的开源实现。可以用来实现团队内部的协作沟通,你可以吧 LibreBoard看成是 Trello的开源版本。LibreBoard为 Sandstorm平台提供了一键安装以及一个经过验证的 Docker映像。

注:以上评分、收藏量等数据均来自开源中国。

--------热闻回顾 --------

微博遭鹿晗恋情暴击瘫痪,如何快速提高系统性能?

TIOBE 10月编程语言排行榜:Swift正过时?

GitHub的 12个实用技巧,你 get了几个?

这篇文章分享之后我还是要推荐下我自己的前端学习群:527535103 ,不管你是小白还是大牛,小编我都挺欢迎,不定期分享干货,包括我自己整理的一份2017最新前端资料和零基础入门教程,欢迎初学和进阶中的小伙伴