整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          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的開源實現??梢杂脕韺崿F團隊內部的協作溝通,你可以吧 LibreBoard看成是 Trello的開源版本。LibreBoard為 Sandstorm平臺提供了一鍵安裝以及一個經過驗證的 Docker映像。

          注:以上評分、收藏量等數據均來自開源中國。

          --------熱聞回顧 --------

          微博遭鹿晗戀情暴擊癱瘓,如何快速提高系統性能?

          TIOBE 10月編程語言排行榜:Swift正過時?

          GitHub的 12個實用技巧,你 get了幾個?

          這篇文章分享之后我還是要推薦下我自己的前端學習群:527535103 ,不管你是小白還是大牛,小編我都挺歡迎,不定期分享干貨,包括我自己整理的一份2017最新前端資料和零基礎入門教程,歡迎初學和進階中的小伙伴


          主站蜘蛛池模板: 一区二区三区美女视频| 亚洲变态另类一区二区三区| 中文国产成人精品久久一区| 日韩十八禁一区二区久久| 国产成人高清亚洲一区91| 一区二区三区在线观看中文字幕 | 亚洲欧美日韩一区二区三区| 日韩成人无码一区二区三区| 国产av夜夜欢一区二区三区| 韩国福利一区二区三区高清视频 | 亚洲一区综合在线播放| 国产精品视频一区二区三区| 国产无吗一区二区三区在线欢| 久久一区二区免费播放| 久久婷婷色一区二区三区| 欧美日韩精品一区二区在线视频 | 免费无码一区二区| 国产成人无码一区二区三区在线 | 午夜一区二区在线观看| 国产成人无码精品一区在线观看| 综合久久久久久中文字幕亚洲国产国产综合一区首| 成人国产一区二区三区| 亚洲精品伦理熟女国产一区二区 | 久久精品亚洲一区二区| 成人免费视频一区二区三区 | 亚洲天堂一区二区三区四区| 精品免费国产一区二区三区| 不卡无码人妻一区三区音频| 精品人妻系列无码一区二区三区 | 国产免费伦精品一区二区三区| 日韩精品无码一区二区三区不卡| 日本福利一区二区| 无码国产伦一区二区三区视频| 日本韩国一区二区三区| 日韩亚洲AV无码一区二区不卡| 国产丝袜无码一区二区视频| 亚洲av乱码一区二区三区香蕉| 亚洲爽爽一区二区三区| 国产在线视频一区二区三区 | 国产精品无码一区二区三区不卡| 精品人体无码一区二区三区|