- 博客(11)
- 收藏
- 关注
RSS订阅原创 vue3+vite开启gzip压缩以及Nginx配置gzip压缩
vue3+vite开启gzip压缩以及Nginx配置gzip压缩，以及配置Nginx的坑
2023-08-09 10:49:50
4553
3
原创 html2canvas图片跨域问题
针对html2canvas图片跨域问题处理根据html2canvas文档说明，图片跨域只需配置 useCORS：true即可解决跨域问题：但是，经过百般尝试，加了这个还是不行，就衍生出很多转成base64来绘制图片，一旦图片大，网络慢，极容易出现图片丢失问题。最终还是找到以下方案解决，直接上代码：<div class='saveImg'> <img :src="bgurl" alt="" crossorigin="anonymous"/></div>htm
2021-04-28 15:55:40
5756
5
原创 vue 项目中监听 localStorage的变化
vue监听localStorage 变化应用示例：【页面B】需要实时获取【页面A】数据更改，页面必须是同源（即同一个域名，例如：都在https://www.baidu.com/域名下）1.在【页面A】更改缓存页面进行缓存修改or插入缓存localStorage.setItem('socketQuery', '插入1')2.在【页面B】需要监听缓存值更改页面进行mounted() { const that = this; //监听缓存中指定key的值变化 window.ad
2020-11-27 15:39:40
7237
1
原创 Vue实现PC端分辨率自适应
方案lib-flexible + px2remLoaderlib-flexible：阿里可伸缩布局方案px2rem-loader：px 转 rem安装依赖npm install px2rem-loader -Dnpm install lib-flexible -Spx转换成rempx2remLoader 的 options 和其他样式文件 loader 最终是都是由 build/utils.js 里的方法生成的，我们只需在 cssLoader 后再加上一个 px2remLoader 即
2020-10-12 11:58:58
1398
3
原创 vue生成二维码
QRCode生成二维码插件使用方法：第一步：按需引入 import QRCode from "qrcodejs2"第二步：npm install --save qrcodejs2qrCodeUrl 为存放二维码的div块new QRCode(this.$refs.qrCodeUrl, { text:`https://www.baidu.com`, width: 100, height: 100, colorDark: "#000.
2020-09-17 16:52:06
930
原创 css宽度自适应
在日常开发中，往往涉及到宽度不存在的情况，或者需要宽度自适应的时候 div需要自适应内容宽度可以使用到css3的 fit-content；来实现宽度的自适应例如：width:fit-content;width:-webkit-fit-content;//苹果浏览器兼容width:-moz-fit-content;//火狐浏览器兼容...
2020-09-17 16:37:03
3573
原创 js判断是否是时间类型
js里怎么判断一个对象是否是日期类型，即Date，用typeof返回的是object例如： var object="123"; var object2=new Date(); console.log(object instanceof Date);//false console.log(object2 instanceof Date);//true
2020-09-17 11:59:25
12072
原创 详解html2canvas截图不能截取圆角图片的解决方案
详解html2canvas截图不能截取圆角图片的解决方案如题：遇到H5截图不显示圆角解决方案，给所有html使用上的加上圆角以及背景色透明生成海报方式设置透明背景色，如下：html2canvas(this.$refs.capture, { async: true, scrollY: 0, scrollX: 0, backgroundColor: "transparent" }).then(canvas => {
2020-09-16 16:16:02
2708
1
原创 js深拷贝
js深拷贝问题，即引入值后，直接作用到最父级一般我们单独用JSON.parse()或JSON.stringify()例如： var str = {'name':'huahua','age':'22'}; var newStr = srt; newStr.name = '嘿嘿嘿'; console.log(str.name) ======> 嘿嘿嘿 不影响str的值方法: var newStr = JSON.parse((JSON.stringify(str)); newStr
2020-09-16 15:57:12
210
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人