论坛 › 香港 › 国内最火的 HTML、CSS、JavaScript 开源项目 Top 榜，你知多少？

4zhvml8 发表于 2024-6-29 16:07:34

国内最火的 HTML、CSS、JavaScript 开源项目 Top 榜，你知多少？

    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;">2019年大数据/Python/<span style="color: black;">设备</span>学习高校教师培训报名</span></strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><a style="color: black;"><span style="color: black;">课程地点和时间：武汉，4月12日－14日（4月12日报到）</span></a></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><a style="color: black;"><span style="color: black;">全国高校<span style="color: black;">设备</span>学习与实训课程高级研修班</span></a></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><a style="color: black;"><span style="color: black;">全国高校大数据技术与实训课程高级研修班</span></a></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><a style="color: black;"><span style="color: black;">全国高校Python数据分析与实训课程高级研修班</span></a></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;"><a style="color: black;">点击<span style="color: black;">这儿</span>，在线报名（查看<span style="color: black;">仔细</span>介绍）</a></span></strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">源自</span>：CSDN&nbsp;</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">针对</span><span style="color: black;">研发</span>者而言，想要着手前端<span style="color: black;">研发</span>，HTML、CSS 和 JavaScript 是三项<span style="color: black;">必须</span>的<span style="color: black;">基本</span>技能。而<span style="color: black;">怎样</span>事半功倍地<span style="color: black;">把握</span>好这些知识？<span style="color: black;">经过</span><span style="color: black;">认识</span>当下火热的开源项目不乏为最佳学习姿势。</span><span style="color: black;">本文盘点国内评分最高且<span style="color: black;">保藏</span>量超过 100 的前端技术开源项目，<span style="color: black;">期盼</span><span style="color: black;">能够</span><span style="color: black;">帮忙</span><span style="color: black;">更加多</span>的<span style="color: black;">研发</span>者扩展学习。</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><strong style="color: blue;"><span style="color: black;">1.极简模块化前端UI框架 Layui</span></strong></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;">评分：9.3；<span style="color: black;">保藏</span>量：873</span></strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">授权协议：MIT</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">研发</span>语言：JavaScript、HTML/CSS&nbsp;</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">操作系统：跨平台</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">源码<span style="color: black;">位置</span>：<span style="color: black;">https://gitee.com/sentsin/layui</span></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">Layui 是一款采用<span style="color: black;">自己</span>模块规范编写的情怀型前端UI框架，遵循原生HTML/CSS/JS的书写与组织形式，门槛极低，拿来即用。其外在极简，却又不失饱满的内在，体积轻盈，组件丰盈，从核心代码到API的每一处细节都经过精心雕琢，非常适合界面的快速<span style="color: black;">研发</span>。Layui 首个版本<span style="color: black;">颁布</span>于2016年金秋，她区别于<span style="color: black;">哪些</span>基于MVVM底层的UI框架，却并非逆道而行，而是信奉返璞归真之道。准确地说，她更<span style="color: black;">大都是</span>为服务端程序员量身定做，你<span style="color: black;">没</span>需涉足各种前端<span style="color: black;">工具</span>的<span style="color: black;">繁杂</span>配置，只需面对浏览器本身，让一切你所<span style="color: black;">必须</span>的元素与交互，从<span style="color: black;">这儿</span>信手拈来。</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="http://mmbiz.qpic.cn/mmbiz_png/dkwuWwLoRKicbZv41s3yh5icqDibvpCCGZ0deibP5p6MRwNHDUQYDVd5Cib1EYNrEjIbHZCqm1kSXYu8qvGE4kZ1Sxw/640?wx_fmt=png&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;"></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><strong style="color: blue;"><span style="color: black;">2.JavaScript 图表库 ECharts</span></strong></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;">评分：8.9；<span style="color: black;">保藏</span>量：2448</span></strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">授权协议：BSD</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">研发</span>语言：JavaScript&nbsp;</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">操作系统：跨平台</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">源码<span style="color: black;">位置</span>：<span style="color: black;">https://gitee.com/echarts/echarts</span></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">ECharts是一款由百度前端技术部<span style="color: black;">研发</span>的，基于Javascript的数据可视化图表库，<span style="color: black;">供给</span>直观，生动，可交互，可个性化定制的数据可视化图表。<span style="color: black;">供给</span><span style="color: black;">海量</span>常用的数据可视化图表，底层基于ZRender（一个全新的轻量级canvas类库），创建了坐标系，图例，提示，<span style="color: black;">工具</span>箱等<span style="color: black;">基本</span>组件，并<span style="color: black;">这里</span>上构建出折线图（区域图）、柱状图（条状图）、散点图（气泡图）、饼图（环形图）、K线图、地图、力导向布局图以及和弦图，<span style="color: black;">同期</span>支持任意维度的堆积和多图表混合展现。</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="http://mmbiz.qpic.cn/mmbiz_png/dkwuWwLoRKicbZv41s3yh5icqDibvpCCGZ0A8Dic4xAhYvCKQlM5G5vH0nPs4LykyuEBlWMfUdngsgSoVLibh4MyAHQ/640?wx_fmt=png&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;"></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><strong style="color: blue;"><span style="color: black;">3.国产跨屏响应式前端框架 拼图 Pintuer</span></strong></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;">评分：8.7；<span style="color: black;">保藏</span>量：220</span></strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">授权协议：Apache</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">研发</span>语言：JavaScript、HTML/CSS</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">操作系统：跨平台</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">源码<span style="color: black;">位置</span>：<span style="color: black;">https://gitee.com/pintuer/pintuer</span></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">拼图 Pintuer.com：国内优秀的HTML、CSS、JS跨屏响应式开源前端框架，<span style="color: black;">运用</span>最新浏览器技术，为快速的前端<span style="color: black;">研发</span><span style="color: black;">供给</span>一系统的文本、图标、<span style="color: black;">媒介</span>、表格、表单、按钮、菜单、网格系统等样式<span style="color: black;">工具</span>包，占用资源小，<span style="color: black;">运用</span>拼图<span style="color: black;">能够</span>快速构建简洁、优雅<span style="color: black;">况且</span>自动适应手机、平板、桌面电脑等设备的前端界面，让前端<span style="color: black;">研发</span>像玩游戏一下快乐而<span style="color: black;">容易</span>。</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">拼图前端框架在传统CSS框架的基本上，<span style="color: black;">增多</span>了HTML5、CSS3、JS等技术组合应用，应用于最新的浏览器技术，<span style="color: black;">同期</span>兼容较早的浏览器，新旧结合，承前启后，<span style="color: black;">研发</span>者只需把框架文件引入到项目中，就<span style="color: black;">能够</span>初现快速的<span style="color: black;">一起</span><span style="color: black;">研发</span>，改变以往<span style="color: black;">创立</span>PC网站<span style="color: black;">同期</span>，再<span style="color: black;">创立</span>手机网站的局面，实现一站响应所有设备，大大<span style="color: black;">加强</span>了<span style="color: black;">研发</span>效率。</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="http://mmbiz.qpic.cn/mmbiz_jpg/dkwuWwLoRKicfEp1iasdq46k6P0SHcXAXdOFUW7bTaYS3PD56HzWJvvl26TKMDaqFoIw4ibKh4GN17LsTlGymLdcw/640?wx_fmt=jpeg&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;"></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><strong style="color: blue;"><span style="color: black;">4.轻量级 Material Design 前端框架 MDUI</span></strong></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;">评分：8.6；<span style="color: black;">保藏</span>量：215</span></strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">授权协议：MIT</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">研发</span>语言：JavaScript、HTML/CSS</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">操作系统：跨平台</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">源码<span style="color: black;">位置</span>：<span style="color: black;">https://github.com/zdhxiong/mdui</span></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">MDUI 是一个轻量级的 Material Design 前端框架，对照着 Material Design 文档进行<span style="color: black;">研发</span>，争取 1:1 实现 Material Design 中的组件。</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">多主题支持：MDUI <span style="color: black;">持有</span> 19 种主色、 16 种强调色、和一种夜间主题。只需添加一个 CSS 类<span style="color: black;">就可</span>实现主题的切换。</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">轻量级：<span style="color: black;">包括</span>所有主题的 CSS 文件仅 26.4KB minified + gzip，JavaScript 文件仅 12KB minified + gzip，且<span style="color: black;">无</span>任何依赖</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">响应式：移动优先，可适配所有屏幕。</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><strong style="color: blue;"><span style="color: black;">5.Win10 风格的前端响应式 UI 框架 Win10-UI</span></strong></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;">评分：8.5；<span style="color: black;">保藏</span>量：170</span></strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">授权协议：SATA</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">研发</span>语言：JavaScript、HTML/CSS&nbsp;</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">操作系统：跨平台</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">源码<span style="color: black;">位置</span>：<span style="color: black;">https://github.com/yuri2peter/win10-ui</span></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">Win10-UI是一款win10风格的后台UI框架。它<span style="color: black;">运用</span>了丰富的win10桌面元素，<span style="color: black;">包含</span>桌面图标、窗口化子页面管理、<span style="color: black;">起始</span>菜单、动态小磁贴等组件，兼容主流现代浏览器及移动端的屏幕尺寸，适合快速<span style="color: black;">研发</span>后台管理系统的前端界面。</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">Win10-UI采用传统UI框架的渲染设计，<span style="color: black;">没</span>序记住繁复的js代码，只<span style="color: black;">必须</span>套用html结构就<span style="color: black;">能够</span><span style="color: black;">容易</span>渲染出桌面元素。<span style="color: black;">同期</span><span style="color: black;">亦</span><span style="color: black;">保存</span>了主动调用的API，让高级<span style="color: black;">研发</span>者<span style="color: black;">能够</span>定义UI的细节。它并<span style="color: black;">无</span>定义太多的“规则”，你完全<span style="color: black;">能够</span>用css、js扩充它的功能，把它打<span style="color: black;">导致</span>属于你的独一<span style="color: black;">没</span>二的后台UI。</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><img src="https://mmbiz.qpic.cn/mmbiz_gif/dkwuWwLoRKicbZv41s3yh5icqDibvpCCGZ0QJwKJy3ZnGbzicqBiaO2Se2npcypz9F0ibMp5KaUE04mkBYDafHSWwkpA/640?wx_fmt=gif&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1" style="width: 50%; margin-bottom: 20px;"></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><strong style="color: blue;"><span style="color: black;">6.Node 终端界面库 blessed-contrib</span></strong></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;">评分：8.5；<span style="color: black;">保藏</span>量：125</span></strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">授权协议：MIT</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">研发</span>语言：JavaScript</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">操作系统：跨平台</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">源码<span style="color: black;">位置</span>：<span style="color: black;">https://github.com/yaronn/blessed-contrib</span></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">blessed-contrib 是<span style="color: black;">运用</span> Node.js 构建终端应用界面的库。</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="https://mmbiz.qpic.cn/mmbiz_gif/dkwuWwLoRKicbZv41s3yh5icqDibvpCCGZ0j6mOo3vXrhgwF42FcuLM1HEdWYLOM0bs2cAQeFiaxg8SiaG9iclWRD9RA/640?wx_fmt=gif&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1" style="width: 50%; margin-bottom: 20px;"></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><strong style="color: blue;"><span style="color: black;">7.基于 React 和 Redux 的现代内容编辑器 ORY Editor</span></strong></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;">评分：8.3；<span style="color: black;">保藏</span>量：109</span></strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">授权协议：AGPL</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">研发</span>语言：JavaScript&nbsp;</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">操作系统：跨平台</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">源码<span style="color: black;">位置</span>：<span style="color: black;">https://github.com/ory/editor</span></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">ORY 是一家构建和<span style="color: black;">守护</span><span style="color: black;">研发</span>者<span style="color: black;">工具</span>的<span style="color: black;">机构</span>，ORY Editor 是一个用于 Web 的智能、可扩展和现代的编辑器（“WYSIWYG”），<span style="color: black;">运用</span> React 编写。<span style="color: black;">倘若</span>你厌倦了 contenteditable 的限制，这将是不错的<span style="color: black;">选取</span>。</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">ORY Editor 可用于创建网站，与 Squarespace 类似，<span style="color: black;">不外</span>它<span style="color: black;">能够</span>离线运行，<span style="color: black;">经过</span>它创建的网站会存储在设备上，还<span style="color: black;">能够</span>创建自己的设计和插件。</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="http://mmbiz.qpic.cn/mmbiz_png/dkwuWwLoRKicbZv41s3yh5icqDibvpCCGZ09l1uicecMd8jPqRRIfiabib1KOXQLQx5wkkia75fP1ib4NMLALe9fqFxPHQ/640?wx_fmt=png&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;"></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><strong style="color: blue;"><span style="color: black;">8.移动应用动画效果框架 Lottie</span></strong></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;">评分：8.</span></strong><span style="color: black;"><strong style="color: blue;">3；<span style="color: black;">保藏</span>量：317</strong></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">授权协议：Apache</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">研发</span>语言：Java、Objective-C、JavaScript</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">操作系统：Android</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">源码<span style="color: black;">位置</span>：</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">Android :&nbsp;<span style="color: black;">https://github.com/airbnb/lottie-android</span></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">iOS :&nbsp;</span><span style="color: black;">https://github.com/airbnb/lottie-ios</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">React Native :&nbsp;</span><span style="color: black;">https://github.com/airbnb/lottie-react-native</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">Lottie 是 Airbnb <span style="color: black;">研发</span>的一款能够为原生应用添加动画效果的开源<span style="color: black;">工具</span>。Lottie <span style="color: black;">日前</span><span style="color: black;">供给</span>了 iOS、Android 和 React Native 版本，能够实时渲染 After Effects 动画特效。</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">日前</span>，Lottie支持路径修剪、蒙版、遮盖等操作。<span style="color: black;">另外</span>还有一个可选的缓存机制，对<span style="color: black;">哪些</span>频繁<span style="color: black;">运用</span>的东西能够更快加载。这款应用的<span style="color: black;">目的</span><span style="color: black;">便是</span><span style="color: black;">帮忙</span><span style="color: black;">研发</span>者和动画师能够更<span style="color: black;">容易</span>的为应用创建动画，从而在整体上<span style="color: black;">提高</span>互动<span style="color: black;">原因</span>。</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="https://mmbiz.qpic.cn/mmbiz_gif/dkwuWwLoRKicbZv41s3yh5icqDibvpCCGZ099328F6NNvFA3KOCNo8EnPjCmTmIRSxKcvgoeAX1jFH8PZWHJprZcA/640?wx_fmt=gif&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1" style="width: 50%; margin-bottom: 20px;"></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><strong style="color: blue;"><span style="color: black;">9.主题优化包 JQuery EasyUI 1.5.x Of Insdep Theme</span></strong></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;">评分：8.3；<span style="color: black;">保藏</span>量：101</span></strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">授权协议：GPL</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">研发</span>语言：JavaScript</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">操作系统：跨平台</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">源码<span style="color: black;">位置</span>：<span style="color: black;">https://gitee.com/weavors/JQuery-EasyUI-1.5.x-Of-Insdep-Theme</span></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">Insdep theme是基于EasyUI 1.5.x 的一款免费的美化主题包，<span style="color: black;">持有</span>百度编辑器、cropper、Highcharts、justgage、plupload等各类适应本主题的第三方插件美化补丁。并且各类常用Jquery插件正在美化中。后期会<span style="color: black;">供给</span><span style="color: black;">更加多</span>的主题、组件及第三方插件美化样式。</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="https://mmbiz.qpic.cn/mmbiz_gif/dkwuWwLoRKicbZv41s3yh5icqDibvpCCGZ0bQaP5aicj1HB3lc65BttFXgJXiaoVsUR7wdPDUSYqtDJ0JfVTmRmZZrw/640?wx_fmt=gif&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1" style="width: 50%; margin-bottom: 20px;"></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><strong style="color: blue;"><span style="color: black;">10.基于 Ueditor 的现代化富文本编辑器 Neditor</span></strong></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;">评分：8.3；<span style="color: black;">保藏</span>量：503</span></strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">授权协议：MIT</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">研发</span>语言：JavaScript</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">操作系统：跨平台</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">源码<span style="color: black;">位置</span>：<span style="color: black;">https://gitee.com/notadd/neditor</span></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">百度前端团队做了许多<span style="color: black;">奋斗</span>，<span style="color: black;">此刻</span> Ueditor 是公认最好用的中文富文本编辑器。<span style="color: black;">然则</span>随着时间的推移，<span style="color: black;">大众</span>感觉百度编辑器并不是<span style="color: black;">那样</span><span style="color: black;">美丽</span>。于是<span style="color: black;">咱们</span>对 Ueditor 进行修改，有了<span style="color: black;">此刻</span>的 Neditor 。</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="http://mmbiz.qpic.cn/mmbiz_png/dkwuWwLoRKicbZv41s3yh5icqDibvpCCGZ0icX8POThpJeroJ1U3HJwDoytV4wCdoLW6rKHljtdu5yCnj4XLRlrFJQ/640?wx_fmt=png&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;"></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><strong style="color: blue;"><span style="color: black;">11.基于 Vue.js 的 UI 组件库 iView</span></strong></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;">评分：8.3；<span style="color: black;">保藏</span>量：475</span></strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">授权协议：MIT</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">研发</span>语言：HTML/CSS&nbsp;</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">操作系统：跨平台</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">源码<span style="color: black;">位置</span>：<span style="color: black;">https://gitee.com/icarusion/iview</span></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">iView 是一套基于 Vue.js 的 UI 组件库，<span style="color: black;">重点</span>服务于 PC 界面的中后台<span style="color: black;">制品</span>。</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">特性</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">高质量、功能丰富</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">友好的 API ，自由灵活地<span style="color: black;">运用</span>空间</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">运用</span>单文件的 Vue 组件化<span style="color: black;">研发</span>模式</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">基于 npm + webpack + babel <span style="color: black;">研发</span>，支持 ES2015</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="http://mmbiz.qpic.cn/mmbiz_png/dkwuWwLoRKicfEp1iasdq46k6P0SHcXAXdnrdWib8M8bvUeJiayT3Mxb85LL2cR3OMy7bZxqH324nNfy1Y2tf62Zqg/640?wx_fmt=png&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;"></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><strong style="color: blue;"><span style="color: black;">12.基于 Vue 2.0 的组件库 Element</span></strong></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;">评分：8.2；<span style="color: black;">保藏</span>量：609</span></strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">授权协议：MIT</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">研发</span>语言：JavaScript&nbsp;</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">操作系统：跨平台</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">源码<span style="color: black;">位置</span>：<span style="color: black;">https://github.com/ElemeFE/element</span></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">Element，一套为<span style="color: black;">研发</span>者、设计师和<span style="color: black;">制品</span>经理准备的基于 Vue 2.0 的组件库，<span style="color: black;">供给</span>了配套设计资源，<span style="color: black;">帮忙</span>你的网站快速成型。由饿了么<span style="color: black;">机构</span>前端团队开源。</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="http://mmbiz.qpic.cn/mmbiz_jpg/dkwuWwLoRKicbZv41s3yh5icqDibvpCCGZ0sIM1pNju6cliaMjg6TqnQS2wGN3OIFicDgstZ9t9WJBE9ltGNp2FNS5g/640?wx_fmt=jpeg&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;"></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><strong style="color: blue;"><span style="color: black;">13.HTML5 跨屏前端框架 Amaze UI&nbsp;</span></strong></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;">评分：8.1；收藏量：1213</span></strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">授权协议：MIT</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">研发</span>语言：JavaScript、HTML/CSS&nbsp;</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">操作系统：跨平台</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">源码<span style="color: black;">位置</span>：<span style="color: black;">https://gitee.com/amazeui/amazeui</span></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">Amaze UI采用国际最前沿的“组件式<span style="color: black;">研发</span>”以及“移动优先”的设计理念，基于其丰富的组件，<span style="color: black;">研发</span>者可<span style="color: black;">经过</span>简单拼装<span style="color: black;">就可</span>快速构建出HTML5网页应用，上线仅半年，Amaze UI就<span style="color: black;">作为</span>了国内最流行的前端框架，<span style="color: black;">日前</span>在Github上收获Star数近万，服务于<span style="color: black;">全世界</span>50W<span style="color: black;">研发</span>者。</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="data:image/svg+xml,%3C%3Fxml version=1.0 encoding=UTF-8%3F%3E%3Csvg width=1px height=1px viewBox=0 0 1 1 version=1.1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink%3E%3Ctitle%3E%3C/title%3E%3Cg stroke=none stroke-width=1 fill=none fill-rule=evenodd fill-opacity=0%3E%3Cg transform=translate(-249.000000, -126.000000) fill=%23FFFFFF%3E%3Crect x=249 y=126 width=1 height=1%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E" style="width: 50%; margin-bottom: 20px;"></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><strong style="color: blue;"><span style="color: black;">14.专为<span style="color: black;">微X</span>设计的 UI 库 WeUI</span></strong></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;">评分：7.7；<span style="color: black;">保藏</span>量：2002</span></strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">授权协议：MIT</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">研发</span>语言：JavaScript、HTML/CSS</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">操作系统：跨平台</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">WeUI 是由<span style="color: black;">微X</span>官方设计团队专为<span style="color: black;">微X</span>移动 Web 应用设计的 UI 库。</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">WeUI 是一套同<span style="color: black;">微X</span>原生视觉体验一致的<span style="color: black;">基本</span>样式库，为<span style="color: black;">微X</span> Web <span style="color: black;">研发</span>量身设计，<span style="color: black;">能够</span>令用户的<span style="color: black;">运用</span>感知更加统一。<span style="color: black;">包括</span>button、cell、dialog、toast、article、icon等各式元素。</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="data:image/svg+xml,%3C%3Fxml version=1.0 encoding=UTF-8%3F%3E%3Csvg width=1px height=1px viewBox=0 0 1 1 version=1.1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink%3E%3Ctitle%3E%3C/title%3E%3Cg stroke=none stroke-width=1 fill=none fill-rule=evenodd fill-opacity=0%3E%3Cg transform=translate(-249.000000, -126.000000) fill=%23FFFFFF%3E%3Crect x=249 y=126 width=1 height=1%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E" style="width: 50%; margin-bottom: 20px;"></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><strong style="color: blue;"><span style="color: black;">15.仪表盘 WebApp 模板 AdminLTE</span></strong></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;">评分：7.6；<span style="color: black;">保藏</span>量：136</span></strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">授权协议：MIT</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">研发</span>语言：JavaScript、HTML/CSS</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">操作系统：跨平台</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">源码<span style="color: black;">位置</span>：<span style="color: black;">https://github.com/almasaeed2010/AdminLTE/</span></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">AdminLTE 是受欢迎的开源的管理仪表盘和<span style="color: black;">掌控</span>面板的WebApp模板。它是基于Bootstrap 3的CSS框架，反应灵敏的HTML模板。利用所有Bootstrap的组件对大部分<span style="color: black;">运用</span>插件进行设计和<span style="color: black;">调节</span>风格，创建出<span style="color: black;">能够</span>用作后端应用程序的用户界面一致性设计。AdminLTE是基于模块化设计，很容易在其之上定制和重制。</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="data:image/svg+xml,%3C%3Fxml version=1.0 encoding=UTF-8%3F%3E%3Csvg width=1px height=1px viewBox=0 0 1 1 version=1.1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink%3E%3Ctitle%3E%3C/title%3E%3Cg stroke=none stroke-width=1 fill=none fill-rule=evenodd fill-opacity=0%3E%3Cg transform=translate(-249.000000, -126.000000) fill=%23FFFFFF%3E%3Crect x=249 y=126 width=1 height=1%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E" style="width: 50%; margin-bottom: 20px;"></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><strong style="color: blue;"><span style="color: black;">16.web上线<span style="color: black;">安排</span>系统<span style="color: black;">工具</span> Walle</span></strong></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;">评分：7.4；<span style="color: black;">保藏</span>量：359</span></strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">授权协议：MIT</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">研发</span>语言：PHP、HTML/CSS</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">操作系统：跨平台</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">Walle 一个web<span style="color: black;">安排</span>系统<span style="color: black;">工具</span>，配置简单、功能完善、界面流畅、开箱即用！支持git、svn版本管理，支持<span style="color: black;">各样</span>web代码<span style="color: black;">颁布</span>，PHP，Python，JAVA等代码的<span style="color: black;">颁布</span>、回滚，<span style="color: black;">能够</span><span style="color: black;">经过</span>web来一键完成。</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="data:image/svg+xml,%3C%3Fxml version=1.0 encoding=UTF-8%3F%3E%3Csvg width=1px height=1px viewBox=0 0 1 1 version=1.1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink%3E%3Ctitle%3E%3C/title%3E%3Cg stroke=none stroke-width=1 fill=none fill-rule=evenodd fill-opacity=0%3E%3Cg transform=translate(-249.000000, -126.000000) fill=%23FFFFFF%3E%3Crect x=249 y=126 width=1 height=1%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E" style="width: 50%; margin-bottom: 20px;"></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><strong style="color: blue;"><span style="color: black;">17.网站管理后台模板 Charisma</span></strong></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;">评分：7.4；<span style="color: black;">保藏</span>量：1055</span></strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">授权协议：Apache</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">研发</span>语言：HTML/CSS</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">操作系统：跨平台</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">Charisma 是基于 Twitter Bootstrap 制作的响应式网站管理后台模板，<span style="color: black;">包括</span>9套<span style="color: black;">美丽</span>的主题。</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="data:image/svg+xml,%3C%3Fxml version=1.0 encoding=UTF-8%3F%3E%3Csvg width=1px height=1px viewBox=0 0 1 1 version=1.1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink%3E%3Ctitle%3E%3C/title%3E%3Cg stroke=none stroke-width=1 fill=none fill-rule=evenodd fill-opacity=0%3E%3Cg transform=translate(-249.000000, -126.000000) fill=%23FFFFFF%3E%3Crect x=249 y=126 width=1 height=1%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E" style="width: 50%; margin-bottom: 20px;"></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><strong style="color: blue;"><span style="color: black;">18.开源看板管理系统 LibreBoard</span></strong></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;">评分：7.4；<span style="color: black;">保藏</span>量：380</span></strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">授权协议：MIT</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">研发</span>语言：JavaScript、HTML/CSS</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">操作系统：跨平台</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">LibreBoard 是一个卡片式的组织 Kanban 的开源实现。<span style="color: black;">能够</span>用来实现团队内部的协作沟通，你<span style="color: black;">能够</span>吧 LibreBoard 看成是 Trello 的开源版本。LibreBoard 为 Sandstorm 平台<span style="color: black;">供给</span>了一键安装以及一个经过验证的 Docker 映像。</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="data:image/svg+xml,%3C%3Fxml version=1.0 encoding=UTF-8%3F%3E%3Csvg width=1px height=1px viewBox=0 0 1 1 version=1.1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink%3E%3Ctitle%3E%3C/title%3E%3Cg stroke=none stroke-width=1 fill=none fill-rule=evenodd fill-opacity=0%3E%3Cg transform=translate(-249.000000, -126.000000) fill=%23FFFFFF%3E%3Crect x=249 y=126 width=1 height=1%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E" style="width: 50%; margin-bottom: 20px;"></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">注：以上评分、<span style="color: black;">保藏</span>量等数据均来自开源中国。</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;">-END-</span></strong></p><img src="data:image/svg+xml,%3C%3Fxml version=1.0 encoding=UTF-8%3F%3E%3Csvg width=1px height=1px viewBox=0 0 1 1 version=1.1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink%3E%3Ctitle%3E%3C/title%3E%3Cg stroke=none stroke-width=1 fill=none fill-rule=evenodd fill-opacity=0%3E%3Cg transform=translate(-249.000000, -126.000000) fill=%23FFFFFF%3E%3Crect x=249 y=126 width=1 height=1%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E" style="width: 50%; margin-bottom: 20px;">
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">&nbsp;新书<span style="color: black;">举荐</span>&nbsp;</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><strong style="color: blue;"><img src="data:image/svg+xml,%3C%3Fxml version=1.0 encoding=UTF-8%3F%3E%3Csvg width=1px height=1px viewBox=0 0 1 1 version=1.1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink%3E%3Ctitle%3E%3C/title%3E%3Cg stroke=none stroke-width=1 fill=none fill-rule=evenodd fill-opacity=0%3E%3Cg transform=translate(-249.000000, -126.000000) fill=%23FFFFFF%3E%3Crect x=249 y=126 width=1 height=1%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E" style="width: 50%; margin-bottom: 20px;"></strong></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><strong style="color: blue;"><strong style="color: blue;">600分钟超长视频讲解！</strong></strong></span><span style="color: black;"><strong style="color: blue;"><span style="color: black;">本书是一本从零<span style="color: black;">起始</span>学习的<span style="color: black;">微X</span>小程序<span style="color: black;">研发</span>入门书，<span style="color: black;">没</span>需额外的<span style="color: black;">基本</span>。全书以项目驱动为宗旨，循序渐进、案例丰富，<span style="color: black;">仔细</span>介绍了<span style="color: black;">微X</span>小程序的入门<span style="color: black;">基本</span>知识与<span style="color: black;">运用</span>技巧。</span></strong></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><strong style="color: blue;"><span style="color: black;"><img src="data:image/svg+xml,%3C%3Fxml version=1.0 encoding=UTF-8%3F%3E%3Csvg width=1px height=1px viewBox=0 0 1 1 version=1.1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink%3E%3Ctitle%3E%3C/title%3E%3Cg stroke=none stroke-width=1 fill=none fill-rule=evenodd fill-opacity=0%3E%3Cg transform=translate(-249.000000, -126.000000) fill=%23FFFFFF%3E%3Crect x=249 y=126 width=1 height=1%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E" style="width: 50%; margin-bottom: 20px;"></span></strong></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><strong style="color: blue;"><span style="color: black;"><strong style="color: blue;"><span style="color: black;">扫描，京东</span></strong><strong style="color: blue;"><span style="color: black;">优惠购书中...</span></strong></span></strong></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><strong style="color: blue;">凡是在京东购买用户，将订单和<span style="color: black;">评估</span>截图发到邮箱itbook8@163.com</strong></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;"><strong style="color: blue;">将<span style="color: black;">得到</span>额外</strong></span><span style="color: black;"><strong style="color: blue;"><span style="color: black;">微X</span>小程序大礼包（如下图样例）</strong></span></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="data:image/svg+xml,%3C%3Fxml version=1.0 encoding=UTF-8%3F%3E%3Csvg width=1px height=1px viewBox=0 0 1 1 version=1.1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink%3E%3Ctitle%3E%3C/title%3E%3Cg stroke=none stroke-width=1 fill=none fill-rule=evenodd fill-opacity=0%3E%3Cg transform=translate(-249.000000, -126.000000) fill=%23FFFFFF%3E%3Crect x=249 y=126 width=1 height=1%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E" style="width: 50%; margin-bottom: 20px;"></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><strong style="color: blue;"><span style="color: black;">更加多</span>精品图书</strong></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="data:image/svg+xml,%3C%3Fxml version=1.0 encoding=UTF-8%3F%3E%3Csvg width=1px height=1px viewBox=0 0 1 1 version=1.1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink%3E%3Ctitle%3E%3C/title%3E%3Cg stroke=none stroke-width=1 fill=none fill-rule=evenodd fill-opacity=0%3E%3Cg transform=translate(-249.000000, -126.000000) fill=%23FFFFFF%3E%3Crect x=249 y=126 width=1 height=1%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E" style="width: 50%; margin-bottom: 20px;"></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="data:image/svg+xml,%3C%3Fxml version=1.0 encoding=UTF-8%3F%3E%3Csvg width=1px height=1px viewBox=0 0 1 1 version=1.1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink%3E%3Ctitle%3E%3C/title%3E%3Cg stroke=none stroke-width=1 fill=none fill-rule=evenodd fill-opacity=0%3E%3Cg transform=translate(-249.000000, -126.000000) fill=%23FFFFFF%3E%3Crect x=249 y=126 width=1 height=1%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E" style="width: 50%; margin-bottom: 20px;"></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="data:image/svg+xml,%3C%3Fxml version=1.0 encoding=UTF-8%3F%3E%3Csvg width=1px height=1px viewBox=0 0 1 1 version=1.1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink%3E%3Ctitle%3E%3C/title%3E%3Cg stroke=none stroke-width=1 fill=none fill-rule=evenodd fill-opacity=0%3E%3Cg transform=translate(-249.000000, -126.000000) fill=%23FFFFFF%3E%3Crect x=249 y=126 width=1 height=1%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E" style="width: 50%; margin-bottom: 20px;"></p>

7wu1wm0 发表于 2024-9-26 00:11:11

顶楼主，说得太好了！

查看完整版本: 国内最火的 HTML、CSS、JavaScript 开源项目 Top 榜，你知多少？