zoukankan      html  css  js  c++  java
  • 在Vue中遇到的各种坑 及性能提升

    Vue:

    (1)    没有再模板里引用data数据,会不会引起update、beforeUpdate生命周期函数的执行?

    不会

    (2)组件改成异步

    (3)v-once

    (4)如果不用template属性,直接在页面上写组件名,有些浏览器会把这些非法命名的组件解析错误,这是需要在标签内写正常的标签名,写is属性 is=‘组件名’

    提高性能:

    如果不需要响应式,直接在Vue实例里挂载一个属性就可以

    例如:

    This.y=2

    这样修改数据,操作是异步的,是为了提高性能,所以数据更新之后的渲染dom是有延迟的

    This.xxx=…

    所以如果想要得到渲染之后的dom,可以用nextTick方法

    Vue项目遇到的问题:

    后续添加的元素无法添加样式,因为scoped限制,只要在样式中添加>>>

    例如 >>>span

    Better-scroll click:true 会导致点击事件触发两次,如果不滑动,点击事件会触发两次,滑动之后better-Scroll会将默认的点击事件干掉,并会自动派发一个点击事件,这时点击事件就只会触发一次

    :style用不了过滤器

    硬件加速:

    触发硬件加速  

    例如在transform中即使用不到z轴也要加上z轴,x,y,z三个轴都要激活

    如果本文对您有帮助,请抬抬您的小手,点下右下角的推荐, ^-^,当然如果看了这篇博客对您有帮助是我最开心的事,毕竟赠人玫瑰,手有余香, ^-^,如果这篇博客没有帮助到您,那就只能说一声抱歉啦

  • 相关阅读:
    jQuery的简单函数
    Playwright-录制脚本进行自动化测试
    使用requests爬取图片并下载
    使用jmeter对websocket进行性能测试
    selenium定位动态元素的2种情况
    Python-Faker
    关于css中@media的基本使用方法
    selenium-浏览器窗口最大化、刷新、前进、后退
    selenium-滚动条滑动,iframe切换,切换窗口
    jmeter-阶梯式压测
  • 原文地址:https://www.cnblogs.com/katydids/p/9955490.html
Copyright © 2011-2022 走看看