vue外包的h5页面，客户要求点击按钮可以将整个页面生成一张图片。这里我们通过html2canvas方法来实现网页截图。虽然实现了，但是有个问题，就是当页面往下滚动后，上面看不到的部分截图的时候会丢失无法截取到。
那么如何处理呢？页面往下滚动后导致无法截取到上面的内容，那么我们...
yekong
2年前 (2023-03-01)
喜欢
vue外包的h5页面，客户要求点击按钮可以将整个页面生成一张图片。这里我们通过html2canvas方法来实现。
实现代码
<script src="https://cdn.bootcss.com/html2canvas/0.5.0-beta4/html2can...
yekong
2年前 (2023-03-01)
喜欢
在大屏数据可视化 项目中，经常需要特效来装饰效果，使页面看起来酷炫，今天收集到的效果是酷炫的科技感线条动画。
动画效果实现代码
html
<div class="animate"></div>
js
function an...
yekong
2年前 (2023-02-20)
喜欢
在数据可视化大屏 项目中，ui设计师会设计一些元素在页面中让页面更加华丽比如虚线效果，如果我遇到下图的元素的话，第一个考虑的就是通过图片来实现，当我看到页面源码的时，发现这些效果竟然是用canvas画出来的。如果对canvas不熟悉的话，可能连代码的意思都不了解。今天将代码整理出...
yekong
2年前 (2023-02-19)
喜欢
在html页面开发中需要点击复制功能，可以通过execCommand来达到效果。
html
<button onclick="copyName()">复制名称</button>
<input type="text&qu...
yekong
2年前 (2023-02-17)
喜欢
threejs通过纹理贴图实现3d地球后，我们需要在3d地球上标注我们需要标注的信息，但是球面只有x y z坐标并没有经纬度坐标，这就需要在将经纬度坐标转为球面坐标后，再在球面上标注信息。
转换代码
/**
* 经纬度坐标转球面坐标
* @param {地球半径} R ...
yekong
2年前 (2023-02-03)
喜欢
在进行项目开发时，经常会遇到日期时间相关操作，因为已经有现成可以开箱即用的插件，就不用自己单独去写对应的代码了。dayjs文件比较小，所以这里推荐使用dayjs
官网
Dayjs官网
安装依赖
npm install dayjs --save
使用
import dayjs f...
yekong
2年前 (2022-11-05)
喜欢
在前端项目开发时，可能会需要进行各种日期时间的对比和计算，比如计算两个日期之间相差多少个小时
这里我们用dayjs来进行计算。使用前需要先进行安装Dayjs安装和使用.
返回指定单位下两个日期时间之间的差异。
要获得以毫秒为单位的差异，请使用 dayjs#diff。
获取两个日期...
yekong
2年前 (2022-11-05)
喜欢
前端vue项目开发时，客户要求自己修改json文件里的值，这时就需要在json添加注释以便于客户可以看明白哪些值是怎么对应的。
{
"//": "只在登录时读取并缓存",
"home1": {},
"...
yekong
2年前 (2022-10-25)
喜欢
slice() 方法
提取字符串的某个部分，并以新的字符串返回被提取的部分。
语法
string.slice(start,end)
实例
var str="www.wanjunshijie.com";
console.log(str.slice(4))...
yekong
3年前 (2022-07-07)
喜欢
