headless UI 的哲学

headless 直译过来就是无头的,比方说 headless browser,指的是无头浏览器。无头浏览器也是浏览器,不过缺少了图形界面,通常用编程来控制这种浏览器,用于测试等任务。headless UI 也是差不多的意思,指的就是不提供样式的 UI 组件。相对于传统的 UI 组件,比方说 antd、element-ui 等的传统组件库,headless UI 组件只处理状态变更、事 ...

如何在生产环境排查 Vue 应用问题

很多时候,我们没有完整的测试环境,或者不能在测试环境复现问题,因此不得不在生产环境上面排查问题。在生产环境上,我们可供使用的工具就显得捉襟见肘了,除了打开网页控制台,看一下network、elements之外,我们还能做些什么呢?没关系,今天就跟随本文学习几种方法(主要针对Vue应用)。 vue实例 很多人不知道,vue 会在挂载的 DOM 节点上设置一个属性,指向对应的 ...

petite-vue 框架分析

petite-vue 是基于 DOM 和 @vue/reactivity](https://www.npmjs.com/package/@vue/reactivity)) 驱动的 MVVM框架,提供了和 Vue 框架相似的语法和响应式模型,由 ...

60行代码实现一个状态管理库

先把成品放出来:vuebx 前言 当我们使用Vue开发应用时,随着应用的功能增多,不可避免地组件也会增加,不同组件之间的状态重用就会越来越困难。这个时候我们就需要一个全局状态管理工具帮助我们管理状态,Vue官方提供了Vuex给我们使用,但是很多时候我们的项目只是几个页面,根本不需要用Vuex这种复杂度比较高 ...

从0开始手写一个Vue消息弹窗组件

近期闲来无事,就想折腾一点东西,无奈技术水平太低,做不了什么高深复杂的项目,所以还是先从简单的做起吧。平时我们做项目的时候或多或少都会用到一些组件库,比如element、muse之类的,所以这次我想自己手动写一个组件,封装成一个包,可以暴露到外部去调用。 效果预览 废话不多说,这次写的是一个Vue的消息弹窗组建,借鉴了element的message组件,大家可以去看一看elem ...

Vue组件复用的一些问题

最近在做一些需求的时候,发现了Vue中组件复用令的一些问题,最终经过一番折腾才把问题解决,所以想把问题和解决思路总结一下,以供参考。 正文 假设我们有这样一个需求,两个tab切换控制需要显示的内容,显示的内容里面都有一个多选按钮组件,但是它们数量和内容都不一样。乍一看是个很简单的需求,我们首先把多选按钮单独写一个组件,再根据不同的tab切换传入props: `javascri ...