经过了社区贡献者们的三个多月的努力，Varlet 的 3.0 版本终于发布了！ 这次的版本升级主要围绕的是设计系统升级和组件视觉和交互优化。我们重构了几千个 css 变量，最终的最终，终于同时支持了 Material Design 2 和 Material Design 3 两种设计系统

Wijmo FlexMap 是一个功能丰富的库，它使 Web 开发人员能够毫不费力地创建令人惊叹的交互式地图。在本博客中，我们将深入探讨 Wijmo FlexMap 的功能，特别是 ScatterMapLayer 组件的功能。

假设你现在需要实现一个掷硬币的功能，当组件渲染时模拟一次掷硬币！一半的时间组件应该渲染 “正面”，一半的时间应该渲染 “反面”。你对你的产品经理说 “这需要多年的研究！” 然后你继续工作。

Vue 正在不断发展，目前在版本 3 中有多种定义组件的方法。从选项到组合再到类 API，情况大不相同，如果您刚刚开始，可能会感到困惑。让我们定义一个简单的组件并使用所有可用的方法重构它。

只要注册了组件元信息与组件树，可视化搭建的画布就可以渲染出来了，这很好理解。组件树里有各组件的实例，那么最好的设计是，组件树与组件实例结构是同构的

回顾以前对组件的定义：组件就是把图形、非图形的各种逻辑均抽象为一个统一的概念（组件）来实现开发的模式，在Vue中每一个.vue文件都可以视为一个组件

每个 React 组件作为 JavaScript 本身都支持允许将一些可重用的代码片段插入到更大的代码片段中的功能。因此，它是一种应用程序的构建块。以这种方式，React 组件将 UI 划分为可重用的部分并返回 HTML。所以它们是 UI 的一种子功能

要说今年最热门的前端技术，Vue3 和 TS 绝对榜上有名了。据了解，已经有很多公司在使用 Vue3 + TS + Vite 开发新项目了。那么我们也不能落后，今天就给大家分享一下如何在 Vue3 组件中结合 Composition-Api 使用 TS 类型。

我们来看下 Vue3 中的 $attrs 属性。首先，我们会介绍它的用途以及它的实现与 Vue2 有哪些不两同点，并通过事例来加深对它的理解。

有时候想写一个无关框架组件，又不想用原生或者 Jquery 那套去写，而且还要避免样式冲突，用 Web Components 去做刚觉就挺合适的。但是现在 Web Components 使用起来还是不够灵活，很多地方还是不太方便的

v-model和.sync本质都是语法糖，设计出来就是为了方便使用减少代码量。不过更利于使用的封装究竟是方便新手的上手还是加重了学习负担，可能各执己见吧

在这篇文章中，我们将学到很多关于 Suspense 的知识--它是什么，能干什么，以及如何使用它。在开始介绍Vue的Suspense组件之前，我们有必要先了解一下React的Suspense组件

平时使用的函数如：ref、reactive、watch、computed 等需要先引入才能使用，但是本篇文章介绍的 defineProps、withDefaults、defineEmits、defineExpose 都是开箱即用的函数，无需引入

作为一名前端攻城狮，相信大家也都在关注着前端的一些新技术，近些年来前端组件化开发已为常态，我们经常把重用性高的模块抽离成一个个的组件，来达到复用的目的，这样减少了我们的维护成本，提高了开发的效率

对vue项目来说，组件是构成项目的基本单元，为了方便理解，这里定义两类组件：页面组件，功能组件。为什么需要划分这两类组件是从组件复用来考虑的。