wikey

canvas是什么 canvas是HTML5的一个新标签，创建了画布，提供了很多上下文context,context就是画笔，在网页的很多地方都有其身影，例如echarts...

```js import esbuild from 'rollup-plugin-esbuild' import vue from '@vitejs/plugin-vue'...

1. Canvas canvas 是 HTML5 提供的新元素，主要是用笔刷来绘制2D图形的，主要有以下特征 通过 js 来绘制 2D图形 canvas 图像单位是像素 c...

如果 .parent 的 height 不写，只需要 padding: 10px 0; 就能将 .child 垂直居中； 如果 .parent 的 height 写死了，就...

TS约束写法 1. ts基本类型约束写法：字符串、数值、布尔、null、undefined、 any 2. 数组约束写法 2.1 数组每一个成员必须是xx类型 let ar...

第一次学习这种动态绑定的写法，有一些新奇 以下是代码解释，以后希望能好好学习111111111111111...

Vue3的属性绑定 默认所有传入的属性都绑定到根元素上 使用inheritAttrs:false可以取消默认绑定 使用$attrs或者context.attrs获取所有属性...

aside的显示隐藏控制 我想做这样一个功能，点击topnav的icon，点一次出现，再点一次隐藏 ， 添加一个asideVisiable变量，来控制aside的显示或者隐...

限定名称 在使用svg时，有时候会遇到写入名称错误的问，为了避免这种情况，在ts中我们可以用type类型限定name的名称，这里注意文件夹要保持与iconName相同（重在...

绑定level属性 在之前封装的Button组件中，希望能设置不同样式的button按钮，于是给button组件的props绑定了level属性 props： 我设置了三个...

TSX中的emit 在Tags组件中想用emit更改选中的tag 结果父组件中并没有发生改变 经过查询文档后发现，在TSX中想要使用emit还必须得 emits: ['up...

今日做柴柴记账时，遇到了表单验证器，表单验证器，是为防止用户输入错误，并且尽早纠错 1.rules element中表单组件提供了表单验证功能，通过rules属性传入验证规...

使用步骤 安装 npm i echarts 引入 (局部/全局) import * as echarts from "echarts" 创建echart Dom节点 给元素...

echarts展示出现bug 切换tab时，echarts并没有展示新的的图表，并且整个图表都直接消失了 经过多方搜索，发现bug产生的原因是因为echarts展示需要di...

useTag组件是在ItemCreate组件中，当点击加载更多的，出现的新tag，因为在收入和支出中都出现了重复代码， 故将其封装成useTag组件 在父组件使用时候 直接...

为何需要Pinia？ 如果是一个组件，props用来放外部传进来的 如果有父子组件，父组件的ref、reactive 作为子组件的props 如果是爷孙组件，除了进行两次p...

需求 在做柴柴记账时，我想做一个长按一秒钟，就可以编辑标签的需求 按下到松开的时间到1秒，也就是说需要两个事件和一个计时器， 在做调试时候，发现当用户手指滑动，但是超过一秒...

想了解更多请看这篇https://coolshell.cn/articles/5353.html cookie 定义 http协议中，服务器发给浏览器的Token，此后，浏...

我发现打包出来的的柴柴记账居然有4M之大，于是决定进行打包优化 打包优化 dynamic import 动态引入组件，这样只有点击了才会去请求 这样打包时，动态引入的组件会...