Vue 常见面试题

Vue使用

Vue 源码解析

Vue SSR

如何调试Vue 源码
image
如何学习开源框架---> 从它的第一次commit 开始看
国外的文章 大致了解写框架的过程(英文关键字)
找到关键---> 自己实现一个简易版---> 详细的Debug看它一步步都干了啥
带着写一个问题再看,最后一步搬砖
如何显得自己特别擅长一个开源框架---> 直接看issue,看大牛是如何解决这些问题的(比较损)

koa2(di框架,egg 不行)
webpack
vue
css next
js 基础
typescript

回顾
多项目之间的关系
业务组件sqxy-components为何要单独抽离出来?
整体思路

  • 根据 id uuid来获取思路
  • 判断 status(未发布,强制下线)
  • 作品数据+leogo-cpmponents ---> 渲染出H5页面
    C端特点:流量大,交互简单,所以要访问更快,服务器压力更小
    使用SSR
    SSR 并不是新概念,web系统最早产生的就是SSR(asp, jsp, php等), 后来才前后端分离、
    再后来,有大前端, 前端后端整合
    SSR优点是快。缺点是不灵活(相比Vue React),后来又有了Vue React的SSR框架 但是研发成本太高。
    如何使用SSR
    业务需求:流量大, 交互大
    要使用sqvy-components,所以使用Vue3 SSR
    仅仅渲染一个h5 页面,没有路由,交互简单,所以不用框架
    使用缓存
  • 流量大时,频繁访问数据库是一个性能瓶颈
  • 使用Redis缓存,解决这个问题
  • 考虑何时清空缓存?
    • 重新发布时
    • 强制下线时
      html 放在我们自己的服务器,CSSS js放在CDN
      前端功能
  • 统计,分渠道统计
  • 渠道参数检查(防止没有渠道号的情况)
  • 事件
    --------技术文档--------------
    image
    需求和背景
    技术选型
    架构设计图
  • URL设计和 editor-server
    ssr设计
    • h5前端功能

搭建项目环境
h5-server 和biz-editor共用一个数据库
主要产出

  • 搭建h5-server项目环境
  • 自动部署测试机
    主要内容
    回顾biz-editor-server项目环境, CI/CD流程
    搭建h5-server 开发环境
    CI/CD自动部署到测试机
    注意事项
    如何通过docker-host 访问数据库

posted @ 2022-06-09 10:25  李老师家的狗  阅读(41)  评论(0)    收藏  举报