- 本文由体验技术团队Kagol原创。我们非常高兴地宣布,2024年12月4日,TinyVue 发布了 v3.20.0 🎉。本次 3.20.0 版本主要有以下重大变更:OpenTiny 官网首页 UI 和性能优化,更具现代性和设计美感,加载速度更快、体验更好。TinyVue 官网增加 Algolia 全文搜索,原来只能搜索组件名称,现在可以搜索组件Demo和API文档,让你更容易搜索到自己想要... 本文由体验技术团队Kagol原创。我们非常高兴地宣布,2024年12月4日,TinyVue 发布了 v3.20.0 🎉。本次 3.20.0 版本主要有以下重大变更:OpenTiny 官网首页 UI 和性能优化,更具现代性和设计美感,加载速度更快、体验更好。TinyVue 官网增加 Algolia 全文搜索,原来只能搜索组件名称,现在可以搜索组件Demo和API文档,让你更容易搜索到自己想要...
- 本文由体验技术团队Kagol原创。为了提升前端开发效率,OpenTiny 提供了一个跨平台的前端工程化 CLI 工具 TinyCLI,为开发者提供一系列开发套件及工程插件,覆盖前端开发的整个链路,保证团队开发过程的一致性和可复制性。源码:https://github.com/opentiny/tiny-cli/(欢迎 Star ⭐)官网:https://opentiny.design/tin... 本文由体验技术团队Kagol原创。为了提升前端开发效率,OpenTiny 提供了一个跨平台的前端工程化 CLI 工具 TinyCLI,为开发者提供一系列开发套件及工程插件,覆盖前端开发的整个链路,保证团队开发过程的一致性和可复制性。源码:https://github.com/opentiny/tiny-cli/(欢迎 Star ⭐)官网:https://opentiny.design/tin...
- 本文由孟智强同学原创。背景团队某个小项目切换 UI 框架,要将 Element 换成 TinyVue。期间遇到一个树表形式的业务表格,支持多级下钻,且第一列有合并行。当初用 Element 实现这个表格时费了一些周折,料想 TinyVue 上场应该也不轻松,谁曾想一上手才知道——这比 Element 实现容易多了!先上最终效果图(表格内容已脱敏处理):显示树表TinyVue 的表格组件支持树... 本文由孟智强同学原创。背景团队某个小项目切换 UI 框架,要将 Element 换成 TinyVue。期间遇到一个树表形式的业务表格,支持多级下钻,且第一列有合并行。当初用 Element 实现这个表格时费了一些周折,料想 TinyVue 上场应该也不轻松,谁曾想一上手才知道——这比 Element 实现容易多了!先上最终效果图(表格内容已脱敏处理):显示树表TinyVue 的表格组件支持树...
- 本文由体验技术团队 Kagol 原创。我们非常高兴地宣布,2024年10月28日,TinyVue 发布了 v3.19.0 🎉。本次 3.19.0 版本主要有以下重大变更:所有组件全面升级到 OpenTiny Design 新设计规范,UI 更美观、更符合现代审美。增加 VirtualTree 虚拟树组件。增加 VirtualScrollBox 虚拟化容器组件。增加 Sticky 粘性布局组... 本文由体验技术团队 Kagol 原创。我们非常高兴地宣布,2024年10月28日,TinyVue 发布了 v3.19.0 🎉。本次 3.19.0 版本主要有以下重大变更:所有组件全面升级到 OpenTiny Design 新设计规范,UI 更美观、更符合现代审美。增加 VirtualTree 虚拟树组件。增加 VirtualScrollBox 虚拟化容器组件。增加 Sticky 粘性布局组...
- 在构建TinyVue跨框架组件库的过程中,集中攻克了多个Vue框架间的关键差异点,其中六项尤为突出且具有代表性。 在构建TinyVue跨框架组件库的过程中,集中攻克了多个Vue框架间的关键差异点,其中六项尤为突出且具有代表性。
- 在前端Web开发过程中,跨版本兼容性问题是一个普遍存在的挑战。为了解决这些痛点,OpenTiny推出跨端、跨框架、跨版本组件库TinyVue。本期直播聚焦于华为云的前端开源组件库TinyVue,通过mini版TinyVue的代码实践与大家共同深入解读Vue2/Vue3不同版本间的差异。这对于提升用户体验,减低维护成本,提升开发者技术洞察有重要意义。 在前端Web开发过程中,跨版本兼容性问题是一个普遍存在的挑战。为了解决这些痛点,OpenTiny推出跨端、跨框架、跨版本组件库TinyVue。本期直播聚焦于华为云的前端开源组件库TinyVue,通过mini版TinyVue的代码实践与大家共同深入解读Vue2/Vue3不同版本间的差异。这对于提升用户体验,减低维护成本,提升开发者技术洞察有重要意义。
- 华为云前端开发 DTSE 技术布道师莫春辉老师在本期直播中与开发者一起交流了OpenTiny组件库解决方案的核心优势和设计理念,并通过具体的实操给大家演示OpenTiny如何从0到1实现组件库跨框架技术。 华为云前端开发 DTSE 技术布道师莫春辉老师在本期直播中与开发者一起交流了OpenTiny组件库解决方案的核心优势和设计理念,并通过具体的实操给大家演示OpenTiny如何从0到1实现组件库跨框架技术。
- 本文主要介绍 TS 基础及在 Vue 中的实践,附赠《JS项目转TS指南》,旨在帮助还在使用 JS 的朋友快速使用上 TS,享受TS带来的丝滑体验。 本文主要介绍 TS 基础及在 Vue 中的实践,附赠《JS项目转TS指南》,旨在帮助还在使用 JS 的朋友快速使用上 TS,享受TS带来的丝滑体验。
- 关于使用 Nginx 开启静态网站 Gzip 压缩的教程已经有很多了,但是好像没几个讲怎么在对象存储的静态网站中开启 Gzip 压缩。其实也不复杂,我们一起来看下~ 关于使用 Nginx 开启静态网站 Gzip 压缩的教程已经有很多了,但是好像没几个讲怎么在对象存储的静态网站中开启 Gzip 压缩。其实也不复杂,我们一起来看下~
- 假设我们正在开发一个可视化拖拽的搭建平台,可以拖拽生成工作台或可视化大屏,或者直接就是开发一个大屏,首先必须要考虑的一个问题就是页面如何适应屏幕,因为我们在搭建或开发时一般都会基于一个固定的宽高,但是实际的屏幕可能大小不一,接下来我们就尝试几种简单且常见的方案,并简单分析一下利弊。 demo首先写个基础的demo给后续使用:<script setup>import { ref } from ... 假设我们正在开发一个可视化拖拽的搭建平台,可以拖拽生成工作台或可视化大屏,或者直接就是开发一个大屏,首先必须要考虑的一个问题就是页面如何适应屏幕,因为我们在搭建或开发时一般都会基于一个固定的宽高,但是实际的屏幕可能大小不一,接下来我们就尝试几种简单且常见的方案,并简单分析一下利弊。 demo首先写个基础的demo给后续使用:<script setup>import { ref } from ...
- 大家好,我是CoderBin,在写Vue项目的时候,少不了使用路由vue-router,而路由守卫是vue-router中一个非常重要的概念,也是非常重要的技巧。它能够很好的帮助开发者“监视”每一个跳转的路由。 如果文中有不对、疑惑的地方,欢迎在评论区留言指正🌻 大家好,我是CoderBin,在写Vue项目的时候,少不了使用路由vue-router,而路由守卫是vue-router中一个非常重要的概念,也是非常重要的技巧。它能够很好的帮助开发者“监视”每一个跳转的路由。 如果文中有不对、疑惑的地方,欢迎在评论区留言指正🌻
- 所谓虚拟DOM就是用js对象来描述真实DOM,它相对于原生DOM更加轻量,因为真正的DOM对象附带有非常多的属性,另外配合虚拟DOM的diff算法,能以最少的操作来更新DOM,除此之外,也能让Vue和React之类的框架支持除浏览器之外的其他平台,本文会参考知名的snabbdom库来手写一个简易版的,配合图片示例一步步完成代码,一定让你彻底理解虚拟DOM的patch及diff算法。 创建虚拟... 所谓虚拟DOM就是用js对象来描述真实DOM,它相对于原生DOM更加轻量,因为真正的DOM对象附带有非常多的属性,另外配合虚拟DOM的diff算法,能以最少的操作来更新DOM,除此之外,也能让Vue和React之类的框架支持除浏览器之外的其他平台,本文会参考知名的snabbdom库来手写一个简易版的,配合图片示例一步步完成代码,一定让你彻底理解虚拟DOM的patch及diff算法。 创建虚拟...
- 以下面这个十分简单的示例:Vue.component('my-component', { template: ` <span>{{text}}</span> `, data() { return { text: '我是子组件' } }})new Vue({ el: '#app', template: ` <div> <my-compon... 以下面这个十分简单的示例:Vue.component('my-component', { template: ` <span>{{text}}</span> `, data() { return { text: '我是子组件' } }})new Vue({ el: '#app', template: ` <div> <my-compon...
- 平时对自己学习工作计划安排可以使用番茄钟去规划,本次自己做一款番茄钟,调控自己的时间 平时对自己学习工作计划安排可以使用番茄钟去规划,本次自己做一款番茄钟,调控自己的时间
- 一、回溯算法 1.1什么是回溯?回溯算法实际上一个类似枚举的搜索尝试过程,主要是在搜索尝试过程中寻找问题的解,当发现已不满足求解条件时,就“回溯”返回,尝试别的路径。——摘自《百度百科》 1.1 一般步骤:针对所给问题,定义问题的解空间,它至少包含问题的一个(最优)解。确定易于搜索的解空间结构,使得能用回溯法方便地搜索整个解空间 。以深度优先的方式搜索解空间,并且在搜索过程中用剪枝函数避免... 一、回溯算法 1.1什么是回溯?回溯算法实际上一个类似枚举的搜索尝试过程,主要是在搜索尝试过程中寻找问题的解,当发现已不满足求解条件时,就“回溯”返回,尝试别的路径。——摘自《百度百科》 1.1 一般步骤:针对所给问题,定义问题的解空间,它至少包含问题的一个(最优)解。确定易于搜索的解空间结构,使得能用回溯法方便地搜索整个解空间 。以深度优先的方式搜索解空间,并且在搜索过程中用剪枝函数避免...
上滑加载中
推荐直播
-
手把手教你在 CodeArts 上部署敏捷流水线
2024/12/31 周二 16:30-18:00
Jerry 华为云生态技术讲师
CodeArts的适用场景以及如何从CodeArts Pipeline出发,一步步添加关联工具,最后让整个流水线流动起来,一起来动手试试吧。
即将直播 -
GaussDB数据库介绍
2025/01/07 周二 16:00-18:00
Steven 华为云学堂技术讲师
本期直播将介绍GaussDB数据库的发展历程、优势、架构、关键特性和部署模式等,旨在帮助开发者了解GaussDB数据库,并通过手把手实验教大家如何在华为云部署GaussDB数据库和使用gsql连接GaussDB数据库。
去报名
热门标签