面试题（四）——高级ue中的缓存，keepalive存储公共组件上传到npm.js可下载webpack打包工具的优化配置性能优化，路由懒加载，图片懒加载css中的gap自适应缩放设置最小宽度，防止变形vue中造成内存泄露的原因以及处理方式( promise等)js造成内存溢出的原因有哪些以及怎么处理全局变量， 闭包（Closure），DOM引用， 缓存，定时器和回调js中全等和相等内部的处理逻辑是什么值和类型 相等运算符会尝试进行类型转换之后再比较两个值 全等运算符不会进行类型转换，它要求两个值不仅内容相同，而且类型也必须相同css中的BFC（块格式化上下文）display: flow-root用于决定块级盒子的布局及其浮动和清除规则。创建一个新的BFC可以确保该上下文中的元素按照特定规则进行布局，而不受外部元素的影响。作用：阻止外边距折叠包含浮动元素，防止高度塌陷阻止元素重叠箭头函数和闭包var 和let 的区别作用域、变量提升、重复声明原型和原型链ts中 定义一个对象排除某些属性前端页面加载较慢，如何定位前端涉及的安全测试的处理优化首页资源加载的速度gis地图webGLhttp和https的区别，默认端口分别是啥，为什么加s更安全 80 443tcp协议的3次握手下载怎么确定文件名下载时如何配置，而保证文件的准确性避免乱码src和href的区别闭包的理解处理异步的方法flex:1是由什么组成flex-grow: 1; //放大 flex-shrink: 1; //收缩比例 flex-basis: 0%; //初始基准尺寸防抖：在最后一次操作后，延迟执行节流，在一定时间内，只执行一次，控制执行的频率1、～ 如何把外部的系统集成自己的项目中，使之成为一个项目，保证api兼容1 iframe嵌套集成2 各自转化为中间件的方式进行集成3 如果只需要使用系统中的单一功能，可以让服务端去调用对应功能的服务，已实现效果2、排除框架的因素，除了分辨率和尺寸，一套代码适配移动端和pc端，需要考虑什么跨设备处理事件pointerdown触摸事件，鼠标事件优化图片和媒体资源，picture标签和 srcset属性性能优化，代码分割原型链的理解：prototype是构造函数给实例准备的共享模板，“__ proto __ ” 是对象向上找原型的指针，原型链就是这些指针连起来的查找路径。示例：Person.prototype.sayHi=function(){console.log(this.name);};p1.sayHi();// Alicep2.sayHi();// Bobconsole.log(p1.__proto__===Person.prototype);// true3、静态路由和动态路由如何配置以及有啥区别动态传参，加冒号4，https通讯协议 加密的原理，，通讯时如何保证数据的安全依赖SSL/TLS协议生成会话密钥，哈希函数，防止被篡改vue3和vue2的区别vue3中如何实现自定义双向绑定js如何再窗口内获取鼠标的位置hooks 与mixins 相比的优势1、更好的可读性和可维护性：Hooks 允许开发者将组件内的逻辑明确地封装在独立的函数中，这使得代码更加模块化和易于理解。每个 hook 函数都有一个明确的目的，可以专注于解决单一问题，提高了代码的可读性和可维护性。2、 避免命名冲突：在 Vue 2 中，mixin 可能会导致命名冲突，尤其是当多个 mixins 含有相同名称的方法或数据属性时。 Hooks由于是独立的函数，不会引起命名冲突，因为它们是通过函数参数传递和返回值进行交互的。3、 更灵活的复用方式：Hooks 可以接收参数，这意味着它们可以更灵活地适应不同的使用场景，甚至可以相互组合使用。Mixins 的复用性受限于其静态的结构，它们不能像 hooks 那样动态地接收参数。4、追踪数据来源：使用 hooks 时，可以清楚地看到数据和逻辑的来源，因为它们是通过函数调用引入的。Mixins 有时会使数据和方法的来源变得模糊，特别是当多个 mixins 和组件自身的方法混合在一起时。5、更清晰的作用域：Hooks 明确地定义了作用域，它们的内部状态和行为不会污染外部作用域，减少了意外的副作用。Mixins 的作用域与组件的作用域混在一起，可能导致不易察觉的副作用和调试困难。6、更好的测试性：Hooks 可以独立于 Vue 组件进行单元测试，因为它们只是普通的 JavaScript 函数。Mixins 的测试则需要在组件的上下文中进行，增加了测试的复杂度。7、组合式 API 的强大功能：Composition API 使得 hooks 可以更容易地组合和复用，提供了更强大的组合逻辑的能力。Mixins 的组合能力有限，且在 Vue 2 中组合逻辑并不直观。8、 减少全局状态：使用 hooks 可以减少对全局状态的依赖，因为它们鼓励局部状态管理。