04 2022 档案
摘要：小程序路由跳转 常见的微信小程序页面跳转方式有如下： wx.navigateTo(Object) wx.redirectTo(Object) wx.switchTab(Object) wx.reLaunch(Object) wx.navigateBack(Object) 1.保留当前页面，跳转到应用
阅读全文
摘要：打开有赞时，会访问不了，需要修改DNS链接到外网的DNS才能访问 1.打开cmd命令 输入： cd C:\Windows\SysWOW64 2.进入到SysWOW64目录 输入： netsh interface ip set dns "net" source=static addr=114.114.
阅读全文
摘要：一、创建小程序项目 1.打开微信小程序开发者工具，新建小程序项目 2.点击新建后，得到默认项目文件 3.创建完毕，申请开通云开发 4.创建创建资源环境，填写环境名称，每个小程序帐号可免费创建两个环境。填写相关信息，环境名称（要记住） 5.点击开通，进入云开发控制台 通过以上5个步骤，我们就建立完成了
阅读全文
摘要：1.W3C标准盒模型：box-sizing="content-box" 公式： width = 内容的宽度height = 内容的高度 2.IE盒模型(怪异盒模型)：box-sizing="border-box" 公式： width = border + padding + 内容的宽度height
阅读全文
摘要：一、常用命令 1.cd命令 //进入D盘 D: //进入F盘 F: //获取使用帮助 cd /? //跳转硬盘根目录 cd \ //返回上一步 cd ../ //跳转到硬盘其他文件 cd C:\windows //跳转到其他硬盘其他文件夹，注意此处必须加/d参数，否则无法跳转 cd /d E:\vu
阅读全文
摘要：一、创建vue2脚手架项目 第一步：打开打开cmd命令窗口，配置npm淘宝镜像 命令：npm config set registry https://registry.npm.taobao.org 第二步：全局安装@vue/cli 命令：npm install -g @vue/cli 注意：此命令只
阅读全文
摘要：一、MVVM原理 MVVM是响应式，双向数据绑定，是指数据层（Model）-视图层（View）-数据视图（ViewModel）的响应式框架。 1.数据层（Model）-- Model代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑。 2.视图层（View）-- View 很简单，就是用
阅读全文
摘要：计算属性和监听属性区别: （1）watch：检测的是属性值，只要属性值发生变化，其都会触发执行回调函数来执行一系列操作 （2）computed：检测的是依赖值，依赖值不变的情况下其会直接读取缓存进行服用，变化的情况下才会重新计算。 （3）计算属性不能执行异步任务，计算属性必须同步执行，异步任务交给监
阅读全文
摘要：1.不要使布局超载。坚持简约原则：少即是多； 2.尽可能避免使用表格； 3.删除任何不必要的元素； 4.使用良好的结构。减少可扩展性HTML(XHTML)代码，以减少页面大小； 5.压缩和缩小JavaScript、CSS文件； 6.不要包含不必要的JavaScript代码，按需加载JavaScrip
阅读全文
摘要：1.小程序的生命周期 （1）：应用生命周期 （2）：页面生命周期 （3）：应用生命周期影响页面生命周期 2.应用生命周期 （1）：用户首次打开小程序，触发 onLaunch（全局只触发一次）。 （2）：小程序初始化完成后，触发onShow方法，监听小程序显示。 （3）：小程序从前台进入后台，触发 o
阅读全文
摘要：css选择器优先级 不同级别： 1.在属性后面使用 !important 会覆盖页面内任何位置定义的元素样式。2.作为style属性写在元素内的样式3.id选择器4.类选择器5.标签选择器6.通配符选择器7.浏览器自定义或继承 同一级别： 同一级别中后写的会覆盖先写的样式 总结排序：!importa
阅读全文
摘要：Javascript取float型小数点后两位，例22.123456取成22.12 1.通过substring截取。 function getnum(){ var num = 22.123456; var result = num.substring(0,s.indexOf(".")+3); ale
阅读全文
摘要：一、H5跳转 1.在本窗体打开一个新的页面； window.location.href = url; 2.在一个新的窗口打开一个新的页面； window.open(url); 3.本窗口的页面被替换为一个新的页面URL，替换后不可以回退到上个页面； window.location.replace(u
阅读全文
摘要：1.关闭支付宝或者微信 处理二维码进入的页面，关闭时 getTableCloseFun: function() { //二维码已失效点击确定 if (this.isAppInfos.isHsApp) { //互生App returnGoBack(1, 'goback'); } else if (th
阅读全文
摘要：原因：当get请求接口时，如果接口相同(请求参数不改变)则会拉缓存里面的数据，不会去服务器拉新数据。 处理：在ajax请求时加上cache: false,可以使请求接口时在后面加上一个时间戳 $.ajax({ type: "get", url: common.subUrlFun(domainUrl)
阅读全文
摘要：发布生产环境的css和js文件时，若有修改，需要在H5页面引入外部文件时添加版本号，如：<script src="./index.js?v=20200825"></script> 原理：客户端会缓存这些css或js文件，因此每次升级了js或css文件后，改变版本号，客户端浏览器就会重新下载新的js或
阅读全文
摘要：在开发过程中文字内容右边可能会出现一两个字位置空白的情况（可能出现原因：每行首位不能为符号） 处理方法：text-align: justify;
阅读全文
摘要：小程序封装服务请求 接口使用（main.js） const urlConfig = require('./urlConfig.js'); const utilHttp= require('./utilHttp.js'); getWxOpenId: function (params, callback
阅读全文
摘要：小程序处理文件上传 这里使用有赞组件处理文件上传，文档参照：https://vant-contrib.gitee.io/vant-weapp/#/uploader html <van-uploader max-count="1" bind:after-read="afterRead" use-bef
阅读全文
摘要：格式化手机号码，3-3-4格式 /** * 格式化号码 * @param tel 传入号码 * @returns String 返回 3-4-4 */ formattingMobile: function (tel) { if (!tel) { return ''; } if (tel.length
阅读全文
摘要：格式化金额 1.格式化金额，精确到小数点后两位 /** * 订单金额格式化 精确到2位 * @param moneyNum 金额 * @returns String 0.00 */ getNumberFloat: function (moneyNum) { var f = parseFloat(mo
阅读全文
摘要：处理手机号隐码 /** * 格式化隐藏号码 * @param str 格式化数据 * @param str 类型：phone-手机类型（123****1234），tel-电话（123***1234），其他（12***1234） * @returns String */ getPlusXingNumb
阅读全文
摘要：小程序利用过滤wxs格式化时间 var comm = { /** * 获取当前时间或格式化时间戳或获取时间戳， * @param str 格式化时间数据，不传默认为getDate() * @param ostyle 返回时间风格：'-'或'/'或'zh'，不传默认为'-' */ getFormatD
阅读全文
摘要：js处理格式化时间 /* 获取当前时间或格式化时间戳或获取时间戳 date为时间，不传为当前时间； ostyle为时间风格：'-'或'/'或'zh'，不传默认为'-' */ const getFormatDate = (str, ostyle) => { var oDate = new Date()
阅读全文
摘要：处理微信小程序保存图片到本地相册1.保存图片到本地（base64） /** * 保存图片到本地（base64） * @param {String} imgData base64类型图片 * @param {String} imgName 保存图片名称 * @return {Promise} call
阅读全文
摘要：处理数字四舍五入 //四舍五入保留n位小数 num为传入的值，n为保留的小数位(不传默认为1) 超过科学计数会失效 numberfomatFloat: function(num, n) { num = !num ? 0 : num; var float_n = !n ? 1 : Math.pow(1
阅读全文
摘要：js格式化金额 1.格式化金额精确到小数点后两位，如：123.00 // 订单金额格式化 精确到2位 getNumberFloat: function(moneyNum) { var f = parseFloat(moneyNum); if (isNaN(f)) { return '0.00'; }
阅读全文
摘要：字符串加星 /* * 数据加星特殊处理 * @param str 表示需要加星的数据 * @param frontLen 前面显示几位 * @param endLen 后面显示几位 * retrun String */ plusXing: function(str, frontLen, endLen
阅读全文
摘要：js禁止页面滚动 /* * 禁止页面滚动 * @param isPin 是否禁止页面滚动：true=禁用滚动，false=启动滚动 */ disableScroll: function(isPin) { if (isPin) { // document.body.style.height = '10
阅读全文
摘要：js判断当前是什么设备 /** * 判断当前是什么设备 * @returns {string} */ getIsApps: function() { var u = navigator.userAgent; var ua = navigator.userAgent.toLowerCase(); va
阅读全文
摘要：JavaScript处理cookie //取cookie值 getCookie: function(cname) { var allcookies = document.cookie; //索引长度，开始索引的位置 var cookie_pos = allcookies.indexOf(cname)
阅读全文
摘要：获取url参数 一、H5处理方式 /* * 获取页面url参数 * 1.用getUrlParams().name格式获取英文参数值等 * 2.获取页面url参数(含中文),用decodeURI(getUrlParams(name))格式获取 */ getUrlParam: function(name
阅读全文
摘要：判断变量是否为空 /** * 判断变量是否为空(0除外)， * @param v 判断对象 * @returns Boolean */ const isEmpty = v => { switch (typeof v) { case 'undefined': return true; case 'st
阅读全文
摘要：通过数组元素某字段排序 /* 通过数组元素某字段排序 先根据rank排序，再根据age排序，最后根据name排序 data.sort(compare('rank', compare('age', compare('name')))); */ const compareArr = (name, min
阅读全文
摘要：用于判断两个时间大小问题 /** * 判断时间大小 * @param val1 时间2019-10-10 12:12:11 * @param val2 时间2019-10-10 12:12:11 * @returns Boolean 布尔值:false-val1比val2大，true-val1比va
阅读全文
摘要：深拷贝 1.JSON.parse(JSON.stringify(data)) /** * 深拷贝 * @param data 传入数据,可为对象，也可为数组 * @returns String 返回 */ const copyVueData = (data) => { var newData = n
阅读全文
摘要：解决前端运算精度的问题 一、H5处理方式 1.前端在运算过程中：计算机二进制计算时会存在精度问题 /*解决运算精度问题*/ numberAdd: function(num1, num2) { //两数相加 num1 = !num1 ? 0 : num1; num2 = !num2 ? 0 : num
阅读全文
摘要：微信小程序授权处理 1.授权 部分接口需要经过用户授权同意才能调用。我们把这些接口按使用范围分成多个 scope ，用户选择对 scope 来进行授权，当授权给一个 scope 之后，其对应的所有接口都可以直接使用。 2.获取用户授权设置 开发者可以使用 wx.getSetting 获取用户当前的授
阅读全文
