自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(38)
  • 收藏
  • 关注

原创 js常用数据处理方法

3.对数组或或者数组对象某一项进行数据计算、增加、删除,不影响原数组,会得到一个新数组 ---arr.map。的所在项(一个字符或者一个对象),返回所在项---arr.find。6.数组中符合条件的下标---indexOf 、findIndex。2.遍历数组/数组对象,获取每一项的值---for of。1.获取key:value的key---for in。slice方法返回一个新的数组对象,不会修改原数组。的值,并返回一个新数组---arr.filter。4.找数组/数组对象中。4.找数组/数组对象中。

2024-04-11 16:05:10 342

原创 canvas图上绘制边框,可放大缩小,可拖动

ps同事写的收藏一下

2024-04-11 10:20:55 291

原创 upload组件customRequest的用法,上传文件直接使用接口,

【代码】upload组件customRequest的用法,上传文件直接使用接口,

2024-04-11 10:12:43 263

原创 封装的charts使用 vue2

【代码】封装的charts使用 vue2。

2024-03-25 10:29:02 285

原创 饼图渲染报错解决 vue3

父组件请求接口后返回数据,传给子组件进行饼图渲染,因为接口是异步的,所以会导致先初始化了图表但是没数据。

2024-03-25 10:19:41 193

原创 只有数据和total时,前端做分页

只有数据和total时,前端做分页。

2024-03-25 10:05:49 116

原创 antd vue 表格点击事件customRow的基础使用

customRow的基础使用。

2024-03-22 16:48:06 346

原创 日期选择器,选中的和回显的时间合格式

一定要记住呜呜呜。

2024-03-15 14:54:24 375

原创 vue项目从后端下载文件显示进度条或者loading

【代码】vue项目从后端下载文件显示进度条或者loading。

2024-02-27 14:06:07 1040

原创 vue项目导出excel ,文件过大导致请求超时的处理方法

一、因为文件过大,请求时间较长,就会产生请求超时的情况,处理方式是可以分为三个接口,接口1用来获取id值,接口2利用id值发起请求,询问是否准备好下载,如果没准备好,则没隔一秒再次发起请求询问是否准备好,直到准备好为止,清除定时器,使用接口3发起下载。

2024-02-27 14:01:15 832

原创 uniapp分页,下拉加载下一页

【代码】uniapp分页,下拉加载下一页。

2024-01-24 14:58:37 470

原创 微信公众号 正式号环境配置

关于如何用测试号进行前端开发,上篇文章已说明本篇主要介绍正式号正式环境的相关配置。

2024-01-22 15:25:42 379

原创 uniapp开发微信公众号,调用微信接口是跨域怎么处理

注:这里代理的名字千万不能写/api,不然 https://api.weixin.qq.com里面的api会被替换掉。"secure" : true, // 设置支持https协议的代理。"changeOrigin" : true, //是否跨域。

2024-01-22 14:16:05 586

原创 开发微信公众号之前端需要做什么

另外,在公众号开发过程中,我们一定会用到微信用户的openid,需要在这里设置获取用户信息,点击修改后,设置为本地ip(本地ip会变,下次再打开可能有问题,记得查看IP是否变化),设置的ip就可以获取用户id(正式公众号回调地址只支持域名)拿到token之后,请求创建菜单接口,进行菜单创建,需要创建或者修改的时候,只需要调用一次次接口就可以了,修改成功后可在代码里面注释掉的修改的请求。接口请求成功之后,稍等一会去查看公众号的菜单就可以啦,(实质上是跳转到外网 的H5页面)进行代理)(附看这里)

2024-01-22 14:09:39 1801

原创 在windows上的HBuilderX使用ios进行真机调试

(后缀是ipa),放入plugin文件夹D:\hbuilder\HBuilderX\plugins\launcher\base。当手机连接到电脑时,爱思助手上就会显示连接正常,并且显示手机相关信息,选择‘工具箱’,找到IPA签名。添加HBulidx的配置文件为其添加签名。接下来就可以进行ios的真机调试啦。添加签名后的文件,重命名为。首先下载一个爱思助手。

2024-01-19 10:25:00 843

原创 “innerAudioContext“ is read-only微信小程序使用音频播放的时候报错

销毁实例不要放在stop或者onEnded事件里面,放在组件销毁前的生命周期。

2024-01-12 16:36:36 440

原创 微信小程序文字转语音播放

如果当我们字数较多时候,我们可以分段去合成,并存储他们的顺序(因为合成的时候,有的文字多,有的文字少,所以会导致合成回来的语音顺序会乱),语音合成方法如下,先把你所有的内容按照一定的长度进行分段,然后分别进行语音合成,记得带顺序。第二步,进行语音合成,将文本合成语音,这里官方提供的插件有一个限制,就是单次合成的内容大小是1000字节,我们用到的是微信小程序的同声传译小插件,首先去开通这个插件。将富文本转为纯文字,下面是封装好的方法可以直接使用。第三步,就可以进行语音的播放和暂停和停止啦。

2024-01-12 15:47:21 602 1

原创 uniapp使用地图时renderjs的写法

我们可以把script看成父级,把看成子级。this.$ownerInstance.callMethod('父级方法', 要穿给父级的数据)父传子时,在template里面写一个view用来监听父级数据的变化,以来调用子级方法。

2023-12-18 11:25:41 181

原创 uniapp开发app坑(可用窗口的高度)

uni.getWindowInfo()响应值 ,虽然少了,但是针对他说的windowHeight是减去tabbar和导航栏高度的说法,并没有生效,至少我在app使用是没有生效的。用uni.getWindowInfo()和uni.getSystemInfo获取的windowHeight(可使用窗口高度)居然不一样!uni.getSystemInfo响应值——————screenHeight和windowHeight一样高,肯定有问题。

2023-12-15 14:28:26 150

原创 可恶,太可恶!!! uniapp在app里使用cover-view大坑

能不用还是不要用了。

2023-12-13 15:07:00 321 1

原创 vue2props监听watch

因为父组件传给子组件的数据是通过子组件的mounted阶段进行的处理,才能通过data渲染到页面上,从而更新。但是数据发生变化的时候,mounted阶段已经过了,所以data捕获不到数据的更新,从而无法更新。props传值给子组件的时候,有时候子组件接受不到变化,

2023-08-08 16:28:00 1630

原创 pinia修改state中的值,并且获取修改后的值

首先在store里面定义state及处理函数。然后再某个页面使用函数,改变值。再要使用的页面监听使用。

2023-08-04 15:25:37 764 1

原创 如何同步拿到异步函数返回值

resolve('成功');}, 2000);});console.log('你好');//先输出‘成功’,在输出‘你好’//执行拿到异步返回的值之后的操作...

2023-07-06 11:31:39 755 1

原创 uniapp的webview页面的双指缩放

【代码】uniapp的webview页面的双指缩放。

2023-06-29 10:50:32 1644 5

原创 时间戳转日期

【代码】时间戳转日期。

2023-06-13 17:53:24 45

原创 使用json server 模拟接口(mock数据的创建以及增删查改)

以上就是mock数据的使用,及增删查改功能啦,如果需要传入动态参数,则将固定值替换即可。附:封装好的axios,在使用json server发请求的时候需要引入axios调请求。传参方式delete(通常只能利用id进行删除),参数id加在url后面。5.使用模拟接口进行增删查改:(在此之前已经进行了axios的封装。mock数据是用来模拟后端提供的数据,用json文件代替接口。传参方式为patch,参数传输用data,里面是要修改的参数。3)所有的key对应的value,最外层必须是一个数组。

2023-03-23 17:28:41 461

原创 vue3中使用mockjs模拟数据及获取

2.在src文件夹下建立mock文件夹,在建立index.ts。4.使用mock数据,在需要使用的地方发送请求获取数据。3.在main.ts引入mock/index。

2023-03-14 14:34:23 1155 1

原创 快速绘制一个基础echarts折线图

这样写上去就运行你会发现控制台报错:Initialize failed: invalid dom,无效的dom,这是因为此时dom还没挂载上去,所以此时解决办法是用mounted,在 vue3中的钩子函数则是onMounted,1.第一步,获取 Apache ECharts,可以通过npm安装,也可以通过其他方式获取,详情见。把初始化及绘制图表的整个过程放到钩子函数里。此时再重新刷新,浏览器就可以加载出图表啦。3.在页面初始就绘制图表。2.引入echarts。vue3+ts写法如下。

2023-03-03 10:26:21 268 1

原创 vue组件间的传值方法

emit自定义事件

2023-02-18 14:01:55 2248 2

原创 vue2数据绑定原理(面试题)

当你把一个普通的 JavaScript 对象(json)传入 Vue 实例作为 data 选项,Vue 将遍历此对象所有的属性,并使用 Object.defineProperty 把这些属性全部转为 getter/setter。​vue2框架会把模板使用该数据的所有dom元素做订阅。当数据发生变化时,然后,发布给所有的订阅者。vue2的数据绑定是通过数据劫持和观察者模式实现的。(先感受到变化,再去渲染)感知到数据变化之后,我们再使用观察者模式去实现模板上数据的改变。(当给属性赋值时,程序是能够感知到的))

2023-02-11 11:37:33 156

原创 JS中找到两个数组的交集,即两个数组交叉的元素,并添加到新的数组里

思路是先把两个数组连接起来,变为一个新数组,再对新数组进行排序建一个空数组利用排序后的数组循环,如果前后值相等,就添加进空数组如果有三个及其以上的元素相等的话,就需要去重,直接利用Array.from(new Set(数组))就可以实现

2022-12-03 16:43:38 414 1

原创 JS中数组的方法增加、删除、排序、反转、连接、转字符串、查下标

arr.push(‘追加内容’)——数组后面追加元素arr.pop()——从数组后面删除一个元素,无参数arr.unshift(‘添加内容’)——数组前面追加元素arr.shift()——数组前面删除一个元素,无参数删除值返回删除的元素,添加值则返回新的数组长度arr.splice(下标位置,删除几个,”添加内容”)——数组指定位置增加或 删除,参数至少有一个,表示从这个位置开始往后删完)arr.reverse()——数组反转,不论大小arr.sort——分别按照个位、十位大小排序arr.sort(func

2022-12-03 16:28:25 285

原创 JS数据类型转换,转数值,转字符串,转布尔

1.转数值 number parseInt(‘内容‘/变量名)可以强制把字符串转整数数值,隐式转换 Parsefloat(‘内容‘/变量名)可以强制把有小数的字符串转小数数值,隐式转换, Number(‘内容‘/变量名)显式转换, 注意:NaN是数值类型 2.转字符串类型 string String(‘内容‘/变量名) 变量名.toString() 变量名+””,属于隐式转换 注意:null和un

2022-12-03 10:05:03 345

原创 JS基础用户输入框prompt

结果1:如果用户点击了确定,则返回用户输入的内容,类型是字符串型。结果2:如果用户点击了取消,则返回null。返回值可以用变量接收,返回结果有两种。用法:prompt(“提示内容”)

2022-12-02 20:56:56 3910

原创 JS初学变量命名规则

由数字、字母、 下划线(-)和$构成。

2022-12-02 20:42:13 120

原创 js中的set的用法(set去重、遍历)

给数组利用new Set()时,得到的是对象,需要利用Array.from将其转为数组。set专用遍历for of。

2022-11-29 18:43:09 392

原创 JS前期数组、字符串、时间、定时器、DOM\BOM事件总结

arr.forEach(function(item, index,arr){ })——数组的遍历。arr.IndexOf(‘需查询元素’)——查询数组元素对应下标,如有重复只显示 第一个下标。arr.splice(下标位置,删除几个,”添加内容”)——数组指定位置增加或 删除,参数至少有一个。Math.max(‘数值变量1’,‘数值变量2’,‘数值变量3’)——取最大值,最 小值同理。.spilt(‘分隔符’)——字符串转数组,同时也可用分隔符在数组内分割,可用下标找对应值。

2022-11-22 20:11:34 178

原创 如何清除css中文本框获得焦点时 自动出现的边框

清除css中文本框获得焦点时 自动出现的边框

2022-10-31 22:43:28 2045

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除