饿了么项目(四)

本文探讨了在Vue项目中使用better-scroll时的注意事项,包括DOM渲染时机、ref的选择、事件处理和错误排查。同时,文章还涉及了CSS属性如z-index、vertical-align的使用,以及设计稿中的border处理。此外,提到了路由视图router-view的props传递,Vue中props的默认值设定,以及性能优化策略,如通过Vue.set更新组件状态和避免动画同步执行导致的卡顿问题。
摘要由CSDN通过智能技术生成

better-scroll的DOM

better-scroll是严格依赖DOM的,要包证DOM被完全渲染之后,要用到this.$nextTick()

ref

要用到refs来选择dom时可以给dom加上没有实际意义的class方便选择

click

@click里面的函数可以传$event参数

undefined is not a function

调用了一个function,前面一个值是undefined,看前面一个值是不是错了

ifconfig

查看本机的ip地址信息

z-index

The z-index CSS property specifies the z-order of a positioned element and its descendants
For a positioned box (that is, one with any position other than static), the z-index property specifies:

  • The stack level of the box in the current stacking context.
  • Whether the box establishes a local stacking context.
    仅能在定位元素上生效

vertical-align

vertical-top对齐是使元素的顶部与行中最高事物的顶部对齐

注意设计稿的border

把line-height设置高了的话,

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值