VAN

华为od机考攻略

header定义文档或者文档的头部内容，导航链接，网站标识，标题搜索栏等等nav定义导航的主要链接，方便用户在同一个页面内快速跳转，可以将整个网站链接放置在na标签当中的，放到页面的顶部或者侧边栏，用于展示网页的主要导航链接section:定义文档当中的借或者区域，标题，aside蛀牙用于表示和页面主要内容简介相关的部分，aside用于表示和页面主要内容间接相关的部分，figure标签用于将图像，图标，照片等和文档正文相关的内容，图像，图标，找片等和文档正文相关的内容独立出来。

虚拟dom。

li根据组件的层级关系和通信的复杂程度，可以选择合适的方式进行组件间的通信。对于简单的父子通信，使用props和$emit是最常见的方式；而对于复杂的状态管理，使用 Vuex 是更为合适的选择。8、Vue2 的数据劫持如何实现的， 有什么缺陷吗？Vue3的是如何实现的？Vue 2使用进行数据劫持，存在性能问题、无法监测新属性等缺陷。Vue 3通过Proxy实现响应式，具有更好的性能和更高的灵活性，克服了 Vue 2 的一些限制。9、说下什么是跨域问题？如何解决跨域问题？

防抖是指短时间内大量触发同一事件，只会在最后一次事件完成后延迟执行一次函数。例如，在输入用户名的过程中，需要反复验证用户名。此时，您应该等待用户停止输入，然后进行验证，否则将影响用户体验。防抖实现的原理是在触发事件后设置计时器。在计时器延迟过程中，如果事件再次触发，则重置计时器。在没有触发事件之前，计时器将再次触发并执行相应的功能。声明定时器返回函数一定时间间隔，执行回调函数回调函数已执行：清空定时器未执行：重置定时器事件被触发n秒后再执行回调，如果再次触发就重新计时。

本章讲解项目设计相关的面试题。面试官给出一个项目需求或者功能，让候选人做技术方案设计，考察综合能力。

何时用 SPA 何时用 MPA？

把控需求技术方案设计开发监督代码质量跟踪进度稳定安全的运行const url = 'xxx' // 接受自定义事件的 APIthis.send(url, { key, value }) // 发送用户使用// 如需要统计“同意” “不同意” “取消” 三个按钮的点击量，即可使用自定义事件统计// ...业务逻辑...

本章讲解前端数据结构和算法的面试题。包含了数组、栈、队列、链表、二叉树这些常见的数据结构。常用的算法思维如贪婪、二分、动态规划，以及如何计算时间复杂度。

打印 1-10000 之间的对称数。

定义一个函数，将数组种所有的0都移动到末尾，例如输入输出。0。

一个二叉搜索树，求其中的第 K 小的节点的值。如下图，第 3 小的节点是4。

一个字符串内部可能包含{ }( )[ ]三种括号，判断该字符串是否是括号匹配的。如(a{b}c)就是匹配的，{a(b和{a(b}c)就是不匹配的。

本章讲解编写高质量代码的面试题，即常见的“手写代码”面试题。有比较基础的类型判断、手写new，也有比较复杂的 LazyMan 和 LRU 缓存。

Bus 不是“车”，而是“总线”

原型链循环判断。

该方法的参数是 Promise 实例数组, 然后其 then 注册的回调方法是数组中的某一个 Promise 的状态变为 fulfilled 的时候就执行. 因为 Promise 的状态只能改变一次, 那么我们只需要把 Promise.race 中产生的 Promise 对象的 resolve 方法, 注入到数组中的每一个 Promise 实例中的回调函数中即可.

创建server目录mkdir wpt-mac-server创建Dockerfile，添加内容vim Dockerfile创建locations.ini配置文件，添加内容vim locations.ini1=Test_loc[Test_loc]1=Test[Test]创建自定义server镜像docker build -t wpt-mac-server .创建agent目录mkdir wpt-mac-agent创建Dockerfile，添加内容vim Dockerfile。

浏览器和 nodejs 事件循环的区别。

算法学习（1）

规范性：符合代码规范，逻辑清晰可读完整性：考虑全面所有功能鲁棒性：处理异常输入和边界情况。

链式调用任务队列延迟触发判断参数长度中间态返回函数，最后返回执行结果如用 this 慎用箭头函数。

因为 Javascript 作为一门浏览器端的脚本语言，主要的任务就是处理用户的交互，而用户的交互无非就是响应 DOM 上的一些事件/增删改 DOM 中的元素。对于响应事件是异步处理的，但事件循序也是在单线程中进行的，所有的（可能不太准确）都是被加入到 macro 事件队列中的，一次事件循环也只处理一个事件响应。所以说 Javascript 被设计成单线程，主要的原因还是在于操作 DOM ，包括在异步的事件处理器中操作 DOM。

【代码】前端大厂面试手写题目|字符串出现的不重复最长长度，给定数组实现插入排序。

对象数组去重：临时对象缓存数组项的key值reduc方法+缓存对象普通数组去重：indexOf方法去重相邻元素排序set和解构赋值去重set和Array.from去重JS当中没有图，可以用Object和Array。

快速，选择，希尔。

遍历原始数组，对于调用map方法的数组会遍历每一个元素对于每一个元素应用回调函数，对于每一个元素都会调用传递给map的方法的回调函数，并且传入三个参数：当前元素的支，当前元素的索引和原始数组本身，回调函数用来对每一个元素进行处理构建新的数组，将回调函数返回的结果存储在新的数组当中，这些结果按照原始数组的顺序排列返回新的数组，当遍历万所有的数组并且处理完成以后，map方法返回包含处理结果的新的数组。

em和rem属于与font-size有关的长度单位，大小不固定，个人体验在多设备上优于px但不如视图系列单位。vw,vh 属于与视图大小有关的长度单位，vw为当前视图宽度的 1%.vh为当前视图高度的 1%px属于绝对长度单位，类似的还有cm,mm。在不同设备上表现的宽度可能不一致，但相对长度固定。[css] 第10天 对比下px、em、rem有什么不同？默认情况下: 1em = 10px;【Q198】如何实现类似 lodash.get 函数。【Q421】如何实现无限累加的一个函数。

递归判断。

代码转换js->document->

/promise.all的用法。

返回新创建的类组件不会影响原先的组件直接修改返回的react内容利用反向继承实现复用性的抽象。

不预先指定类型，而是在使用的时候再指定理性的一种类型。再次打开恶意网站，不能读取cookie浏览器安全性。其他类可以访问mixin类的方法而不必成为其子类。obj.f1()实际就是fn()没有调用者，指向的是window。

【代码】大厂前端面试手写题目详解|算法题|找出m字串最小和，输出合理的打包顺序， 依据版本号和依赖结构确定打包顺序。

call,apply运行的时候改变函数的指针。

let num=0;num++;})},2000);num++;})})})

微任务：需要异步执行的函数，执行实际是再主函数执行结束以后，当前宏任务结束之前，宏任务：宏任务的时间粒度比较大，执行的时间间隔是不能精确控制的，对于一些高实时性的需求就不大符合常见的微任务：Object.observe(已经废弃）常见的宏任务：script外层同步代码UI rendering/UI事件。

数据类型基本数据类型：栈内存当中引用数据类型：堆内存当中，指向堆内存当中实际对象的引用浅拷贝：只拷贝一层引用类型拷贝的内存地址扩展运算符。

virtual dom跨平台能力rn,weexjs用对象的属性描述节点，映射到真实环境当中vdom节点，和真实的dom属性一一对应2为什么需要虚拟dom?dom操作引起的性能问题api,jqueryvdom,vnode,diff,js对象抽象原本的渲染过程，实现跨平台的能力。

优点:更好管理状态，无状态的，减少出错的情况，更简单的复用固定输入，固定的输出，没有副作用，不需要考虑内部实现外部影响，更优雅的组合。geneator代码执行权转移出去，再转移回来，同步顺序书写，和是将函数控制权转移回来，自动执行机制async函数的方式。编译模块，通过entry对应的dpendece创建odule对象，调用对应的leader去将模块转为js内容。watch没有缓存的，监听到值的变化就会执行回调，在回调当中进行一些逻辑的操作。