自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(9)
  • 收藏
  • 关注

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

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

2024-07-01 16:39:22 226

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

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

2024-06-19 16:04:29 159

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

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

2023-08-29 15:21:09 215

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

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

2022-06-09 16:08:33 678

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

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 515

原创 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 813 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 362

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

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

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

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除