Vue面试题19:在实际开发过程中,你知道的Vue最佳实践有哪些?(总结自B站up主‘前端杨村长’视频,仅供自用学习)

  • 思路:查看vue官方文档:风格指南(重点关注AB级)、最佳实践(生产部署、性能、访问、安全)
  • 回答范例
    • 从编码风格、性能、安全等方面说几条:
    • 1.编码风格方面:
      • 命名组件时使用“多词"风格避免和HTML元素冲突;
      • 使用”细节化"方式定义属性而不是只有一个属性名;
      • 属性名声明时使用“驼峰命名",模板或jsx中使用”肉串命名";
      • 使用v-for时务必加上key,且不要跟v-if写在一起;
    • 2.性能方面:
      • 路由懒加载减少应用尺寸;
      • 利用SSR减少首屏加载时间;
      • 利用v-once渲染那些不需要更新的内容;
      • 一些长列表可以利用虚拟滚动技术避免内存过度占用;
      • 对于深层嵌套对象的大数组可以使用shallowRefshallowReactive降低开销;
      • 避免不必要的组件抽象;
    • 3.安全:
      • 不使用不可信模板,例如使用用户输入拼接模板:
        template:<div>+userProvidedString +</div>
      • 小心使用v-html,:url,:style等,避免html、url、样式等注入
      • 4.等等…(结合自身所作项目总结)
posted @ 2022-09-20 10:09  Mochenghualei  阅读(130)  评论(0)    收藏  举报