2025/02/12 不知名公司

• 全局注册
  • Vue.directive(‘指令名’,{})
    • 参数1：指令名称
    • 参数2：可以是对象数据，也可以是指令函数
• 局部注册
  • 在options选项中设置directive属性
• 自定义指令钩子
  • bind 只调用一次，指令第一次绑定到元素时调用，可以进行一次性的初始化设置
  • inserted 被绑定的元素插入父节点时调用
  • update，所在组件的vnode更新时调用
  • componentUpdated 组件的VNode以及其子VNode全部更新之后调用
  • unbind 指令与元素解绑时，仅调用一次
• 钩子函数参数
  • el 绑定的元素，可以直接操作dom
  • binding 一个对象，包含一些property
  • vnode
  • oldnode

应用场景

• 表单防止重复提交
  • 通过指令实现按钮节流
• 图片懒加载
  • 通过指令监听图片是否出现在视口中，实现懒加载
• 元素实现拖拽

vue指令写在哪里

• 全局指令
  • directives/index.js，在main.js中调入使用
• 局部指令
  • 直接写在options的directives中

• 本身对传输文件大小没有限制
  • 前端和后端可以对文件的大小进行限制
  • 大文件对网络环境要求比较高
• 能传输二进制文件类型
• 优化大文件传输
  • 分块传输
    • 读入二进制数据之后，通过控制步长和位移实现传输
  • 使用http2.0
    • 多路复用和二进制传输，提升大文件传输效率
  • cdn
    • 内容分发网络分发大文件，减少服务器压力

答：30-60s比较合适

• 心跳机制就是定时发送ping消息来确保连接
• 客户端定时发送心跳包
• 服务器端定时响应心跳包
• 如果客户端在指定时间内没有收到服务器的响应，则认为连接已经断开

答：3-5秒，具体要看业务

• 单点登录SSO
  • 让用户在多个应用系统之间只要登陆一次就可以访问所有授权系统的机制