会员
周边
众包
新闻
博问
闪存
赞助商
所有博客
当前博客
我的博客
我的园子
账号设置
简洁模式
...
退出登录
注册
登录
桃李子
博客整合我自己需要的学习资料,做个人学习记录用,内容大部分来源网络。 ——学习记录为我整理的内容,来源网络上搜集到的资料,学习笔记为我自己学习过程所做笔记记录。
博客园
首页
新随笔
联系
管理
订阅
上一页
1
2
3
4
5
6
下一页
2022年7月14日
react实现某个元素节点截图(html2canvas)
摘要: 1.安装所需插件:html2canvas; 2.引入插件: import html2canvas from 'html2canvas'; 3.使用: const creatImg = () => { // 绑定在某个点击事件 html2canvas(document.getElementById('
阅读全文
posted @ 2022-07-14 17:05 桃李子
阅读(1028)
评论(0)
推荐(0)
编辑
2022年6月10日
react导入的插件不支持服务端渲染报错的解决方法
摘要: 正常的导入方法如下: import { useEffect, useState, useRef } from 'react'; 如果不支持服务端渲染的插件这样导入则会报错(具体的报的什么错我忘了),一般情况下使用require动态导入就好了,但有的时候不支持require的方式导入,这时候就可以用以
阅读全文
posted @ 2022-06-10 15:50 桃李子
阅读(69)
评论(0)
推荐(0)
编辑
a标签做锚点定位,有部分内容被置顶头部遮挡的解决方法
摘要: 被遮挡的元素添加如下样式: /**这里假定头部高度是100px*/ position: relative;top: 100px;/**关键样式如下,我这里上面有加定位,如果没用定位,下面的数值需根据实际情况调整*/padding-top: 100px; // 200px margin-top: -1
阅读全文
posted @ 2022-06-10 15:17 桃李子
阅读(294)
评论(0)
推荐(0)
编辑
react复制文案到剪切板
摘要: 这里使用别人写好的插件。 1.安装要用到的插件:copy-to-clipboard; 2.导入: import copy from 'copy-to-clipboard'; 3.使用: copy(copyStr); // copyStr为被复制的字符串
阅读全文
posted @ 2022-06-10 15:08 桃李子
阅读(193)
评论(0)
推荐(0)
编辑
react实现转盘动画
摘要: 转盘动画方法如下: /** * 点击转动转盘 */ 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)
编辑
html页面下载为docx文档
摘要: 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)
编辑
2022年5月30日
搭建react项目
摘要: 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)
编辑
2022年5月27日
两种搭建前端网站的方式
摘要: (本文为linux远程服务器) 一、利用linux面板,本文使用的是宝塔Linux面板 1.使用winscp或xftp链接远程服务器,并打开服务器终端,如下图所示: 2.根据宝塔官网教程,复制命令到服务器终端下载安装宝塔面板,并根据提示,打开宝塔面板页面,输入账号密码登陆,如下图所示: 3.点击面板
阅读全文
posted @ 2022-05-27 11:27 桃李子
阅读(551)
评论(0)
推荐(0)
编辑
2022年5月25日
jenkins+码云自动打包部署前端项目
摘要: (本例为同一个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)
编辑
前端项目jenkins部署执行shell命令
摘要: 一个简单例子yarn install rm -rf ./dist/* npm run build rm -rf 远程文件路径/* scp -r ./dist/* 远程文件路径/
阅读全文
posted @ 2022-05-25 17:43 桃李子
阅读(196)
评论(0)
推荐(0)
编辑
上一页
1
2
3
4
5
6
下一页
公告