- 博客(30)
- 收藏
- 关注
RSS订阅原创 render和h函数用法
代替模板template，直接通过JavaScript编程式形成虚拟Dom。props：属性对象（class、style、onclick()等）render和h()是处理虚拟dom的核心机制。在render函数中手动构建VNode,动态生成DOM结构。children:子节点（字符串、数组）或其他生成 VNode 的方法。用于创建虚拟DOM节点。二、render函数。
2025-04-18 14:27:22
305
原创 vite配置文件
1、创建 Vite + Vue 项目# 创建新项目（推荐 Vue 3） npm create vite@latest my-vue-app -- --template vue2、核心配置（vite.config.js）3、从 Webpack 迁移步骤vue-cliwebpack4、常见的配置如下vite.config.js里。
2025-03-25 13:59:25
357
原创 鼠标事件方法
2、箭头函数没有arguments，箭头函数的arguments，取上一级函数的arguments。3、箭头函数没有prototype，箭头函数的prototype，取上一级函数的prototype。1、let,const都是块级作用域，在函数内部声明的变量，在函数外部无法访问。1、箭头函数没有this，箭头函数的this，取上一级函数的this。3、const声明的变量，不可重新赋值，不可重新声明。2、鼠标移动，mousemove （选区、拖动）2、let声明的变量，可重新赋值，不可重新声明。
2025-03-24 16:08:55
495
原创 关于Highcharts遇到的难点
1、我是直接安装的 npm install highcharts --save。导致是最新的版本，引入一直报错。重新安装 npm install highcharts@10.2.1 --save。从网上找也没找到啥解决办法，看到人家版本是10.2.1。// 使用3d图还需要引入下面的。在页面中引入就正常可以用了。
2025-03-13 14:54:06
198
原创 关于scss/sass的用法
在src/assets/styles/variables.scss （公共变量文件）1.1 在src/assets/style/common.less建一个less公共样式。1.2 全局引入（在vue.config.js里配置）2.1 variables.scss写法。variables.scss函数里。common.less（是直接。2.2 组件使用 .vue。2.3 scss混合函数用法。（是通过@include）一、less里变量用法。二、 scss变量用法。（是通过@mixin）
2025-03-06 16:20:34
365
原创 默认插槽和具名插槽和作用域插槽的用法
将数据传递给插槽。父组件通过<template #插槽名='slotProps'></template> 接收数据，并使用slotProps。2、具名插槽：子组件通过<slot name='插槽名'></slot>，父组件通过<template #插槽名><div></div></template>1、默认插槽：子组件通过<slot>
2025-02-18 13:46:51
429
原创 计算属性computed与监听watch
4、vue3监听watchEffect。1、vue2计算属性computed。2、vue3计算属性computed。3、vu2监听watch。
2025-02-17 13:37:55
249
原创 关于ES里的特殊运算符
操作符表示如果左侧运算值为undefined或null就会输出右侧的值，否则就会输出左侧属性值。.操作符表示查找对象里的属性和方法，如果没有不会报错会返回undefined。
2025-02-13 10:04:57
244
原创 face-api.js人脸的简单使用案例
this.peopleCount = uniqueDescriptors.length // 直接使用去重后的数组长度，因已排除undefined，无需JSON.stringify和parse。// console.log('查看获取帧',validDescriptors)// console.log('查看获取帧',recentDetections)console.log('查看获取帧', validDescriptors)console.log('查看获取帧sss', canvas)
2024-11-06 15:34:29
2124
2
原创 vue2和vue3使用vuex的方式方法
一、vuex的含义：vuex是实现组件全局数据管理的一种机制，可以实现组件之间的数据共享和共同调用相同方法。什么时候适合存储在vuex中，组件数据共享、方法共享时。
2024-09-02 15:25:42
636
原创 正则表达式用法
2、exec()方法在指定字符串中搜索匹配查找，返回数组或null。new RegExp('内容')写时反斜杠要多写一个。例如new RegExp('^//d$')/^[a-z]\d{5}$/.test('ad123') // false 不成立。/^[a-z]\d{5}$/.test('a12345') // true 成立。1、打点（test()测试字符串是否匹配此正则表达式)2、手机号校验和保留前后几位中间用**代替。new RegExp('内容')二、元字符、特殊字符、方括号表达式。
2024-08-12 16:19:24
461
原创 uniapp里图片转换base64，base64转换图片的一个插件(image-tools)
2、引入：import { pathToBase64, base64ToPath } from 'image-tools'1、安装：npm i image-tools --save。4、使用：base64转图片。
2024-08-02 09:34:51
1131
原创 echarts笔记
1.2、更改图例\x轴\y轴字体颜色 图例下面加 textStyle,x轴和y轴下加lineStyle。1.1 通过给其加 formatter: function (value) { }一、给legend图例限制长度。
2024-05-29 14:41:03
171
原创 关于js里DOM的一些方法和vue框架里DOM的用法
/从查找结果的类数组对象中取出保存在第一个位置的唯一一个DOM元素对象。document.getElementsByClassName("class名")document.getElementsByTagName("标签名")document.getElementById("id名")一、单个获取dom元素(使用ref来获取DOM元素)二、通过class名查找相应元素。
2024-05-23 16:42:08
310
1
原创 数组常用方法
push()方法在尾部添加数据，unshift() 方法在最前面添加数据，splice(index,num,content) 方法具有增删改,index下标索引，num数量，content内容。5、includes() 用于判断数组中是否包含某个值，返回的值是布尔类型。indexOf()也是判断数组中是否包含某个值，返回的是索引下标，不包含时返回-1。shift() 方法 删除最前面的一个，pop()方法删除最后面一个。3、slice()方法是提取数据组成一个新的数组。6、reverse()方法是倒序。
2024-01-10 14:27:17
414
原创 字符串的一些用法
1、indexOf() 可以用于判断是否存在，如果存在会显示当前位置，如果为-1则没有。3、padStart(m,n) 用于在字符串的前面补充内容。m是一共显示多少位，n是位数不够在前面补充的内容。4、padEnd(m,n) 用于在字符串的后面补充内容。5、substr(index,length) 用于字符串的抽取 ，第一个参数为下标，第二个参数为长度。6、substring() 方法用于提取字符串中介于两个指定下标之间的字符。10、toLowerCase() 小写，toUpperCase() 大写。
2024-01-10 11:21:50
561
原创 ES6 数组所有遍历方法
map方法和forEach方法的区别就在于，map方法可以return出一个新的数组，并且不会改变原来的数组。，接受函数作为累加器，两个参数，第一个参数为回调函数，第二个参数为自己定义的初始值。//当在forEach中使用break或者continue时，程序会报错。，得到的是一个Boolean类型的值，只要其中一个满足就会返回true。，数组的过滤方法，会筛选出符合条件的数组进行返回，也不会改变原数组。console.log(item) //这里会输出0,1,2。// 第1种就是forEach方法。
2023-12-26 10:52:55
641
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人