- 博客(28)
- 收藏
- 关注
原创 vue 使用MathJax 展示数学公式 svg格式 、chtml格式
vue index.html页面 引入MathJax 包(3.0以上版本)页面中动态调用 (非动态代码会自动识别展示公式)
2023-03-31 15:58:50 1553
原创 js 文字播放 语音读文字 new SpeechSynthesisUtterance()
【代码】js 文字播放 new SpeechSynthesisUtterance()
2023-03-14 09:25:08 402
原创 js 时间转换 刚刚、几分钟前、几小时前、昨天
result = “” + parseInt(hourC) + “小时前”;result = “” + parseInt(minC) + “分钟前”;result = “昨天”;result = “刚刚”;// 时间字符串转时间戳。
2022-09-08 10:20:19 426
原创 金额 千位加,逗号
//千位加,format(val){// 保留两位小数点// var str = parseFloat(val).toFixed(2) + ‘’;// var sum= str.substring(0,str.indexOf(“.”)).replace( /\B(?=(?:\d{3})+KaTeX parse error: Undefined control sequence: \d at position 301: …lace(/(?!^)(?=(\̲d̲{3})+)/g, ‘,’);retu
2022-05-24 15:14:48 550
原创 uniapp image 底部留白
//两个选一个即可display: flex;vertical-align:bottom;inline-block水平呈现的元素间,换行显示会有间距
2022-04-22 17:46:38 679
原创 el-scrollbar 横向滚轮 PC端轮播图加下标索引缩略图
<div class="bannerimg" > <el-carousel :interval="5000" arrow="always" indicator-position="none" height="200px" ref="carousel" @change="bannerChange"> <el-carousel-item v-for="(item,index) in imgList" :key="index" name="index">
2022-04-02 19:33:50 602
原创 uniapp微信小程序open-data 无法获取用户头像昵称
官方做出调整无法再次通过 open-data 直接获取用户个人信息 https://developers.weixin.qq.com/community/develop/doc/000e881c7046a8fa1f4d464105b001?blockType=1解决方案<view class="userinfo" v-if="!avatarName" @click="getUserProfile"> <view class="userinfo-avatar">
2022-03-04 14:21:13 2340
原创 uniapp 微信小程序配置使用地图插件
腾讯位置服务地图选点登陆微信公众平台 https://mp.weixin.qq.com/登录——设置——第三方设置——添加插件在manifest.json源码中添加配置信息申请key https://lbs.qq.com/dev/console/application/mine登陆——应用管理——我的应用——创建应用(右上角)——填写应用名称、应用类型——添加key触发函数调用 toMap(){ console.log('地图') let plugin = requ
2022-03-02 17:23:44 685
原创 uniapp 微信小程序自定义顶部导航栏
新建组件文件<template> <view :style="{'height':navHeight+'px'}"> <view class="TopNav" :style="{'height':navHeight+'px','line-height':navHeight+20+'px'}"> <view class="Nav_button" @click="returnButton()"> <image src="
2022-03-02 15:15:35 711
原创 微信小程序bind和catch绑定的区别
catch 会阻止事件向上冒泡。自基础库版本 2.8.2 起,除 bind 和 catch 外,还可以使用 mut-bind 来绑定事件。一个 mut-bind 触发后,如果事件冒泡到其他节点上,其他节点上的 mut-bind 绑定函数不会被触发,但 bind 绑定函数和 catch 绑定函数依旧会被触发。所有 mut-bind 是“互斥”的,只会有其中一个绑定函数被触发。同时,它完全不影响 bind 和 catch 的绑定效果。...
2021-10-21 09:36:30 354
原创 uniapp实现电影选座
<template> <view class="w-100"> <view class="bg-f1 h-100vh"> <view class="pt-f left-0 w-100 p-0-32 bg-white z1000" :style="'height: 132rpx;top:0'"> <view> <view class="fz-34 fw-b pt-20"> {{filmName}}
2021-10-09 10:29:08 2822 4
原创 uniapp 动态绑定获取ref
绑定<view:ref="`name${index}`"></view>获取this.$refs[`name${i}`][0]
2021-09-29 16:24:17 2728 2
原创 uniapp微信小程序picker地区选择自定义数据
<picker @change="bindPickerChange" @columnchange="bindColumnchange" mode="multiSelector" :value="multiIndex" :range="[provinceList1,provinceList2,provinceList3]" :range-key="'regionName'"> <view> {{Address}} </view></picker>dat
2021-09-15 10:20:04 1580 2
原创 uniapp 微信小程序上传文件
上传二进制流图片和同时附带其他参数 uni.uploadFile({ url:IP+"/circleApi/saveCircle", filePath:imageUrl, //本地文件路径 name:"circleImg", formData:data, //其他参数 header:{ "Content-Type": "multipart/form-data", 'token' : uni.getStorageSync("t
2021-08-30 15:08:04 1791
原创 uniapp 微信小程序带参返回上一页
const pages = getCurrentPages(); var currPage = pages[pages.length - 1]; //当前页面 var prevPage = pages[pages.length - 2]; //上一个页面 prevPage.parameter = 1; uni.navigateBack({ delta:1 }) 执行完上一步返回上页操作后 // 在当前页onShow中接收返回的参数 onShow() { c.
2021-08-24 10:21:33 277
原创 图片转码
getBase64(file) { return new Promise(function(resolve, reject) { let reader = new FileReader(); let imgResult = ""; reader.readAsDataURL(file); reader.onload = function() { imgResu
2021-05-11 16:58:52 210
原创 js截取url参数
function getQueryVariable(variable){ var query = window.location.search.substring(1); var vars = query.split("&"); for (var i=0;i<vars.length;i++) { var pair = vars[i].split("="); if(pair[0] == variable){return pair[1];} } r
2021-05-11 16:58:22 231
原创 uniapp 微信小程序地图选点
微信小程序地图使用 https://lbs.qq.com/dev/console/application/mine登陆腾讯配置需要使用地图的项目onShow() { let pages = getCurrentPages(); //地图地址回显 let currPage = pages[pages.length-1]; this.circleid = currPage.data.circleid;//传递的参数 this.circleName = currPage.data.
2021-05-11 16:56:22 188
原创 vue 路由 #
vue默认路由带有# ,将mode设置为history模式需要后台配置后才可正常使用,不然会出现history模式下刷新404的问题
2021-05-11 16:36:25 132
原创 防止重复点击 节流
节流封装在js文件抛出(在需要的文件引入此js文件)function throttle(fn,gapTime) { if (gapTime == null || gapTime == undefined) { gapTime = 1500 } let _lastTime = null return function () { let _nowTime = + new Date() if (_nowTime - _lastTime &
2021-05-11 16:05:03 155
原创 pm2进程守护
全局安装npm install pm2 -g创建软连接ln -s /usr/local/nodejs/bin/pm2 /usr/local/bin启动项目(vue-nuxt)pm2 start npm --name '项目名' -- run start停止所有程序pm2 stop all重启所有项目pm2 restart all//重启某个指定项目pm2 restart id关闭并删除所有程序pm2 delete all//关闭删除指定程序pm2 delete id查
2021-05-11 15:37:19 162
原创 Linux系统安装Nodejs
(自用)原链接参考地址下载Node.js方法一:下载到本地后上传到服务器下载地址是:https://nodejs.org/en/download方法二:通过wget下载到本地目录(推荐)首先我们在/usr/local文件夹下新建一个名为nodejs的文件夹进入nodejs文件夹,执行下列命令(下载地址根据你自己的情况去官网复制),就可以将官网编译好了的Nodejs的压缩包下载至nodejs文件夹。$wget https://nodejs.org/dist/v12.14.0/node-v12.
2021-05-11 15:27:27 113
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人