用户8012100990467

很多的小伙伴，经常会有这样的困惑，我看了很多技术的学习文档、书籍、甚至视频，我想动手实践，于是我打开了 GitHub，想找个开源项目，进行学习，获取项目实战经验。这个时候很多小伙伴就会面临这样的问题：“我不会搜啊，我该怎么找呀？”，最终只能放弃。 这篇文章，小编教你精准地在 G…

在 vue 中，实现 Tab 切换主要有三种方式：使用动态组件，使用 vue-router 路由，使用第三方插件。本文将详细介绍Vue动态组件。所谓动态组件就是让多个组件使用同一个挂载点，并动态切换。 通过使用保留的 <component> 元素，动态地绑定到它的 is 特性，…

vue.js是渐进增强的视图库，可以作为.html页面部分使用，也可以结合vue-router、vuex、axios用来构建单页面或多页面应用。以开发单页面为例，开发过程中为遇到，不同的页面需要使用不同的页面布局情况，下面我们将探索Vue.js中处理布局的多种方式。 构建Vue…

牛年新的一天，老板兴冲冲地走进办公室，三步并作两步来到了我的工位：“大师啊，听说现在做XXXAdmin、低代码开发平台火得不要不要滴，我们务必抓紧搞一个出来！”。“我们再造一个新的轮子？”“大师”满脸

笔者最近发现了 xstate 这个状态机的库，查阅了相关资料，发现业界有一种趋势是使用状态机构建前端应用，十分有趣。其实，应用本身已经是状态机，但是在我们平常编写时，并没有显示的抽象出来，而只是在脑海里构建一个流程，比如，点击主页上的这个按钮，就打开一个弹窗，点击弹窗关闭按钮，…

然后我们依据状态机的定义进行逐个分析。 状态机之所以这样命名，大略都可以理解为管理“状态”的机器。从工业生产可用性的角度来看，任何事物都是可以近似看做有限的状态的。 怎么理解呢？比如一杯水的温度可以算作它的状态，理论上温度的值是无限的，比如我可以说水的温度从 30° 升到了 3…

但是很快我们又蒙圈了，这个组件实例和我们以前熟悉的this不一样，直接访问this.foo还是找不到数据。 当然坑还是有的，你仔细观察这个ctx，发现它不是一个Proxy对象，也就是这位兄台只有值却没有响应性，所以如果要利用响应特性，还得用proxy这个属性返回上下文对象，如果…

编程语言里面，除了使用 if 语句来做条件判断，还有另外一个常用的就是 switch 了。 如果打印 slots 的话，你会发现可以得到一个对象，而 key 的值就是 slot 的名称，而 value 是一个函数，调用这个函数就可以获取到对应的 vnode。 setup 除了可…

建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是：当从左边组件列表拖拽出一个组件放到画布中时，画布要把这个组件渲染出来。 用一个数组 componentDat…