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

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

时间:2022-09-20 10:11:31浏览次数:81  
标签:面试题 Vue 19 避免 使用 模板

  • 思路:查看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.等等…(结合自身所作项目总结)

标签:面试题,Vue,19,避免,使用,模板
From: https://www.cnblogs.com/Mochenghualei/p/16710084.html

相关文章

  • 2022年9月19日测试 IntelliJ IDEA 2022.2最新激活码 破解 账号 激活图文教程
    正版激活,一人一码,告别破解(破解有代码风险!使环境运行变慢!)正版授权,一人一码:前往链接获取密码:rc9a官网授权,正版激活:支持Jetbrains家族下所有IDE绑定个人账号...密码:rc9a......
  • 学习vue3-先抄写文档
      当style标签带有scopedattribute的时候,它的css只会影响当前组件的元素。它的实现方式是通过PostCSS将当前组件添加属性,css选择器都添加对应属性选择器。子组......
  • 如何使用Vue原生组件编译应用程序主题?这个工具不要错过
    KendoUI致力于新的开发,来满足不断变化的需求。KendoUIforVue使用旨在提高性能和丰富用户体验的Vue组件,帮助开发人员构建下一代应用程序。它是为Vue技术框架提供可用的K......
  • vue安装与使用
    1、查看node是否安装:   node-v如果没有安装  就去安装node   2、查看npm是否安装   npm-v 如果没有安装  就去安装npm   3、创建项目......
  • 实战大数据 20220919笔记本10
                      ......
  • P5658 CSP-S2019括号树
    [CSP-S2019]括号树(傻逼绿题题目背景本题中合法括号串的定义如下:()是合法括号串。如果A是合法括号串,则(A)是合法括号串。如果A,B是合法括号串,则AB是合法括......
  • react useMemo、useEffect和 useCallback区别及与 vue 对比
    reactuseMemo和useEffect和useCallbackuseEffecteffect只能在DOM更新后触发useMemo传入useMemo的函数会在渲染期间执行,即在DOM更新前触发的,就像官方所说的,类比......
  • vue3 watch和 watchEffect对比
    watch和watchEffectwatchwatch显式指定依赖数据,依赖数据更新时执行回调函数具有一定的惰性(lazy),第一次页面展示的时候不会执行,只有数据变化的时候才会执行(设置i......
  • 【9.19 更新】羊了个羊-使用 HTTP Debugger 修改回复规则通关
    HTTPDebugger能抓到PC小程序的请求,所以可以使用HTTPDebugger自动回复规则来修改。步骤:打开HTTPDebugger后,PC微信启动羊了个羊小程序,点加入羊圈后看到以下两个请求。筛选......
  • 20220919模拟赛反思
    时间分配不合理、自己浪费太多时间在第二题,然后最后没做出来。导致后面的题甚至没认真思考,只来得及打暴力打部分分技巧掌握不熟练。就如第三题N<=20的部分分打了1个多......