Vue
ztyqwe789
这个作者很懒,什么都没留下…
展开
-
瀑布流优化设计
需求: 优化商品列表的瀑布流展示 1、商品:包含图片和文案、分页请求的、一行两列 2、图片:宽高不固定,懒加载 现状: 现有的方案是页面两个div,即两个管道,一个一个渲染商品项,判断两个管道哪一个高度小,就在小的管道最后插入一个商品。这种设计方案存在的问题是商品会插入到较高的管道上,原因是:图片是懒加载的,即图片的渲染是延时的,在取管道高度时,图片存在渲染未完成的情况,导致获取到的管道高度并不是真实的高度。 解决方案: 提前获取到图片的真实宽高,可以根据img元素节点获取到图片的真实宽高的“原创 2022-01-25 15:52:31 · 1026 阅读 · 0 评论 -
Vue计算属性及缓存
计算属性,针对复杂运算多次引用var vm = new Vue({ el: '#example', data: { message: 'Hello' }, computed: { // 计算属性的 getter reversedMessage: function () { // `this` 指向 vm 实例 return this....原创 2018-04-13 11:36:00 · 2687 阅读 · 0 评论