1.Bert4keras开源框架源码解析（一）概述
2.OpenTiny 前端组件库正式开源啦！开源开源面向未来，源码源码用为开发者而生
3.微软官方开源免费的组件组件Blazor UI组件库 - Fluent UI Blazor
4.写了一个React开源播放器组件，了解一下？
5.小程序原生高颜值组件库--ColorUI
6.DataV - 免费开源的开源开源 Vue / React 大屏数据展示组件库，使用简单、源码源码用效果酷炫的组件组件主力资金分时图源码前端数据可视化开发插件

Bert4keras开源框架源码解析（一）概述

       Bert4keras是苏剑林大佬开源的一个文本预训练框架，相较于谷歌开源的开源开源bert源码，它更为简洁，源码源码用对理解BERT以及相关预训练技术提供了很大的组件组件帮助。

       源码地址如下：

       代码主要分为三个部分，开源开源分别在三个文件夹中。源码源码用

       在bert4keras文件夹中，组件组件实现了BERT以及相关预训练技术的开源开源算法模型架构。examples文件夹则是源码源码用基于预训练好的语言模型进行的一系列fine-tune实验任务。pretraining文件夹则负责从头预训练语言模型的组件组件实现。

       整体代码结构清晰，主要分为以下几部分：

       backend.py文件主要实现了一些自定义组件，例如各种激活函数。这个部分之所以命名为backend（后端），是因为keras框架基于模块化的高级深度学习开发框架，它并不仅仅依赖于一种底层张量库，而是对各种底层张量库进行高层模块封装，让底层库负责诸如张量积、卷积等操作。例如，底层库可能选择TensorFlow或Theano。

       在layers.py文件中，实现了自定义层，如embedding层、多头自注意力层等。

       optimizers.py文件则实现了优化器的定义。

       snippets.py文件包含了与算法模型无关的辅助函数，例如字符串格式转换、母婴行业源码文件读取等。

       tokenizers.py文件负责分词器的实现。

       而model.py文件则是框架的核心，实现了BERT及相关预训练模型的算法架构。

       后续文章将详细解析这些代码文件，期待与大家共同进步。

OpenTiny 前端组件库正式开源啦！面向未来，为开发者而生

       华为开发者大会以"每一个开发者都了不起"为主题，正式推出了OpenTiny，一个面向未来、专为开发者打造的前端企业级组件库解决方案。这个历经九年打磨的项目起源于TinyVue组件库，旨在通过一套代码支持Vue 2和Vue 3，同时适应PC和移动端，减少开发成本和风险。OpenTiny集成了主题配置系统、中后台模板、CLI工具等实用功能，涵盖了Vue2、Vue3、Angular等技术栈，拥有+PC组件和+移动端组件，支持Angular版本的TinyNG组件库，以及易用的TinyPro中后台模板和TinyCLI工具。OpenTiny采用组件与框架分离的Renderless架构，确保跨端、跨技术栈的高效开发。未来，OpenTiny将根据用户反馈和技术趋势不断优化和扩展，期待与开发者共同探索和共建更多前沿技术生态。

       对于有兴趣的源码赋值法开发者，可以通过添加小助手微信或访问OpenTiny官网和源码仓库来参与开源社区，一起提升前端开发的效率和乐趣。

微软官方开源免费的Blazor UI组件库 - Fluent UI Blazor

       微软官方为广大开发者带来了开源且免费的Blazor UI组件库 - Fluent UI Blazor，它为构建现代化Web应用程序提供了强大的支持。

       Fluent UI Blazor是一款基于Blazor技术的组件库，集成了Fluent UI的设计风格。它有助于开发者利用C#和Razor语法快速开发出高效、灵活的单页应用程序（SPA），尤其对于C#程序员来说，它简化了Web应用的开发过程，降低了学习成本，提高了开发效率。

       通过Blazor的C#编译能力，开发者可以使用C#直接操控HTML DOM，而非JavaScript，实现了更直观的编程体验。要了解更多组件演示和在线使用指南，可访问fluentui-blazor.net。

       项目源代码地址包含CheckboxInputFileNumber、fieldRadioDate & TimeButtonDialogWizard等实用组件，你可以亲自探索并参与到项目中，为其发展贡献力量。同时，该项目已被收录到C#/.NET/.NET Core优秀项目精选中，关注这个精选列表，可以随时掌握最新动态和最佳实践，提升开发水平。

       优秀项目和框架的发掘和分享是大家共同的责任，如果你发现其他优秀项目，欢迎提交PR，让我们一起为社区贡献更多价值。一起来挖掘和推广这些优秀的录制源码ts项目，共同推动技术进步。

写了一个React开源播放器组件，了解一下？

       在掌握了 React 技能后，我尝试过不少小项目，但总感觉这些项目只是自娱自乐，对于找工作并没有太大帮助，让我感到有些迷茫。于是，我决定尝试做点开源项目，既能锻炼自己写 React 组件的能力，又能让自己有所收获。我和女票都很喜欢**，因此产生了制作一个播放器的想法。经过一番努力，我开发了一个名为“qier-player”的 h5 播放器。

       qier-player 目前已实现在线播放器的基本功能，包括暂停、播放、全屏、音量调节、进度条拖拽和倍速等。接下来，我打算添加快捷键和一些性能优化。如果你对播放器有需求，但又不想自己从头开始编写，或者觉得现有的播放器功能不足、不够美观，那么 qier-player 就是你的不二之选。

       以下是这个开源组件的源代码，欢迎 star 和提建议！～

       介绍：qier-player 是一个基于 React 编写的在线视频播放器组件，界面简洁，迅雷xp源码操作流畅，具有大部分视频播放器的基础功能。支持视频清晰度的切换，提供了原画、4K、2K、P、P、P 的视频源接口。

       演示官网（tip: 演示的视频没有放cdn，下载比较慢，比较卡，需要等它加载完）

       示例快速开始安装使用近期更新记录1.0.4 (--)1.0.3 (--)

       如果你觉得这个项目对你有所帮助，不妨赏个 star，也可以点个 watch。版本迭代会第一时间通知到你 ^-^

小程序原生高颜值组件库--ColorUI

       推荐关注：ColorUI，一个专注于视觉交互的高颜值开源小程序组件库。

       不同于常规组件库，ColorUI以CSS类的UI设计为核心，它注重提升用户体验的视觉效果。可以通过GitHub获取：/weilanwl/ColorUI

       使用ColorUI的步骤如下：首先，下载源码包，将来自/demo/的colorui.wxss和icon.wxss文件复制到小程序的根目录，然后在app.wxss中引入它们。推荐采用模板开发，复制/template/文件夹并重命名，导入微信开发者工具，即可体验沉浸式导航和操作条组件。

       在App.js中获取系统参数并设置全局变量，Page.js中配置页面获取这些参数，构建导航时调用相关组件。要自定义系统Tabbar，需按照官方指南进行配置，更新Wxml文件。ColorUI支持高度自定义，元素和组件间可嵌套使用，作者将定期添加新内容。

       尽管源代码提供了丰富的资源，作者强调文档的重要性，并呼吁社区成员提出宝贵意见。随着前端开发趋势转向JavaScript，ColorUI为布局和样式设计提供了新的思考点，作者计划在开发者社区分享相关讨论。

DataV - 免费开源的 Vue / React 大屏数据展示组件库，使用简单、效果酷炫的前端数据可视化开发插件

       最近公众号有粉丝留言想找一款数据大屏组件，这篇文章推荐的这款还不错，Vue/React 都可以用。

       关于 DataV

       DataV 是一款基于 Vue 开发的数据可视化组件库，主要用于开发大屏数据展示页面，即数据可视化，内置了多种类型组件，让开发者可以轻松构建出专业酷炫、视觉丰富的数据大屏界面。

       需要注意的是，阿里云也有一款叫 DataV 的用于大屏数据展示的付费数据化产品，输入表格数据可以得到大屏数据面板。但今天介绍的 DataV 是一个前端开发组件，两者虽然效果类似，但性质不一样。

       DataV 的技术特性

       数据大屏是干什么用的？所谓数据大屏，就像名称一样，就是一块很大的屏幕，上面全是图表和数据，把一些关键数据集中展示在一块巨大的 LED 屏幕上，其实就是巨大化的 Dashboard，科技感（逼格）十足，深受甲方爸爸和老板们的喜爱，一般在交易大厅，展览中心，管控中心，老板办公室等地方可以看到。

       作为前端开发者，要手动撸这样的大屏，工作量大不说，没有 UI 的协助，很难做到富有科技感的视觉效果，DataV 就是一款让我们轻松实现数据大屏的 Vue 组件。

       开发上手体验和建议

       使用 DadaV 很简单，根据官网的开发文档，在 Vue 项目中通过 npm 命令安装：

       然后注册为全局组件：

       当然也可以按需引入，减少项目打包的体积。

       酷炫的边框元素和加载动画

       除了数据图表，DadaV 还提供了基于 SVG 的科技感元素，动效优雅，体验极佳，分别是：

       有了这些元素，相信可以让我们开发的数据大屏更加专业，科技感爆棚。

       支持的图表类型

       DadaV 的图表组件基于 Charts 封装，使用也很简单，只需要将对应图表 option 数据传入组件即可。目前支持下面 种图表：

       有了这些内置组件，加上官网提供的详细的代码例子和实时效果，几乎不需要学习什么就可以搭建一个数据大屏了。看看下面几个用 DadaV 构建的几个数据大屏效果吧：

       免费开源说明

       DataV 是一个免费开源的数据大屏组件，项目源码基于 MIT 开源协议托管在 Github 上，我们可以免费下载来使用，也可以用在个人或者商业项目上。

       原文

       thosefree.com/datav

       持续分享高质量的免费开源、免费商用的资源，欢迎关注。

盘点下5个Winform UI开源控件库

       探索五款优秀开源控件库，助力Winform UI开发，实现更丰富的界面与用户体验。

       第一款为ReaLTaiizor，一个面向.Net的开源库，兼容多种版本，提供多样化的控件和主题，涵盖界面如原神、卡巴斯基等经典案例，适合开发者快速启动项目。

       第二款支持换肤功能的开源组件，针对.Net Framework 4.6.1，兼容多种控件，一键统一更换颜色、状态、动画，满足自定义需求，源码修改自定义。

       第三款开源框架兼容.Net 7，包含全面控件与工具，支持中文国际化，主题多样，适合企业使用，免费个人，商业应用需授权，涵盖控件、布局、交互、工具等功能。

       第四款是Krypton，一个丰富UI组件的开源库，提供多种基础控件与交互功能，支持主题自定义，助力快速构建高效界面。

       第五款是基于.Net Framework开发的个控件库集合，包含窗体、组件，支持皮肤切换，控件功能丰富，适用于直接使用或自定义。

       这些开源库均提供详细文档与示例，覆盖了开发过程中的多种需求，为Winform UI开发提供了极大的便利与支持。

滴滴 Web 移动端组件库 cube-ui 开源

       滴滴 WebApp 团队在去年底用 Vue.js 2.0 对业务进行重构，并开发了一套移动端组件库 cube-ui 支撑业务的开发。经过了一年多的业务考验，cube-ui 也日趋成熟，而且我们相信除了在滴滴内部，cube-ui 也一定也有它的用武之地。好的东西必须要和大家分享，所以我们非常开心的告诉大家， cube-ui 在今天正式开源，源码地址： github.com/didi/cube-ui。

       cube-ui 从滴滴业务中提炼而来，由滴滴 WebApp 前端架构组开发和维护。cube-ui 的目标是让移动端的开发更加容易，让开发人员更加专注于业务逻辑的开发，提升研发效率。

       cube-ui 的特性包括：精简提炼自滴滴内部组件库，每个组件都有充分单元测试；追求迅速响应、动画流畅、接近原生的交互体验；遵循统一的设计交互标准，接口标准化，支持按需引入和后编译，轻量灵活；扩展性强，可以方便地基于现有组件实现二次开发。

       cube-ui 相对于同类型的移动端组件库的优势在于，其组件主要包括基础组件、弹出层组件和滚动组件，总共开源了 个组件，且在组件的体验和交互，包括易用性上我们都追求极致。cube-ui 支持 2 种使用方式，声明式和 API 式。

       cube-ui 的某些组件有着很好的扩展性，可以根据实际场景需求做功能的扩展，例如基于弹层类组件的基类开发更丰富的弹层类组件，或者基于移动端选择器组件扩展出城市选择器组件。

       cube-ui 底层依赖了 Vue 和 better-scroll，并依赖了一系列工具做了构建部署、单元测试等工作。未来我们会持续对 cube-ui 迭代和优化，包括但不限于开发更多通用的组件，支持换肤功能，以及考虑对静态类型检查的支持。