随笔分类 - JS
JavaScript一些知识
摘要：Object.defineproperty()方法 https://zhuanlan.zhihu.com/p/133238810 vue2的双向绑定原理：（概括：数据劫持） https://blog.csdn.net/Huang_DW/article/details/108631557 vue3的双
阅读全文
摘要：delete 语法 delete 对象.属性名 示例 delete.obj.property1 ps：不过据说很慢，不如下面的方法。 Reflect.deleteProperty（es6新增） 语法 Reflect.deleteProperty(对象，属性名) 示例 Reflect.deletePr
阅读全文
摘要：Workaround to fix heap out of memory when running node binaries. It's a common issue when using TypeScript 2.1+ and webpack. This tool will append --m
阅读全文
摘要：##移动端查看富文本大图：vant示例，先提取图片地址，再通过vant-ui图片预览组件预览。 <div v-html="richtextInfo" @click="judgeImg($event)"></div> import {ImagePreview} from "vant" //引入vant
阅读全文
摘要：//识别并转换文本里的超链接 transSlink(value){ let reg = /(http:\/\/|https:\/\/|www)((\w|=|\?|\.|\/|&|~|-|[\u200B-\u200D\uFEFF])+)/g; let text = value.replace(reg,
阅读全文
摘要：####转换对象数组格式 [{...},{...},{...},{...},{...}] → [{{...},{...}} , {{...},{...}} , {{...}}] 可用于vue多重v-for循环，如图 transObjData(info){ let resArr=[] let sonO
阅读全文
摘要：####以时间排序为例 知识点：js原生数组排序 Array.sort(function(){}) 这种方法会改变原数组，无需return //处理函数 handleSort(arr){ arr.sort((a,b)=>{ let t1 = new Date(Date.parse(a.birthda
阅读全文
摘要：###原理 1、通过 html2Canvas 将页面绘制成出来 2、通过 jspdf 将绘制出来的页面转为pdf 注意：想要绘制整个页面（包括滚动区域），建议 html2Canvas 的height使用scrollHeight+1000（或+500等，或不填也行） 如果使用clientHeight，
阅读全文
摘要：###方法 /*** 判断mac系统(含iphone手机) ***/ let isMac = /macintosh|mac os x/i.test(navigator.userAgent); /*** 判断windows系统 ***/ let isWindows = /windows|win32/i
阅读全文
摘要：####注：以下方式对移动端浏览器不可用，仅针对pc端使用 ####方式一，以生成并下载txt为例 function downTxt() { let filename = "这是txt文件名称.txt" //注意最好设置后缀.txt let value="这是txt文件的内容" let elem =
阅读全文
摘要：##方案一：vue中使用clipboard实现文本复制功能（推荐） ####1、安装clipboard.js依赖 地址：https://github.com/zenorocha/clipboard.js yarn add clipboard 或 npm install clipboard --sav
阅读全文
摘要：####比较有趣，有时间可以研究下 举两个有趣的小栗子： 文档地址： https://www.runoob.com/js/js-type-conversion.html
阅读全文
摘要：###倒计时代码（兼容ios） beforeDestroy(){ //页面销毁前清除定时器 clearInterval(this.countTimes) } methods:{ //方案一：先处理成ios和安卓均可转换的时间格式，再统一处理 timer(){ let u = navigator.us
阅读全文
摘要：####1、安装qrcodejs2包 yarn add qrcodejs2 或 npm install qrcodejs2 --save ####2、页面中引入 import QRCode from 'qrcodejs2' components:{ QRCode } ####3、使用 <button
阅读全文
摘要：let 申明变量时可直接申明无需赋值，const 申明的同时必须赋值 let a //申明了a 但其数据类型为undefined const d //错误，需申明同时赋值，如下 const k=5 //申明了k 且值为5 代码规范：const申明 常量 建议使用大写,申明变量小写 const AGE
阅读全文
摘要：##1、使用纯html方式实现锚点跳转 1、设置锚点：添加锚点id demoAnchor <div> <div id="demoAnchor">视频内容。。。</div> </div> 2、设置锚点跳转点击链接 #demoAnchor <div> <a href="#demoAnchor">点我跳转
阅读全文
摘要：详细文档 js-cookie是一个简单的，轻量级的处理cookies的js API. 官方文档：https://www.npmjs.com/package/js-cookie 一个很详细的博客：https://blog.csdn.net/qq_20802379/article/details/814
阅读全文
摘要：####数组与字符串互相转换 let arr = ["aa","b","c"] let str = arr.join("-") //数组 --> 字符串 "aa-b-c" let arr2 = str.split("-") //字符串 --> 数组 ["aa","b","c"] ####join()
阅读全文
摘要：export 【 导出 】 一个页面可以有多个 export，如下（列举了不同的导出类型）,demo.js页面： export const a = "funny" //直接定义并导出一个变量 export function b(sth) { //直接定义并导出一个函数 console.log(sth
阅读全文
摘要：####1、在src文件夹下新建utils文件夹，再在src/utils下新建utils.js ####2、在utils.js中写入公用函数并暴露（暴露方式为逐一暴露和统一暴露），如下 逐一暴露： /** * 公用函数111 * @param {*} e */ export function dem
阅读全文
浙公网安备 33010602011771号