摘要: 1.安装所需插件:html2canvas; 2.引入插件: import html2canvas from 'html2canvas'; 3.使用: const creatImg = () => { // 绑定在某个点击事件 html2canvas(document.getElementById(' 阅读全文
posted @ 2022-07-14 17:05 桃李子 阅读(1028) 评论(0) 推荐(0) 编辑
摘要: 正常的导入方法如下: import { useEffect, useState, useRef } from 'react'; 如果不支持服务端渲染的插件这样导入则会报错(具体的报的什么错我忘了),一般情况下使用require动态导入就好了,但有的时候不支持require的方式导入,这时候就可以用以 阅读全文
posted @ 2022-06-10 15:50 桃李子 阅读(69) 评论(0) 推荐(0) 编辑
摘要: 被遮挡的元素添加如下样式: /**这里假定头部高度是100px*/ position: relative;top: 100px;/**关键样式如下,我这里上面有加定位,如果没用定位,下面的数值需根据实际情况调整*/padding-top: 100px; // 200px margin-top: -1 阅读全文
posted @ 2022-06-10 15:17 桃李子 阅读(294) 评论(0) 推荐(0) 编辑
摘要: 这里使用别人写好的插件。 1.安装要用到的插件:copy-to-clipboard; 2.导入: import copy from 'copy-to-clipboard'; 3.使用: copy(copyStr); // copyStr为被复制的字符串 阅读全文
posted @ 2022-06-10 15:08 桃李子 阅读(193) 评论(0) 推荐(0) 编辑
摘要: 转盘动画方法如下: /** * 点击转动转盘 */ const turnCircle = () => { let runDeg = +(Math.random() * 360).toFixed(0) + 2160; // 先转6圈,最后再转随机的0-1圈 const table = document 阅读全文
posted @ 2022-06-10 14:58 桃李子 阅读(200) 评论(0) 推荐(0) 编辑
摘要: 1.安装要用到的两个插件:html-docx-js-typescript、file-saver。 2.导入两个方法: import { asBlob } from 'html-docx-js-typescript'; import { saveAs } from 'file-saver'; 3.使用 阅读全文
posted @ 2022-06-10 14:49 桃李子 阅读(710) 评论(0) 推荐(0) 编辑
摘要: 1.打开新建的项目空文件夹,终端输入命令:npm init,文件夹生成package.json文件; 2.安装webpack、webpack-cli和cross-env:npm install webpack webpack-cli cross-env --save-dev; 3.在根目录下新建sr 阅读全文
posted @ 2022-05-30 15:08 桃李子 阅读(274) 评论(0) 推荐(0) 编辑
摘要: (本文为linux远程服务器) 一、利用linux面板,本文使用的是宝塔Linux面板 1.使用winscp或xftp链接远程服务器,并打开服务器终端,如下图所示: 2.根据宝塔官网教程,复制命令到服务器终端下载安装宝塔面板,并根据提示,打开宝塔面板页面,输入账号密码登陆,如下图所示: 3.点击面板 阅读全文
posted @ 2022-05-27 11:27 桃李子 阅读(551) 评论(0) 推荐(0) 编辑
摘要: (本例为同一个linux机器上操作) 1.机器安装Jenkins,使用命令安装(可安装自己需要的版本): 1)wget https://prodjenkinsreleases.blob.core.windows.net/redhat/jenkins-2.332.1-1.1.noarch.rpm 2) 阅读全文
posted @ 2022-05-25 18:38 桃李子 阅读(878) 评论(0) 推荐(0) 编辑
摘要: 一个简单例子yarn install rm -rf ./dist/* npm run build rm -rf 远程文件路径/* scp -r ./dist/* 远程文件路径/ 阅读全文
posted @ 2022-05-25 17:43 桃李子 阅读(196) 评论(0) 推荐(0) 编辑