m0_58959716的博客

原创 二次封装storage, 避免手动多次写json.pase和stringfy, 同时避免一个域名下多项目本地变量名冲突

二次封装storage, 避免手动多次写json.pase和stringfy, 同时避免一个域名下多项目本地变量名冲突。

原创 audio音频使用天坑

给领导看效果的时候没问题，后边自己微调之后苹果播放只能一秒就停，找几个小时原因气死，晚上才想起来，给领导看到时候audio的src是测试写死的，后边换成的:src绑定的动态的。忘了这一点，今天换了下绑定方式就ok了，有大佬知道这是个啥原因吗之前写法修改之后 微信端开发H5页面的时候，audio标签在苹果机上无法进行自动播放html5 中 audio 设置 autoplay 仍无法自动播放音频的解决办法_ersaijun的博客-CSDN博客_html audio不能自动播放效果图：

原创 h5视频落地页知识点整理

落地页知识点整理

原创 判断操作系统和浏览器类型（苹果还是安卓，微信还是QQ）

判断操作系统和浏览器类型

原创 复制文字功能（vue中）

content : content.toString() // 复制内容，必须字符串，数字需要转换为字符串。error('复制失败，请检查h5中调用该方法的方式，是不是用户点击的方式调用的，如果不是请改为用户点击的方式触发该方法，因为h5中安全性，不能js直接调用！const result = document.execCommand('copy') // 执行浏览器复制命令。textarea.setSelectionRange(0, contentStr.length) //核心。

原创 2022.9.26小记 视频播放页

判断苹果系统，微信浏览器

原创 使用过滤器，格式化超过1万和1千的数字，保留一位小数

filters:{ handleCount(count){ if(count >= 10000){ count = (count - count%1000)/10000+'W' }else if(count >= 1000){ count = (count - count%100)/1000+'K'} return count }, },

原创 vant 组件库中的 图片上传组件（多张图片上传，删除图片传自定义参数）

图片上传前，限制图片格式。图片上传后，上传七牛云接口返回图片url，赋值给图片路径变量。图片删除坑：vant上传组建中内置的删除事件，默认携带两个参数，file和detail，detail中包括name和index字段。想要携带自定义参数，绑定事件时候用箭头函数：before-delete = " (file,detail) => {delImg (自定义参数)}"

原创 vue 中多个 ref 怎么获取

1.网上有解决循环 ref 的问题，使用 :ref = "`name${ index }`",获取用 this.$refs[ `name${ index }` ],难点在于多段经历，循环产生多组 动作面板 包含的 时间选择器，ref 会获取为数组。时间选择器 包含在 动作面板中，包括 开始时间 和 结束时间的选择。需要在点击 时间选择器 的 “取消” 时，控制 动作面板 关闭。但是我是循环外层，每个循环中有就有两个 ref。2.参照第一种思路，多给一个参数区分ref。

原创 TS装饰器

console.log(Person.a) //100，由于Person类被test装饰器作用，所以拥有装饰器内的属性。装饰器本质是一种函数，通过添加标注的方式，对数据（类，方法，属性，参数等）的功能进行增加或者修改。//定义可以接受用户参数的装饰器函数，这种内部必须返回一个函数，用来接受类，进行装饰器增强。class Person() //在@装饰器下边，紧挨着定义一个类。方法装饰器函数会接收到三个参数，三个参数是规定好的。第三个参数：成员的属性描述符，不常用，选填。...

原创 $nextTick 和 $set、$delete

官方文档定义：如果实力创建之后添加新的属性到实例上，它不会触发视图更新。直接给对象复制操作，虽然可以新增属性，但是不会触发视图更新。问题：定义obj时候没有age属性，直接添加视图不会更新。新添加的属性需要用$delete删除。

原创 计算 属性

计算属性就是当其依赖属性的值发生变化时，这个属性的值会自动更新，预支相关的DOM部分也会同步自动更新。（有缓存）

原创 watch数据监听 ( 面包屑 )

watch应用场景：面包屑和异步数据渲染

原创 路由中的mata

keepAlive: true, //需要缓存。meta简单来说就是路由元信息，也就是每个路由身上携带的信息。title: '首页'

原创 路由 拦截

next：Function，进行管道中的一个钩子，如果执行完了，则导航的状态就是confirmed（确认的）；否则为false，终止导航。路由拦截是路由在发生变化时需要进行的拦截处理，比如跳转某个页面内要判断是否有登录等。to：router即将进入的路由对象。from：当前导航即将离开的路由。afterEach函数不用传next()函数。

原创 可选链操作符（?.）

可选链操作符

原创 vant uploader组件，完整使用，单张图片上传

vant uploader组件，单张图片上传

原创 vant list 组件上拉加载+下拉刷新完整使用

vant list组件完整使用

原创 系统时间显示踩坑记录

系统时间显示

原创 2022.6.27小记

不同页面锚点跳转；vue页面监听滚动距离；让别人访问你本地项目

原创 获取路径url上的参数（数组形式）

原创 vant框架上拉加载，下拉刷新

<van-pull-refresh v-model="refreshing" @refresh="onRefresh"><van-list v-model="loading":finished="finished"finished-text="没有更多了"@load="onLoad" ><van-cell v-for="item in list" :key="it...

原创 css动画实现心跳效果

1.定义动画效果2.添加动画.float_img{width:200rpx;/*position:absolute;*/position:fixed;bottom:150rpx;right:50rpx;animation:scale1.3slinearinfinite;/*名称1s匀速无限循环*/}@keyframesscale{/*动画帧*/50%{transform:scale(1.2)}...

原创 小程序使用less——微信开发者工具配置less

1.vscode下载插件Easy-Less插件，找到插件所在位置复制（正常路径为：C:\Users\用户名\.vscode\extensions），找不到可以全局搜索“easy-less”2. 复制到微信开发者工具的插件文件夹中：C:\用户\用户名\AppData\Local\微信开发者工具\User Data\1a695ca2de1a85735f93a43fb366c83f\Default\Editor\User\extensions（注意查找的时候把查看中的隐藏文件勾选上）3

原创 小程序封装组件步骤

1.根目录下创建component文件夹，放要封装的子组件2.compnent文件夹下，创建组件文件夹，文件夹下右键新建component坑：因为 WXML 节点标签名只能是小写字母、中划线和下划线的组合，所以自定义组件的标签名也只能包含这些字符。3.父组件的.json文件中的usingComponents属性引入子组件4.父组件操作js文件中声明要传给子组件的变量wxml文件中添加引入的子组件名字的标签名，标签上传递变量5.子组件操作坑：addGl.

原创 js中call(),apply()和bind()的区别

1.共同点，都是用来指定this的指向2.区别，第一个形参都是this的指向对象，但是后边的形参不一样call(形参1，形参2，...，形参n) call用逗号分隔各形参apply(形参1，[形参2，...，形参n]) apply的后边形参要放在数组中bind(形参1，形参2，...，形参n)() bind也是逗号分隔就可以，但是返回的是一个新函数，需要加（）才能执行...

原创 uniapp实现全选和取消全选

https://blog.csdn.net/muge1161105403/article/details/107233916<template> <view class="content"> <view class="top"> <checkbox-group @change="seletedStatus" checked> <checkbox :value="item....

原创 根据返回数据长度控制“查看更多”是否显示

getProblem() { this.$http.get('/app-jycy-ask/getNewAskPageList', { params: this.pages }).then(res => { let result = res.data.data.records; this.problemList = this.problemList.concat(result); ...

原创 js判断pc端和移动端

if (window.navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i)) { this.isFooter = false; } else { this.isFooter ...

原创 公共样式限制几行显示

.line_clamp1 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; word-wrap: break-word; word-break: break-all;}

原创 vscode 自定义代码片段

1.设置-用户代码片段-新建2.https://snippet-generator.app/?description=&tabtrigger=&snippet=%0A&mode=vscode将需要的代码片段转换为snippet语言3.复制第二步网站生成代码到新建代码片段文件中，自定义代码片段快捷单词...

原创 uniapp判断app（默认h5，app样式有差别）

// #ifdef APP-PLUS this.heights = '462'; // #endif 例：getJobApplyDetail(id, jobName, jobSalary, companyName) { this.$http.get('/app-jycy-jobapply/getDisab...

原创 正则匹配全局斜杠、过滤器用法

正则匹配全局斜杠“/”val.replace(/\//g,'-')

原创 过滤器，年份过滤当年

filters: {// 获取当前年currentYear(time) {if(time){let date = new Date();let years = date.getFullYear();let createTime = "";if (time.slice(0, 4) == years) {createTime = time.split(years + "-").join("");} else {createTime = time;}return c

原创 uniapp上拉刷新，下拉加载的插件mescroll

http://www.mescroll.com/demo.html#hight2<mescroll-body ref="mescrollRef" @init="mescrollInit" @down="downCallback" @up="upCallback" class="content">...</mescroll-body>import MescrollMixin from "@/components/mescroll-uni/mescroll-...

原创 根据时间段，显示早上、上午、下午、晚上好

getHour() { let date = new Date(); let hour = date.getHours(); let time; if (hour < 9) { time = '早上好'; } else if (hour < 12) { time = '上午好'; } else if (hour < 17) { time = '下...

原创 随机背景图片

1.定义函数 methods:{ backgrounds(){ let num = Math.floor(Math.random()*4); this.background = 'backgroundImage:url('+require('@/static/login/pic'+num+'.jpg')+')'; } }, creat...

原创 element日期选择器，选择今天之后的日期

<el-date-picker:picker-options="pickerOptions" type="date"...pickerOptions: { disabledDate: (time) => { // 设置可选择的日期为今天之后的一个月内 const curDate = new Date().getTime(); // 这里...

原创 vue跳转的两种方式

一、本页面跳转this.$router.push(url);二、打开新页面跳转gorouter(url,id,companyid){ const {href} = this.$router.resolve({ path:url， query:{ id:id, ...

原创 【无标题】键盘控制vue-video-player快进后退，音量加减

键盘控制vue-video-player实现快进退，音量加减_liyanfeng的博客-CSDN博客在包裹video的div中添加：v-on:keyup="keyup($event)实现方法：keyup(key) { var vol = 0.1; //1代表100%音量，每次增减0.1 var time = 10; //单位秒，每次增减10秒 // 按向上键 if (key.keyCode == 38){ this.player..https://blog.csdn.net/weixin_43616097/