zxajdkkbrdsh-CSDN博客

原创关于前端导出word文档踩到的坑

2、导出的多选框，如果是使用原生的input设置type为checkbox的话，导出在表格中的多选框总是比文字高十几px，且在表格内的td标签中的内容，设置任何样式都不生效。1、导出的表格中的图片，如果是小尺寸的图片，则导出到页面上样式正常，如果是大尺寸的图片，则图片会放大到原始尺寸，撑到整个表格处于变形的状态。解决：必须使用img标签的自带自带属性width和height来设定图片的宽高，如果是用class或者行内样式style，都不起作用。这个方法终于解决了这个问题。

2024-07-01 16:39:22 312

原创 window.print打印总是多出一页空白页

也没有设置打印页面的高度，不存在高度导致出现第二页空白，不符合。图片高度设置太高，导致出现第二页空白，不符合。打印页面的第一个标签不是h系列，不符合。最后发现是这个，设置之后就好了。在CSDN用找了半天答案，

2024-06-19 16:04:29 200

原创项目中遇到的难题，vue3+ts

原因：详情页面中引入了十几个组件，且每个组件的v-if都写在各自的computed中，监听详情接口返回之后再判断当前的组件显示与否，以及是否要禁用组件中的输入，这导致详情页面第一次加载的时候，需要等待十几个computed的反应。问题：从列表页面点击数据的id列跳转到详情页面的时候，路由跳转非常的缓慢，且有时候路由变了，但是页面没有跳转，只有手动刷新页面才行。原因：赋值的对象没有找对，每次页面加载完毕之后，之前找的视口区域div和滚动区域的div的高度都是一致的。解决办法：视口区域的div得再往上找一层。

2023-08-29 15:21:09 228

转载前端页面优化之懒加载 -- 搬运自前端大全公众号

– 懒加载是一种常见的技术，通过按需加载资源来减少网页的数据使用例：一旦启用懒加载，只有当用户滚动到需要改内容显示的地方才会去加载。1、减少页面加载时间（PLT）：通过延迟资源加载减少首屏页面加载时间。2、优化资源消耗：通过资源懒加载优化系统资源使用，这在内存以及处理能力较低的移动设备上效果比较好。1、减慢快速滚动的速度如果你有一个web应用，比如在线商店，你需要让用户可以快速上下滚动以及导航。对这样的应用使用懒加载会减慢滚动速度，因为我们需要等待数据加载完成。这会降低应用性能以及引发用户体验问题。

2022-06-09 16:08:33 679

原创那些记不太住又可能要用的前端小代码

1、隐藏img标签的src为空或者错误时，破裂的图片图标解决方法-cssimg[src=‘’],img:not([src]) {opacity: 0;}2、文字超长显示…div{ white-space:nowrap; width:12em; overflow:hidden; border:1px solid #000000; text-overflow:ellipsis;}...

2022-05-27 16:51:27 81

原创 vscode常用插件及setting.json备份

1.Vetur：可以将“.vue”文件中的语法进行高亮显示如：2.GitLens：可以查看到每一行代码的日志如：

2021-04-30 10:44:22 519

原创 2021前端面试题总结

var let const的区别1.var可以重复声明，let不可以2.let有块级作用域，var没有3.var会与window相映射，let不会4.var可以在声明前使用，let有暂存死区，不能在声明前使用5.const声明之后必须赋值，否则就会报错6.const声明的是不可变的量，改变就会报错7.const和let一样，不与window相映射，有块级作用域，在声明之前访问会报错const定义的量是否能够改变定义基本数据类型的常量是不可变的，定义引用类型的常量是可更改的，但是只改变属性不

2021-04-17 22:27:30 816 1

原创用SVG画只小猪

SVG初学者无聊先画只小猪<svg height="300" width="300" xmlns:xlink="http:''www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><circle id="c1" cx="100" cy="130" r="15" style="stroke:#333;fill:no...

2020-03-08 16:32:52 364

原创在VUE工程中，防止弹窗被浏览器拦截

搜索了些资料，总结验证了一下比较简单的写法；浏览器拦截弹窗的原因：浏览器弹窗被广告滥用浏览器拦截弹窗的条件：用户的点击时机与window.open触发的时间差，超过了一定的时间差，浏览器会认为是不安全的跳转，进行拦截一般的用户直接点击行为是不会被拦截的如：有既成的跳转URL<span @click="jumpToSomewhere">click me</span>...

2020-02-27 23:37:11 1920 1

m0_46423771的博客