随笔分类 - vue
vue实战
摘要：uniapp/Vue 开启History模式 本地开发：二级页面刷新或者通过链接进入二级页面是正常的 打包部署后：二级页面刷新或者通过链接进入二级页面会报错404页面找不到 解决方案： Nginx配置： 在nginx.conf的对应location里配置一行代码 try_files $uri $ur
阅读全文
摘要：在项目中会遇到循环请求接口的情况，不管使用 for、forEach、map 进行循环都会出现并行请求接口出现高并发，使用reduce实现异步串行重复请求同接口，等待上一次请求结束后在进入下一次请求。 需要循环的对象数组： let loopList = [ { code:1, name:"名称1",
阅读全文
摘要：安装snowflake-id插件 npm i snowflake-id 页面导入雪花插件 import SnowflakeId from "snowflake-id"; 方法内使用雪花算法 const snowflake = new SnowflakeId(); let id = snowflake
阅读全文
摘要：1. 下载海康威视Web插件：https://open.hikvision.com/download/5c67f1e2f05948198c909700?type=10 2. 把插件放在public文件，并在index.html引入插件 <!-- 引入海康插件内容 --> <script type="
阅读全文
摘要：[Vue warn]: Error in mounted hook: "Error: please transfer a valid prop path to form item!" 这是因为表单校验 prop的内容和rules中定义的名称不一致 这里是把 add_form.quota_value
阅读全文
摘要：第一种使用 computed 和 watch 混合模式 computed: { isFollow() { return this.$store.state.userId } }, watch: { isFollow(newVal, oldVal) { console.log(newVal) } },
阅读全文
摘要：vue 使用video播放ffmpeg合成的MP4视频没有画面显示 使用 ffmpeg 把 acc 格式音频和 h264格式视频 合成MP4视频命令 ffmpeg -i 音频路径名称.aac -i 视频路径名称.h264 合成视频路径名称.mp4 把命令改为下面命令 ffmpeg -i 音频路径名称
阅读全文
摘要：uniapp Vue 2升级到Vue 3时候报警告[Vue warn]: A plugin must either be a function or an object with an "install" function. 解决方法： 在main.js中使用的 app.use存在问题 个人是因为引
阅读全文
摘要：使用系统cmd(Win +R)终端命令安装vue cli npm install -g vue-cli 删除 node_modules 文件夹，重启开发工具，在开发工具内置终端重新安装node_modules npm install
阅读全文
摘要：APP混合开发把H5内嵌在原生APP时，内嵌H5与原生APP实现相互通信和调用方法 H5调用app注入方法 安卓端 app 向 H5 注入一个全局 js 对象 UserClass webview.addJavascriptInterface(new RaffleInterface,name:"Use
阅读全文
摘要：封装代码 <template> <div @touchmove="onTouchMove"> <!-- 遮罩层动画 --> <div class="mask" @click="hideOnBlur && (WechatCustomer = false)" v-show="WechatCustomer
阅读全文
摘要：使用window.navigator.userAgent里面的信息进行判断 //window.navigator.userAgent属性包含了浏览器类型、版本、操作系统类型、浏览器引擎类型等信息，这个属性可以用来判断浏览器类型 const ua = window.navigator.userAgen
阅读全文
摘要：1. 获取字符串长度(length) string Str="abcd"; int long=Str.length; //long=4 2.字符串分割成字符串数组(split) var str = 'a|b|c|d'; console.log(str.split('|')); // ["a", "b
阅读全文
摘要：vue 使用webpack开启gzip压缩，前端将文件打包成.gz文件 vue项目安装webpack npm install webpack -g --全局安装webpack vue.config.js文件添加一下代码 //vue.config.js configureWebpack:config
阅读全文
摘要：1.银行卡 /^([1-9]{1})(\d{11}|\d{12}|\d{13}|\d{14}|\d{15}|\d{16}|\d{17}|\d{18}|\d{19}|\d{20}|\d{21})$/ 2. 税号 /^[A-Z0-9]{15}$|^[A-Z0-9]{18}$|^[A-Z0-9]{20}$
阅读全文
摘要：使用uni封装API uni.scanCode 调用扫码功能 // 允许从相机和相册扫码 uni.scanCode({ success: function (res) { console.log('条码类型：' + res.scanType); //扫描出来的扫码类型 console.log('条码
阅读全文
摘要：uni打包发布的H5，新用户在浏览器打开能浏览到新页面，但是旧用户在浏览器打开页面会存在缓存问题，浏览到的还是旧页面，使用浏览器强制刷新后，可以浏览到页面的新样式更改了 发现编译打包成H5版本的时候，打包出来的js文件默认都没有包含hash，原有的js文件名称是一样的 JS缓存问题 在项目manif
阅读全文
摘要：npm安装： npm install --save js-md5 在main.js文件中将md5引入Vue原型链 import md5 from 'js-md5' //引入md5 Vue.prototype.$md5 = md5 页面中使用 this.$md5("加密内容")
阅读全文
摘要：解决方案： html: <input type="number" @blur="Input()" placeholder="请输入数字" /> JS: Input(){ setTimeout(function() { var scrollHeight = document.documentEleme
阅读全文
摘要：npm安装微信JS-SDK npm install jweixin-module --save 通过网址下载： https://unpkg.com/browse/jweixin-module@1.6.0/lib/index.js 需要用到微信JSSDK页面，引入微信JSSDK //微信js-sdk引
阅读全文
