- 博客(52)
- 收藏
- 关注
RSS订阅原创 typescript一些基本数据类型的理解
标识任意类型，可以任意赋值；一个变量设置类型为any，相当于对该变量关闭了ts的类型监测，使用ts时，建议不使用any。可以使用 | 来链接多个类型 叫联合类型。any和unknown的区别。
2024-02-04 10:04:57
401
1
原创 typescript中接口interface的理解
1.以abstract 开头的类是抽象类，抽象类和其他类的区别不大，不能用来实例化（创建对象）；2.用抽象类的时候是extends 继承；用接口的时候用的是implements实现。所以申明类型的时候，可以使用别名的形式（type 别名={}），也可以使用接口的形式。1.抽象类中可以有抽象方法，也可以有普通方法；区别1：接口可以重复声明；1.接口的作用：可以在定义类的时候限制类的结构。2.接口中的属性都不能有实际的值。实现接口就是使类满足接口的要求。总结：抽象类和接口的区别。定义类，让类去实现接口。
2024-02-02 10:32:47
383
原创 vue3 watch和watchEffect
console.log(‘sum数据变化了’)}）!console.log(‘person数据变化了’，new,old)//打印出来的new和old是一样的数据，因为地址没变}）
2024-02-01 16:19:15
511
原创 vue.js中如何给元素动态添加属性?
封装组件的时候属性为动时怎么绑定属性property : 'positionId' , title : '版位' , type : 'select' , required : false , multiple : false , options : [ ] , placeholder : '请选择' , } , {
2023-08-07 08:40:39
1169
原创 地图地址转经纬度，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
765
原创 小程序图片压缩上传
背景：小程序司机回单图片上传，一次做多上传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
493
原创 小程序token失效问题
这里写自定义目录标题请求时token过期自动刷新token封装了一个统一的请求函数获取token请求时token过期自动刷新token在开发过程中，我们都会接触到token，token的作用是什么呢？了解一下Token 认证的来龙去脉主要的作用就是为了安全，用户登陆时，服务器会随机生成一个有时效性的token,用户的每一次请求都需要携带上token，证明其请求的合法性，服务器会验证token，只有通过验证才会返回请求结果。当token失效时，现在的网站一般会做两种处理，一种是跳转到登陆页面让用
2022-03-08 10:00:45
736
转载 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
445
原创 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
914
原创 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
2990
转载 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
253
转载 数组去重的四种方法
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
25010
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
112
转载 移动端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/[email protected]); background-size: 30px 30px; width: 30px; height: 30px;
2020-07-02 21:38:31
1727
原创 vue项目小笔记
[INCREMENT_FOOD_COUNT](state, {food}) { if(!food.count) { // 第一次增加 // food.count = 1 // 新增属性(没有数据绑定) /* 对象 属性名 属性值 */ Vue.set(food, 'count', 1) // 让新增的属性也有数据绑定 // 将food添加到cartFoods中 state.cartFood
2020-06-30 16:47:00
150
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人