赳赳万里鲲

【代码】h5向app通信。

<template> <div class="rich-text"> <quill-editor ref="text" v-model="htmlString" class="myQuillEditor" :options="editorOption" /> </div></template><script> import 'quill/dist/quill.core.css' // import styles imp

{ "code": "ZJS", "id": "103", "name": "宅急送", "reg_mail_no": "^[a-zA-Z0-9]{10}$|^(42|16)[0-9]{8}$|^A[0-9]{12}"},{ "code": "SF", "id": "505", "name": "顺丰速运", "reg_mail_no": "^[A-Za-z0-9-]{4,35}$"},{ "code": "STO", "id": "100", "name

前端在开发移动端页面时，通常会使用rem对不同分辨率的屏幕进行适配，以达到更好的视觉效果。直接粘贴代码，复制可用。(function(doc, win) { var uiDpr = 750 var docEl = doc.documentElement, isIOS = navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), dpr = isIOS ? Math.min(win.devicePixelRatio, 3) : 1

H5网页唤起APP，不管是IOS系统还是安卓系统，浏览器是通过URL scheme来打开APP的。一个APP可以设置一个或者多个scheme用来打开自己的APP。以下是常见的scheme：APP微信支付宝淘宝新浪微博QQ知乎短信URL Schemeweixin://alipay://taobao://sinaweibo://mqq://zhihu://sms://scheme语法： 行为(应用的某个功能) |

微信JSSDK文档：http://caibaojian.com/wxwiki/1、JSAPI支付微信公众号，微信扫码文档：https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=7_1参考：https://www.cnblogs.com/cinlap/p/11077632.html2、H5支付微信外的手机浏览器内调起支付页面文档：https://pay.weixin.qq.com/wiki/doc/api/H5.php?chapter=

1、滚动到页面顶部const scrollToTop = () => { const c = document.documentElement.scrollTop || document.body.scrollTop; if (c > 0) { // requestAnimationFrame:执行向上滚动动画 window.requestAnimationFrame(s...

定义通过函数指针调用的函数。若函数（或者改函数的指针）作为参数传递给另一个函数，且改函数被调用了，那么这个函数就是回调函数。异步操作之后常执行回调函数，比如文件的下载、数据的读取等相关操作。与不同函数的不同a、不同函数被调用之后会立即执行；b、回调函数必须等到程序执行完成之后才会调用。var url= 'http://jiekou';var xhr = new XMLHttpRequ...

自定义事件，就是有别于浏览器、系统特定的行为事件（类似于click、mouseover、touchstart、keydown等），事件名称可以随意定义，可以通过特定的方法进行添加，触发以及删除。const handler = (event) =&gt; { console.log(event);}// 1、注册事件对象，传递事件数据const timeOutEvent = new Cu...

异步回调地狱，通常的表现为：JS函数从上至下的层层嵌套，前面函数是后面函数的所需参数。$.ajax({ type:'post', url:'/index/jquerydata', dataType:'json', success:(res)=&amp;amp;gt;{ if (res.success) { ...

按钮的重复点击、keyup事件、页面的resize、元素的拖拽等都有可能在极短的时间内，频繁调用处理函数。这样高频率的调用可能会使程序卡慢，更甚可能导致浏览器直接崩溃。因此，函数节流是一种解决办法。函数节流原理函数节流原理很简单，就是通过定时器来控制事件处理函数的调用。第一次事件响应之后，添加延迟定时器，等时间结束之后再次响应处理程序，并清理掉定时器。在第一次事件响应和第二次事件响应间...

/** * 图片等比例缩放 * @param boxW 容器宽 * @param boxH 容器高 * @param imgOriW 原始图片宽 * @param imgOriH 原始图片高 * @return {w: width,h: height} */const imgScale = (boxW, boxH ,imgOriW, imgOriH) => { ...

解决：$.ajax({ url: `${process.env.BASE_API}/offical/rw-recruit/list?pageNum=1&pageSize=2`, type: "GET", xhrFields: { // 详情查看jq官方文档 withCredentials: true }, succe...

实现效果：<!-- 上传图片 --><div class="listBox flex imgBox"> <div class="label">专题图片：</div> <input type="file" class="userName right file" accept="image/*" /></div>&l...

在JS中常用new关键字来调用构造函数，创建对象。那么new之后执行了哪些操作：var obj = new Fn();1、var obj = {};在堆空间中开辟一块区域，存放空对象、空数组等；2、obj.proto = Fn.prototype;将空对象的原型指向new对象的构造函数；（设置原型链）3、Fn.call(obj);让Fn的this指向obj，并执行Fn的函数体。温馨...

是什么一块内存不在被应用程序所使用时，由于某些原因这块内存没有返还给操作系统或者空闲内存池的现象。会导致什么运行缓慢，崩溃，高延迟，甚至一些与其他应用相关的问题。常见的内存泄漏1、意外的全局变量// 在函数作用域中使用未声明的变量，该变量就是全局变量。function foo(arg) { // 变量bar相当于window.bar bar = &quot;this is a hidden...

function timeChange (dateStr) { let endDate, date = new Date(dateStr); endDate = date.getFullYear() + '-' + (date.getMonth() + 1) + '-' + date.getDat

在js中对字符串的处理是经常碰到的，本文对字符串的split()方法进行简单的介绍。/*language类型 "中文": 1, "英文": 2, "拉丁文": 3*/function changeLanguage (type,languageArr) { if (type === 1) { languageArr.push('中文'); }

根据对象的某个属性其进行去重；下面代码是根据对象的name属性进行。 (此对象是动态获取的)const nameObj = [];//最终输出的结果const nameValues = [];//直接获取的name原始数组const nameEnd = [];//去重后的name数组//以上三个都是全局变量newOrderOk = () => { //1、将获取到的name值直接放

在WEB开发中经常性的会遇到浏览器不兼容的问题。要解决兼容性问题就要让代码识别其在哪种内核，直接看代码：//1、判断浏览器内核var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串var browserType = userAgent.indexOf("Opera");if (browserType!== -1) { retu

一、变量相关 1、当变量值不会改变时，使用const const CART_INFO = 'CART_INFO'; 2、不要添加没必要的上下文 若类的名称已经说明了是什么时，就无需再对属性和子类添加重复性变量前缀。 let cat = { color: 'red', gender: 'gi

//1、手机号 /^1[34578]\d{9}$/.test(13843819438);//2、数字验证码 /^\d{6}$/ //3、英文和数字 /^[0-9a-zA-Z]{1,32}$/或 /^[0-9a-z]{1,32}$/i//4、银行卡号 /^([1-9]{1})(\d{14}|\d{18})$///5、身份证号 /(^\d...

注： 1、760为设计图航向尺寸大小 2、var fontSize = 100;//100px为1rem 3、使用：只要在页面中引入即可(function() { var designWidth = 760; var fontSize = 100; function resize() { var width = document.doc

1、写法： 模块头部加上"use strict";2、限制： - 变量必须声明后再使用 - 函数的参数不能有同名属性，否则报错 - 不能使用with语句 - 不能对只读属性赋值，否则报错 - 不能使用前缀 0 表示八进制数，否则报错 - 不能删除不可删除的属性，否则报错 - 不能删除变量delete prop，会报错，

1、路由跳转方式：域名?参数名=值&amp;amp;amp;amp;amp;参数名=值2、获取参数： let url = window.location.href; let option,strs; if (url) { if (url.indexOf(&amp;amp;amp;quot;?&amp;amp;amp;quot;) != -1) { let str = url.substr(1);

1、时间戳转为xxxx-xx-xx xx-xx-xx格式function timestampToTime(timestamp) { var date = new Date(timestamp);//时间戳为10位需*1000，时间戳为13位的话不需乘1000 Y = date.getFullYear() + '-'; M = (date.getMonth()+1 &amp;lt...

1、js获取系统var u = navigator.userAgent;var isAndroid = u.indexOf('Android') &gt; -1 || u.indexOf('Adr') &gt; -1; //android终端var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端2、js获取浏览器内...

一、url（uniform resource locator）统一资源定位器即网页地址1、格式：协议类型：[// 服务器地址[:端口号]][资源层级文件路径]文件名?查询2、语法：scheme://host.domain:port/path/filenamea、scheme：网络协议类型；http、https、ftp（文件传输协议）、fileb、host：定义域主机（http的默认主机...

条件判断还在使用if-else或者switch？是时候换换口味了。一、一元判断A、if-elseif (status == 'signIn') { sendLog('processing'); loadScene('hall');} else if (status == 'init') { sendLog('processing'); loadScene('hall');} el...

1、简单if语句—使用&&和||符号if (true) {console.log('if肯定语句');}<=> true && console.log('if肯定语句');if (false) {console.log('if否定语句');}<=> false || console.log('if否定语句');2、if-else语句if (true) { console.log('if-