直播预告：TinyVue 组件库实战解析，提升组件库构建技能！

最新推荐文章于 2025-07-23 17:02:39 发布
最新推荐文章于 2025-07-23 17:02:39 发布
阅读量498 收藏 9
点赞数 4
CC 4.0 BY-SA版权
分类专栏： Vue.js 文章标签： 前端 web 低代码 开源 Vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/OpenTiny/article/details/139246919

在复杂的编码世界里，大家总希望能够寻找更高效、更简洁的解决方案来优化工作流程，提升开发效率。在5月28日晚7点 OpenTiny B站直播间，OpenTiny 非常荣幸地为大家带来一场关于 TinyVue 组件库实战分享的直播。届时，TinyVue 组件库成员阿健老师将与大家深入探讨 TinyVue 组件库的关键技术，同时针对开发者对 TinyVue 组件库提出的相关问题做出详细解答，帮助开发者更容易理解并使用 TinyVue 组件库。

TinyVue 组件库

TinyVue 组件库是 OpenTiny的一个子项目，它是一套跨端、跨框架的企业级前端组件库。

  • 包含 100 多个简洁、易用、功能强大的组件
  • 一套代码同时支持 Vue 2 和 Vue 3，支持 PC 端和移动端
  • 支持国际化、主题定制、按需加载等通用能力
  • 组件内部支持配置式开发，可支持低代码平台可视化组件配置
  • 采用模板、样式、逻辑分离的跨端、跨框架的架构，保障灵活性和可移植性

直播信息

直播主题：TinyVue 组件库实战解析，提升组件库构建技能！

直播时间：2024年5月28日19点——20点

直播讲师：华为云高级前端工程师，阿健

直播大纲：

  • TinyVue组件库实战解析
  • TinyVue组件库项目问题答疑
  • 直播互动答疑

直播地址：OpenTiny B站直播间（https://space.bilibili.com/15284299 ）
在这里插入图片描述

最低0.47元/天 解锁文章

200万优质内容无限畅学
TinyVue智能组件库：用MCP协议让AI接管你的Web应用操作
分享平时的学习心得和笔记
06-30 1180
摘要： MCP（Model Context Protocol）是由Anthropic提出的开放协议，标准化大模型与外部工具的交互，提供统一接口、安全隔离和动态路由功能。TinyVue智能组件库基于Vue.js，通过MCP实现AI驱动的Web操作，封装高频动作（如表格选中、数据插入），支持跨端跨框架和低代码接入。用户只需自然语言指令（如“选中第三行”），AI即可自动完成操作，提升效率并降低学习成本。典型应用包括电商自动补货和低代码平台搭建。未来，MCP生态将扩展至更多工具，推动AI驱动交互的普及。
简介：基于 OpenTiny 组件库的 rendereless 无渲染组件架构
通达的博客
03-09 944
在 HAE 自研阶段，我们实现的数据双向绑定、面向对象的 JS 库、配置式开发的注册表等特性，随着前端技术的高速发展现在已经失去存在的意义，但是在 AUI 阶段探索的新思路新架构，经过大量的业务落地验证，再次推动前端领域的创新。TinyVue 继承了 HAE、AUI，OpenTiny 是一套企业级组件库解决方案，适配 PC 端 / 移动端等多端，涵盖 Vue2 / Vue3 / Angular 多技术栈，拥有主题配置系统 / 中后台模板 / CLI 命令行等效率提升工具，可帮助开发者高效开发 Web 应用。
koa2+vue+mysql 全栈开发记录
weixin_34234829的博客
05-13 504
koa2+vue2+mysql 全栈开发记录 基于想要自己制作一个个人项目为由，于是有了这么一个开发记录（梳理开发过程也是一个知识巩固的过程） koa2+vue2+mysql 个人的一个通用DEMO(本篇文章的范例) koa2+vue2+mysql GITHUB地址 前端工具 vue vue-router vuex axios element ui 页面UI组件 echartsjs 百度强大...
WebP的工作原理
lxs1660275788的博客
07-23 555
本文主要目的是向各位前端开发者介绍当前市面上比较新的图片格式WebP，文章先从介绍WebP在前端开发过程的优势出发（一、二部分），讲述了前端可以使用WebP格式图像的场景（第三部分），然后进一步介绍具体怎么转换/使用WebP格式的图像（第四部分），同时也补充了如何从0使用WebP格式转换工具cwebp（第五部分）以及几种常见图像格式的特性区别（第六部分）
iOS上使用WebRTC推拉流的案例
qq_25218777的博客
07-23 288
代码中的 STUN 服务器使用了 Google 的公共服务器，生产环境中建议使用自己的 STUN/TURN 服务器。这个示例仅仅提供了基础的推拉流框架，你可以根据实际需求进行扩展和优化。在实际使用中，需要将代码中注释掉的信令发送部分替换为实际的网络请求。这个示例缺少信令服务器的实现，你需要自己搭建一个信令服务器。然后执行 pod install 安装库。核心类oc：WebRTCManager.m。调用OC：ViewController.m。
SPA前端路由控制触发页面刷新
北海几经夏的博客
07-23 235
以下以 React Router 为例，展示通过路由跳转触发页面刷新的实现示例：​。
WebkitSpeechRecognition 语音识别
weixin_39621570的博客
07-21 876
使用 WebkitSpeechRecognition，您可以让用户通过说话来与您的 Web 应用程序进行交互，这可以使您的应用程序更加易于使用，也可以为用户提供更加人性化的体验。WebkitSpeechRecognition 是一种有用的 JavaScript API，它可以使您的 Web 应用程序更加易于使用，并为用户提供更加人性化的体验。我们使用 onresult 事件来监听语音识别结果，并将其设置为搜索框的值。在上面的代码中，我们使用 start 方法开始语音识别，使用 stop 方法停止语音识别。
Vue前端路由从入门到精通
大模型大数据攻城狮的专栏
07-20 305
传统网页是多页应用（MPA），每次点击链接，浏览器都会向服务器请求一个新页面，页面刷新，用户体验多少有点“卡顿”。而单页应用通过JavaScript动态改变页面内容，URL的变化靠前端路由来管理。前端路由的核心是：监听URL变化，动态渲染对应的组件，而不触发页面刷新。Vue Router通过history模式或hash模式Hash模式：URL里带个#，像http://example.com/#/home，通过监听hashchange事件来切换组件。简单粗暴，兼容性好，但URL有点丑。History模式。
前端之学习后端java小白（一）之SDKMAN及helloword
在路上`的博客
07-21 229
检查 maven是否安装成功及helloword
网络安全第三次作业搭建前端页面并解析
tx1120876358的博客
07-22 201
5. .login-btn 的 transition: background-color 0.3s ：使按钮悬停时背景色变化平滑过渡，增强交互质感。3. .login-container 的 max-width: 400px ：限制登录框最大宽度，在大屏设备上不无限拉伸，保持美观。2. min-height: 100vh ：让body高度至少等于屏幕高度，确保登录框始终居中，不受内容高度影响。4. input:focus 样式：输入框获焦时移除默认轮廓，边框变蓝，直观反馈用户操作状态。
Astro：前端性能革命！从原生 HTML 到 Astro + React 的升级指南
qq_40286307的博客
07-19 730
Astro作为现代前端框架，凭借服务器优先渲染和岛屿架构，显著提升网站性能与SEO表现，成为内容驱动网站的首选。相比传统SPA框架，Astro通过预生成HTML和按需加载JS，降低客户端负担，首屏速度快40%，核心WebVitals合格率达60%。升级案例显示，迁移至Astro+React后，加载时间缩短40%，JS负载减少90%，维护成本大幅降低。Astro尤其适合博客、文档等静态站点，未来将持续扩展动态功能。建议开发者立即尝试，构建更高效的Web应用。
如何在自己的网站接入API接口获取数据？分步指南与实战示例
2503_92516413的博客
07-23 540
接入第三方API（如微店）的完整流程包括：1.注册开发者账号获取AppKey和AppSecret；2.选择认证方式（OAuth2.0或AppKey签名）；3.前后端协作实现API调用；4.处理数据格式转换、分页和错误码；5.采取安全措施防止密钥泄露。关键点包括使用HTTPS、配置CORS、实现限流缓存机制，以及通过后端代理保护敏感信息。典型应用场景如商品展示和订单同步，需注意数据脱敏和错误重试策略。
金融大前端中的 AI 应用：智能投资顾问与风险评估
物物而不物于物，念念而不念于念
07-20 1313
AI 技术为金融大前端带来了“个性化服务”与“实时安全”的双重突破：智能投资顾问让金融服务从“标准化产品推送”升级为“理解用户需求的定制化建议”，风险评估模型让交易防护从“事后补救”进化为“事前拦截”。用户体验：通过自然交互、个性化推荐降低金融服务门槛，让用户“看得懂、用得会”。安全性：实时风险评估需精准高效，既拦截欺诈交易，又减少对正常用户的干扰。合规性：数据采集、模型决策需符合全球金融监管要求，做到“透明、可追溯、无歧视”。
前端之JS
m0_74968370的博客
07-21 1020
HTML：负责页面框架结构CSS：负责样式修饰JavaScript：负责行为交互、动态效果及逻辑处理。
wed前端简单解析
2302_81650296的博客
07-22 705
针对 `body` 元素设置样式。14. `<div class="login - box">` - 创建一个 `div` 块级元素，并赋予 `login - box` 类名，用于承载登录框相关内容，并应用 `login - box` 类对应的样式。`name="viewport"` 表明是对视口的设置，`content` 中的 `width=device - width` 让页面宽度适配设备宽度，`initial - scale = 1.0` 设置初始缩放比例为 1.0，即页面在设备上不缩放显示。
【前端】JavaScript 的事件循环 (Event Loop)
qq_45974648的博客
07-23 228
JavaScript 的事件循环是其实现异步编程的核心机制，通过单线程执行配合任务队列实现高效处理异步操作。关键点包括：同步代码优先执行，异步任务完成后回调进入宏任务队列（如setTimeout）或微任务队列（如Promise.then）；事件循环会先清空所有微任务，再执行一个宏任务，循环往复。微任务优先级高于宏任务，这确保了快速响应和UI更新。理解事件循环对控制代码时序和避免阻塞至关重要。
基于Transformer的智能对话系统：FastAPI后端与Streamlit前端实现
qq_61402449的博客
07-20 549
使用Hugging Face的Transformers库加载预训练对话模型通过FastAPI构建高性能REST API服务利用Streamlit创建直观的聊天界面实现了前后端分离的对话系统架构项目优势模块化设计，易于维护和扩展使用现代Python技术栈轻量级且高性能开发部署简单通过本教程，您可以快速搭建自己的智能对话系统，并根据需求进行定制化开发。
ZLMediaKit流媒体服务器WebRTC页面显示：使用docker部署
最新发布
JAVA之迷
07-23 610
本文介绍了基于Docker部署的ZLMediaKit流媒体服务器实现WebRTC直播的完整方案。主要内容包括： 使用OpenJDK镜像构建Docker容器，配置环境变量和端口映射 通过API接口实现RTSP摄像头的接入和协议转换 提供WebRTC播放测试页面，包含实时播放和录像回放功能 前端代码实现WebRTC连接、媒体流接收和时间轴回放功能 强调需要配置域名和SSL证书才能正常播放 该方案将流媒体服务器、WebRTC功能和录像管理集成在一个Docker容器中，简化了部署流程。
VUE接口任务轮询查询任务封装hooks
qq_41429765的博客
07-23 115
【代码】VUE接口任务轮询查询任务封装hooks。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值