ll1943603292的博客

原创 TypeScript笔记

abstract 定义了一个抽象的方法，但是抽象的方法不能返回任何的东西，用于定义和分装。首字母大写，代表原始类型，可以使用Number的原型上面的方法，比如touStrin。Array 数组类型Array<number>public 默认值可以在子类，内部，外部使用。protected：保护，当前类，子类可以使用。tuple 元组 [string,age]readonly 只读，不能使用只能看。private：私有，只能内部使用。Object 对象类型的原始类型。数字枚举和字符串枚举常量枚举。

原创 axios 请求封装

【代码】axios 请求封装。

原创 通过AES加密前端传递参数

1.首先下载依赖 "crypto-js": "^4.2.0",3.在http封装里面使用。

原创 省市区三级联动组合树形结构

【代码】省市区三级联动组合树形结构。

原创 解决苹果底部安全区问题

【代码】解决苹果底部安全区问题。

原创 uniapptabBar修改背景色安全间距问题

onLaunch里面加。

原创 JS数据传递和深浅拷贝

由于复杂数据类型赋值时，并不是把真正的数据给另外一个值，而是有一个指针指向一个地址，这个地址里面就是储存的值，所以就导致了当一个对象的值改变时，另外一个对象的值也会被改变。个人理解通过for循环是进行赋值而不是让对象指向指针，所以改变值时只是改变了newObj的值达到浅拷贝的目的。2.2通过JSON的格式转换，缺点是如果对象中有值为undefined则无法拷贝。这时的值改变了是应为形参的地址和外面值的地址指向的是同一个地址所以值会被改变。2.深拷贝当一个复杂类型里面嵌套了另外一个复杂类型，如。

原创 vue2Vue3dialog框的打开和关闭

原创 手写步骤条

isHead: false, // 是否是头部元素。isHead: false, // 是否是头部元素。isHead: false, // 是否是头部元素。isHead: false, // 是否是头部元素。scrollIntoView: "" // 设置滚动到那个元素处。isCheck: false // 是否选中。isCheck: false // 是否选中。isCheck: false // 是否选中。isCheck: false // 是否选中。isCheck: false // 是否选中。

原创 Vue2和Vue3获取Vue实列

通过getCurrentInstance（）这个函数就可以获取到vue。在vue3中可以配置一个全局文件auto-imports.d.ts。通过toRefs这个函数可以获取到vue中的toRefs。Vue2中直接this就可以获取。

原创 过滤空字符串与后端传参

/ 给后端穿空的字段。

原创 多个else if优雅写法

定义两个超量对象来保存值然后在进行变量，就不会出现很多if判断了，加||i.respurce的原因是保证避免出现undefined的情况。这里使用了很多的if else很影响性能于是经过chatgtp优化后成为这样，item.resource='乡村振兴'i.resource='一线一品'i.resource='搜了宝'i.type='现金'i.type='积分'2: "一县一品",3: "乡村振兴",

原创 v-mode和自定义input事件双向绑定发生冲突解决方法

今天改一个需求时，需要使用到input e.target.value 和@input事件实现双向绑定，但是input表单已经使用了v-model语法糖。这时候想到的方法是promise 或许async 回调函数来解决这种问题，但是在部门老大的指导下一句代码解决问题，使用倒计时。这个时候由于JS原生的优先级肯定是会更高的，所以就会导致v-model绑定的值并没有实时更新。

原创 input输入框左侧内嵌css样式

在工作中我们经常会遇到这样的样式，有些时候不能用组件可以，需要我们自己封装，于是我们便可以使用h5提供的新标签label代码如下：