随笔分类 - Javascript
有关Javascript
摘要：1、package.json添加如下，安装依赖： "libpag": "^4.2.84", "copy-webpack-plugin": "9.1.0", 为什么是写死的旧版本，后面解释 2、使用的方法，这里只是一个小示例，具体如何使用看个人（这里主要是想记录过程中出现的问题及解决方式）： cons
阅读全文
摘要：const base64Str: string = await new Promise(resolve => { const img = new Image() img.crossOrigin = 'anonymous'; img.src = url; // 图片链接 img.onload = fu
阅读全文
摘要：1、透明底小图标换色 .iconBox { position: relative; width: 19px; height: 19px; overflow: hidden; // 隐藏原本颜色的图片 .icon { position: absolute; left: -100%; width: 19
阅读全文
摘要：/** * 根据图片链接下载图片 */ const downloadImg = () => { const canvas = document.createElement('canvas'); const img = document.createElement('img'); img.onload
阅读全文
摘要：1.安装所需插件：html2canvas； 2.引入插件： import html2canvas from 'html2canvas'; 3.使用： const creatImg = () => { // 绑定在某个点击事件 html2canvas(document.getElementById('
阅读全文
摘要：正常的导入方法如下： import { useEffect, useState, useRef } from 'react'; 如果不支持服务端渲染的插件这样导入则会报错（具体的报的什么错我忘了），一般情况下使用require动态导入就好了，但有的时候不支持require的方式导入，这时候就可以用以
阅读全文
摘要：这里使用别人写好的插件。 1.安装要用到的插件：copy-to-clipboard； 2.导入： import copy from 'copy-to-clipboard'; 3.使用： copy(copyStr); // copyStr为被复制的字符串
阅读全文
摘要：转盘动画方法如下： /** * 点击转动转盘 */ const turnCircle = () => { let runDeg = +(Math.random() * 360).toFixed(0) + 2160; // 先转6圈，最后再转随机的0-1圈 const table = document
阅读全文
摘要：1.安装要用到的两个插件：html-docx-js-typescript、file-saver。 2.导入两个方法： import { asBlob } from 'html-docx-js-typescript'; import { saveAs } from 'file-saver'; 3.使用
阅读全文
摘要：1.获取内联样式：element.style.width/height；--‘100px’ 2.获取实时样式：window.getComputerStyle(ele).width/height; --'100px' 3.IE9以下获取实时样式：element.currentStyle.width/h
阅读全文
摘要：1、chartAt：string.charAt(index)，返回指定位置的字符； 2、chartCodeAt：string.charCodeAt(index)，返回指定位置的字符的 Unicode 编码（ 0 - 65535）； 3、fromCharCode：String.fromCharCode
阅读全文
摘要：一、查找类 1、find：array.find(function(currentValue, index, arr),thisValue)，第二个参数基本不使用，返回查找到的元素，查找不到返回undefined，不改变原数组； 2、findIndex：array.findIndex(function
阅读全文
摘要：题目来源于这位大佬的博客：『前端积累』算法汇总【持续更新】 - 风雨后见彩虹 - 博客园 (cnblogs.com) // 求数组内两数和，跟题目要求不太一样 var nums = [1,2,2,4,3,6,8,5]; var target = 6; var result = []; nums.fo
阅读全文
摘要：const data = [{ id: 1, name: '一' },{ id: 2, name: '二' },{ id: 2, name: '三' }] interface Data { id: number; name: string; } const result = data.reduce(
阅读全文
摘要：原始类型： undefined、string、number、boolean、symbol 引用类型：object、array、null、function 这两种类型最大的区别就是，原始类型的变量，复制后是独立的两个变量，改变其中一个另外一个变量不会被改变；反之，引用类型的变量复制之后，修改其中一个变
阅读全文
摘要：先看一个例子 // 去重 const numArr2 = [1, 2, 2, 3, 4, 5, 6, 6]; // 这里是普通数组去重，对象数组去重跟这个例子方法不同 const newNumArr2 = numArr2.reduce((item, next) => { item.indexOf(n
阅读全文
摘要：一、元字符 1、.表示匹配任意单个字符； 2、[]表示字符种类，如0-9，a-z，A-Z，表示范围； 3、[^]里面的^表示匹配的是除[]内的其他字符； 4、*表示匹配>=0个字符，如/abc*/表示匹配ab后面跟任意个c； 5、+表示匹配>=1个字符，如/abc+/表示匹配ab后面跟至少1个c；
阅读全文
摘要：1.函数节流 函数在时间间隔内只能被触发一次。 函数节流有两种方式： （1）第一次执行： throttle(function,delay) { let timer = null; let first = true; let that = this; let args = arguments; ret
阅读全文
摘要：1.entry entry属性用来指定一个入口起点或多个，写法有三种：字符串、对象、数组（一个、多入口、多入口），如下： module.exports = { entry: 'url' } module.exports = { entry: { app1: 'url1', app2: 'url2'
阅读全文
摘要：1.link是HTML标签，@import是CSS提供的方式； 2.页面加载时，link同时被加载，@import则会等页面加载完再加载； 3.@import是CSS2.1提供的方法，老版本不支持，只在IE5以上识别，而link因为是HTML标签，不会有兼容问题； 4.link的权重高于@impor
阅读全文
浙公网安备 33010602011771号