lgdaren的博客

长列表网页相信大多数开发者都遇到过，在DOM元素过多的情况下，浏览器渲染会很慢，非常影响用户体验。 因此我们会经常采用虚拟滚动、分页、上拉加载更多等不同的方式来进行优化，这些方式的思想都是一样的，都是只渲染可见区域，等用户需要时再加载更多的内容。而以上的方式无论哪种，都需要写大量的js或者css逻辑去实现。 而现在，我们多了一种方式——content-visibility。只需要一行CSS代码，就可以实现可见网页只加载可见区域内容，使网页的渲染性能得到数倍的提升！ 介绍 content-visibility

if (res.code === 200) { let list = res.data.list if(Array.isArray(list) && list.length > 0){ //不要直接判断list是不是为空，要从反向去判断 this.list = list this.totalCount = res.da...

优化前首页打开接近10秒，使用cdn优化以后，打开时间降低到了接近3秒。统一下插件的引入，所有的开源插件，例如:vue、ivew、vue-router、@antv/g2、echars、swiper等等统一采用cdn（在做一个备选方案，cdn加载失败，拉取本地资源），利用webpack的externals配置，不在打包进项目里。 然后vue.config.js文件做一点配置，通过配置 extern...

在做刀具管理的时候有一块功能是需要实现切换 近一个月 近三个月 近一年来实现数据的刷新查询，第一反应用的是watch来检测Radio中label值的变化来实现。但是发现后来被告知尽量少使用watch，可以根据on-change来触发定义的事件函数来实现。 具体实现如下： ...

进度条使用的是基于 Vue.js 的开源 UI 组件库iview中的Progress进度条组件。测试提出的bug已经优化主要出现在无数据时的效果展示方面。 数据展示值为0时 2.数据返回为空时 如何处理返回数据决定了页面的展示效果。对于接口返回的数据，我们做的不仅仅只是获取或者赋值一个空数组就完事了，这样只能保证在没有数据返回的时候没有报错，但是却不能保证页面的完美展示，没有数据的时候进度条...