动态组件渲染为 Cascader,所有选项为空的 Bug

今天封装一个简易动态表单组件的时候遇到了一个的 Bug 分享下,避免踩坑。我使用动态组件来加载一些表单组件,对于大多数组件来说,插槽(slot)是不必要的,但有些控件则需要。比如 el-select ,需要 slot 来挂载选项 123456789101112131415<Component v-bind="column.attrs" :is="map...

发布于 笔记

美化你的 PowerShell

提示本文针对 Win11 操作系统的 PowerShell。其实文档已经写的很清楚了,本文是为了方便萌新快速上手,如果你对文档已经很熟悉了,那么这篇文章可能对你来说没什么用。 安装打开 Oh My Posh,找到 Docs 页,选择 Windows 菜单 打开 PowerShell 终端并运行以下命令: 1winget install JanDeDobbeleer.OhMyPosh -s...

发布于 笔记

TypeScript 中的 never 类型另一个妙用

Never在 TypeScript 中,never 本质就是一个空集。事实上,在另一个流行的 JavaScript 类型系统 Flow 中,作用完全一样的类型直接被命名为 empty。 由于集合中没有值,never 类型字面意义地永远不会(双关)有任何值,包括 any 类型的也不在 never 这个空集中。这就是为什么 never 有时也被称为 uninhabited 类型或 Bottom ...

发布于 笔记

Blazor 入门笔记

Blazor 介绍Blazor 框架是一个用于构建单页应用程序的开源框架。它由 Microsoft 创建,将传统的 razor 框架与现代的 .Net 和 WebAssembly 框架相结合。更重要的是?它有助于构建服务器端和客户端应用程序。Blazor 一般有两种托管模型,一种用于客户端,另一种用于服务器端 Blazor WebAssembly(指客户端) Blazor WebAssem...

发布于 笔记

菜单标题超出显示 tooltip

在线Demohttps://codesandbox.io/s/ce-bian-bu-ju-cai-dan-guo-chang-xian-shi-tooltip-6fqvxthttps://codesandbox.io/s/ce-bian-bu-ju-cai-dan-guo-chang-xian-shi-tooltip-6fqvxt 需求菜单标题过长用 tooltip 显示用户体验更好。虽然...

发布于 笔记

看板大屏笔记

Grid 网格布局拿到大屏设计稿首先是设计页面布局,把布局中最基本的 块(项目) 定义好。这里用 flex 布局一把梭也能实现,但是没有 grid 强大和灵活,比如块(项目)大小、间距改变,这些改起来还是相当麻烦的。如果是 grid 布局,修改模块间距就方便很多,它有一个 gap 属性,row-gap属性设置行与行的间隔(行间距),column-gap属性设置列与列的间隔(列间距)。 123...

发布于 笔记

整理下近期面试被问到的面试题(前端 3-5 年经验)

js 中 new 操作符干了什么 创建一个空对象 让新对象继承构造函数的原型对象 调用构造函数,传入实参,并自动替换构造函数中的 this 为 new 正在创建的新对象。构造函数中,通过强行赋值的方式为新对象添加规定的属性,并保存属性值 返回新对象的地址,保存到=左边的变量中但是 eslint 已经有了不让 new 的规则,大部分新生 API 都采用 create 方式,比如 vu...

发布于   更新于 笔记

本机模拟前后端分离部署

后端接口代码打包 maven clean maven compile maven package 打包完成后将 target 下的 war 包或者 edts 文件包放在 tomcat webapps 下或者任意目录下 编辑 tomcat 的 server.xml文件 元素-属性 解释 host (表示一个虚拟主机) name 指定主机名 appBase 应用程序基本目录,...

发布于 笔记