随笔分类 - 笔记
我的笔记
摘要：1.安装所需插件：html2canvas； 2.引入插件： import html2canvas from 'html2canvas'; 3.使用： const creatImg = () => { // 绑定在某个点击事件 html2canvas(document.getElementById('
阅读全文
摘要：正常的导入方法如下： import { useEffect, useState, useRef } from 'react'; 如果不支持服务端渲染的插件这样导入则会报错（具体的报的什么错我忘了），一般情况下使用require动态导入就好了，但有的时候不支持require的方式导入，这时候就可以用以
阅读全文
摘要：被遮挡的元素添加如下样式： /**这里假定头部高度是100px*/ position: relative;top: 100px;/**关键样式如下，我这里上面有加定位，如果没用定位，下面的数值需根据实际情况调整*/padding-top: 100px; // 200px margin-top: -1
阅读全文
摘要：这里使用别人写好的插件。 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
阅读全文
摘要：text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; overflow: hidden; /*! autoprefixer: off */ -webkit-box-orient: vertical; /*! aut
阅读全文
摘要：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(
阅读全文
摘要：父组件 import React from 'react'; import Son from './Son'; const Farther = (props) => { const [form] = Form.useForm(); const { Item } = Form; return ( <d
阅读全文
摘要：原始类型： 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
阅读全文
摘要：.lazy -> 失去焦点生效; .number -> 限定输入类型为number; .trim -> 清除开头结尾的空格。 trim修饰器不能删除输入框内字符串中间部分的空格，这种需求可以用正则实现。
阅读全文
摘要：components: { List: () => import(/*webpackChunkName: "name"*/, 组件路径); } 异步加载组件后，如果目前这个组件还不需要用到，比如需要在点击一个按钮之后才显示某个组件，这时候就可以使用异步加载组件，可以减轻初次打开页面后的负担，是一种可
阅读全文
摘要：这里的例子将dev代码合并至master分支。 1.dev将代码上传到远程； 2.切换值master分支： git checkout master; 3.master分支拉取代码（远程master可能更新了): git pull (origin master); 4.将远程的dev代码合并到当前的m
阅读全文
摘要：一、元字符 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
阅读全文
浙公网安备 33010602011771号