vue
文章平均质量分 84
qq_45272329
这个作者很懒,什么都没留下…
展开
-
Vue/Nuxt框架开发的PC端网站兼容平板设备的
大家做项目的时候有没有遇到过一些不符合常理的开发需求,例如:开发的时候PC端和H5是两套站点,一般H5站点会适配平板设备,但是如果需要改成PC端适配平板呢;前期开发PC端没有考虑到PC端会有需要兼容平板的一天,完犊子了,这可怎么办?PC端的站点的长宽单位都是px,写的固定长度;而且会有固定的版型(就是页面一般会有一个最小宽度,比如1200px,1280px,1380。原创 2022-09-16 15:02:42 · 2423 阅读 · 1 评论 -
nuxt.js服务端渲染项目性能优化总结
众所周知,Vue作为前端开发的三大框架扛把子之一,在国内众多小微厂使用还是很多的,都知道Vue一般作为客户端渲染模式,在某些业务场景可能十分不友好,比如电商业务;为啥说不友好呢,因为Vue一般是使用客户端渲染,数据都是通过Ajax请求回来的,搜索引擎无法抓取到动态的内容,所以要用到服务端渲染,服务端有多种实现方式,Vue官方也自带SSR解决方案,由于项目前端使用的是Nuxt实现的SSR。...原创 2022-08-15 21:34:06 · 1393 阅读 · 0 评论 -
Element-ui的Carousel走马灯组件动态渲染高度
在前端vue项目开发中经常会用到走马灯的场景,然而在采用Element-ui的情况下,el-carousel走马灯组件有一个默认的固定高度300px。如下所示:.el-carousel__container { position: relative; height: 300px; // element-ui 默认高度}这样会导致网页的全屏的banner被压缩或拉伸,变形十分难看,在一个认真的切图仔眼里是无法容忍的。然而业务方在使用的时候没有按照相关图片规范来上传符合规格的图片大小。所原创 2022-05-31 15:12:43 · 2736 阅读 · 0 评论