- 博客(53)
- 收藏
- 关注
原创 typescript一些基本数据类型的理解
标识任意类型,可以任意赋值;一个变量设置类型为any,相当于对该变量关闭了ts的类型监测,使用ts时,建议不使用any。可以使用 | 来链接多个类型 叫联合类型。any和unknown的区别。
2024-02-04 10:04:57
465
1
原创 typescript中接口interface的理解
1.以abstract 开头的类是抽象类,抽象类和其他类的区别不大,不能用来实例化(创建对象);2.用抽象类的时候是extends 继承;用接口的时候用的是implements实现。所以申明类型的时候,可以使用别名的形式(type 别名={}),也可以使用接口的形式。1.抽象类中可以有抽象方法,也可以有普通方法;区别1:接口可以重复声明;1.接口的作用:可以在定义类的时候限制类的结构。2.接口中的属性都不能有实际的值。实现接口就是使类满足接口的要求。总结:抽象类和接口的区别。定义类,让类去实现接口。
2024-02-02 10:32:47
452
原创 vue3 watch和watchEffect
console.log(‘sum数据变化了’)})!console.log(‘person数据变化了’,new,old)//打印出来的new和old是一样的数据,因为地址没变})
2024-02-01 16:19:15
648
1
原创 vue.js中如何给元素动态添加属性?
封装组件的时候属性为动时怎么绑定属性property : 'positionId' , title : '版位' , type : 'select' , required : false , multiple : false , options : [ ] , placeholder : '请选择' , } , {
2023-08-07 08:40:39
1404
原创 地图地址转经纬度,js没加载完进行调用了高德地图的api报错处理
使用外链加载地图js <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.3&key=d803052320617bd205d0e62c995c1073&plugin=AMap.Geocoder"> </script>
2022-03-08 14:37:14
818
原创 小程序图片压缩上传
背景:小程序司机回单图片上传,一次做多上传10张图片//压缩货物照片 compressGoodsPic() { return new Promise((resolve, reject) => { let handlegoodsPhotoList = [] this.goodsPhotoList = this.$refs.uploadGoods.lists; let _this = this for (let index in this.goods
2022-03-08 10:57:40
553
原创 小程序token失效问题
这里写自定义目录标题请求时token过期自动刷新token封装了一个统一的请求函数获取token请求时token过期自动刷新token在开发过程中,我们都会接触到token,token的作用是什么呢?了解一下Token 认证的来龙去脉主要的作用就是为了安全,用户登陆时,服务器会随机生成一个有时效性的token,用户的每一次请求都需要携带上token,证明其请求的合法性,服务器会验证token,只有通过验证才会返回请求结果。当token失效时,现在的网站一般会做两种处理,一种是跳转到登陆页面让用
2022-03-08 10:00:45
1102
转载 axios的传参方式
1、 params方式axios({ url: '/users', method: 'get', params: { id: '11111', name: '22222' }})请求地址:/users?id=11111&name=22222请求体:无注:get请求是没有请求体的,所以get请求只能使用params传参。2、 data方式(1)application/x-www-form-urlencoded(表单方式)axios({ url: '/u
2020-12-04 17:56:06
518
原创 vue项目--模拟在地址栏拼接字符串然后在从地址中截取该字符串
<template> <div> <div class="banner"><img src="./../../assets/images/banner.png"/></div> <div class="nav"> <ul> <li> <a @click="$router.p
2020-09-01 15:52:03
965
原创 post请求以form表单形式提交
let tempForm = document.createElement('form') tempForm.action = 'http://hzpt-test.ykyao.com/task/third/thirdInfo.php' tempForm.method = 'post' tempForm.style.display = 'none' for (var x in this.params) { var opt.
2020-09-01 15:41:51
3309
转载 vue项目优化
一、项目优化1.关闭productionSourceMap首先,由于最新版的脚手架不自带配置文件了,先在根目录新建vue.config.js文件,关闭productionSourceMap,在vue.config.js中写入如下内容module.exports = { productionSourceMap: false}2、开启Gzip压缩安装插件compression-webpack-plugin,打开代码压缩,npm install --save-dev compression-
2020-09-01 15:34:23
282
转载 数组去重的四种方法
1.最基本的去重方法思路:定义一个新数组,并存放原数组的第一个元素,然后将元素组一一和新数组的元素对比,若不同则存放在新数组中。function unique(arr){ var res = [arr[0]]; for(var i=1;i<arr.length;i++){ var repeat = false; for(var j=0;j<res.length;j++){ if(arr[i] == res[j]){ repeat
2020-07-03 10:30:56
25108
1
转载 javascript中apply、call和bind的区别
在JS中,这三者都是用来改变函数的this对象的指向的,他们有什么样的区别呢。在说区别之前还是先总结一下三者的相似之处:1、都是用来改变函数的this对象的指向的。2、第一个参数都是this要指向的对象。3、都可以利用后续参数传参。那么他们的区别在哪里的,先看一个例子。 var xw = { name : "小王", gender : "男", age : 24, say : function()
2020-07-03 09:13:06
166
转载 移动端2倍图和3倍图的处理方法
/* 如果设备像素大于等于2,则用2倍图 */@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min--moz-device-pixel-ratio: 2) { .img { background-image: url(../images/arrow@2x.png); background-size: 30px 30px; width: 30px; height: 30px;
2020-07-02 21:38:31
1841
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人