随笔分类 - JS
摘要：在HTML canvas上绘制文本时，如果文本超出了canvas的宽度，它不会自动换行。要实现自动换行，你需要手动计算文本的长度并在适当的位置进行换行。 以下是一个简单的JavaScript函数，它使用canvas的measureText方法来计算文本的长度，并在达到指定宽度时自动换行： funct
阅读全文
摘要：进行 JavaScript 中判断空对象可以有以下几种实现方法： 使用 Object.keys() 方法：使用该方法可以获取对象的所有属性名，然后判断属性名的数量是否为0。如果为0，则表示对象为空 function isEmptyObject(obj) { return Object.keys(ob
阅读全文
摘要：vue 如何将src是base64的图片转化成file对象 在Vue中，你可以通过将base64字符串转换为Blob对象，然后使用Blob对象创建一个File对象。以下是一个简单的方法来实现这一转换： methods: { base64ToFile(base64Data, filename) { /
阅读全文
摘要：要使用正则表达式从字符串中提取<img>标签，您可以使用以下代码： const str = `Some text <img src="image.jpg" alt="Image"> and more text <img src="another.png" alt="Another">`; const
阅读全文
摘要：背景： 在URL中，加号(+)会被解释为一个空格。 如果你想在 URL 中使用加号，可以将其替换为%2B 。 例如，你可以将 URL 中的+7VECdGWwtZFMsqJnohbmg== 替换为%2B7VECdGWwtZFMsqJnOhbmQ= myData.replace(/\+/g, '%2B'
阅读全文
摘要：1、安装crypto-js； npm install crypto-js --save-dev yarn add crypto-js --dev 2、新建unit.js写成公共方法 ； const CryptoJS = require('crypto-js'); //16位十六进制数作为密钥（秘钥为
阅读全文
摘要：一、通过for循环把一个对象变为 1 个数组 let obj = { name: 'aaa', height: 190, sex: 'man', }; let objNew = []; for (let i in obj) { objNew.push({ [i]: obj[i] }) } conso
阅读全文
摘要：第一种，简单时长倒计时 data() { return { timer: null, m: 0, s: 0, time: null, } }, created() { this.resetTime(125); //倒计时125S，根据自己的时长确定 }, methods: { //单纯分钟和秒倒计时
阅读全文
摘要：async function async1() { console.log("async1 start"); await async2(); console.log("async1 end"); } async function async2() { console.log( 'async2');
阅读全文
摘要：<script> import { collectService } from '@/services'; export default { prop: ['formWhere'], data() { return { dialogPop: false, isDisabled: true, webI
阅读全文
摘要：一、得到今天、昨天、明天日期 function getDate(dates) { var dd = new Date(); var n = dates || 0; dd.setDate(dd.getDate() + n); var y = dd.getFullYear(); var m = dd.g
阅读全文
摘要：先提供2个方法，根据当前日期转化年月日方法 export function formatDate(date) { const year = date.getFullYear(); const month = date.getMonth() + 1; const day = date.getDate(
阅读全文
摘要：转化年月日时分秒的方法 function formatTime(date) { const year = date.getFullYear(); const month = date.getMonth() + 1; const day = date.getDate(); const hour = d
阅读全文
摘要：HTTP常见请求方法如下： 1、GET 2、POST 3、HEAD 4、PUT 5、DELETE 6、CONNECT 7、OPTIONS 8、TRACE 浏览器通过地址栏访问页面都是 GET 方法。表单提交产生 POST 方法。 HEAD 则是跟 GET 类似，只返回请求头，多数由 JavaScri
阅读全文
摘要：判断一维数组中是否有重复元素 isRepeat(arr) { var hash = {} for (var i in arr) { if (hash[arr[i]]) return true hash[arr[i]] = true } return false } isRepeat(['11','2
阅读全文
摘要：常见的状态码有以下几种，也是必须记住的： 1xx：临时回应，表示客户端请继续。 2xx：请求成功。 ... 200：请求成功。 3xx: 表示请求的目标有变化，希望客户端进一步处理。 301&302：永久性与临时性跳转。 304：跟客户端缓存没有更新。 4xx：客户端请求错误。 403：无权限。 4
阅读全文
摘要：Array对象常用方法中： 不改变原数组： 1、 concat() 连接两个或多个数组 不改变原数组 返回被连接数组的一个副本 2、join() 把数组中所有元素放入一个字符串 不改变原数组 返回字符串 3、 slice() 参数取其下标 从已有的数组中返回选定的元素 不改变原数组 返回一个新数组
阅读全文
