html
文章平均质量分 60
Jiang_JY
!! 开发问题可联系作者 !!,后续会发布更多的前后端文章,感谢关注,共同进步
展开
-
前端使用视频作为背景图的方法
通过 video + source 引入视频,并对视频播放属性进行设置,再通过 css 使视频覆盖背景即可。原创 2023-12-08 16:14:42 · 1000 阅读 · 0 评论 -
vue项目未加载完成前显示loading样式
1、在index.html中添加元素和绑定样式<body> <div id="appLoading"> <div class='loading'></div> </div> <div id="app" style="display: none"></div></body><style media="screen" type="text/css">原创 2022-05-11 10:53:20 · 2098 阅读 · 1 评论 -
实现图片懒加载的方法
懒加载的概念懒加载也叫做延迟加载、按需加载,指的是在长网页中延迟加载图片数据,是一种较好的网页性能优化的方式。在比较长的网页或应用中,如果图片很多,所有的图片都被加载出来,而用户只能看到可视窗口的那一部分图片数据,这样就浪费了性能。而使用懒加载的方式就能有效的提高加载性能。实现原理我们知道图片的加载是由src引起的,当对src赋值时,浏览器就会请求图片资源。根据这个原理,我们使用HTML5 的data-xxx属性来储存图片的路径,在需要加载图片的时候,将data-xxx中图片的路径赋值给src,这样就原创 2022-01-31 17:48:14 · 3891 阅读 · 0 评论 -
vue项目实现移动端适配后pc端页面放大问题解决
问题:今天在做一个vue项目的过程中,在一个项目中实现了pc端和移动端两套代码的自动切换,在移动端中用postcss转换成vw进行布局,但是实现后发现pc端也被转换了,pc端上的页面样式由于被转成vw后进行了放大。解决方法:找到pc端的承载组件的html文件(默认是public下的index.html文件)然后修改meta标签修改前: <meta name="viewport" content="width=device-width,initial-scale=1,user-scalab原创 2021-11-07 23:13:52 · 1157 阅读 · 0 评论