原创不易，如需转载请【分割作者】或【署名作者并注明文章出处】

  • js根底技术

    • VUE

      • vue2

        • 双向绑定原理

          • get时collect，set时notify

          • v-model原理，监听input输入框的input事件

            • 如果间接document.querySelector('xxx input').value = new value，v-model对应的值会变动么，为什么
          • input与change区别
          • computed与watch区别
          • this.$set与Vue.set区别

        • vue实例与父子组件

          • vue组件内写的this指向谁
          • 计算属性，函数名和data数据源中的数据能够同名吗，为什么
          • 给vue定义全局的办法
          • 父子组件生命周期是如何串起来的
          • 组件通信计划
          • project/reject的了解，应用时须要每一个组件内都注入么
          • EventBus注册在全局上时，路由切换时会反复触发事件，如何解决呢
          • 父子组件如何拜访彼此的实例

        • 其余问题

          • vue2.0不再反对v-html中应用过滤器了怎么办
          • 函数式组件特点与利用场景
          • vue为什么要求组件模板只能有一个根元素
          • :class和:style有几种示意形式
          • nextTick的原理

          • spa的seo怎么做

            • ssr的渲染机会示什么

        • v-for的key绑不绑定有什么区别

          • 原地复用机制
          • 子级依赖索引问题

        • vue router的原理

          • keep alive原理
          • router link原理
          • 页面加载实现后，非以后路由的局部开始了生命周期么

        • vue-cli

          • 在应用vue-cli开发vue我的项目时，主动刷新页面的原理你理解吗
          • vue-cli怎么解决跨域的问题，是什么原理

        • diff算法

          • react与vue的区别、传统diff的局限、vdom如何进步性能
          • vue3为啥更快

      • vue3

        • proxy-reflect优化的起因
        • 对象的子级对象的双向绑定，vue是如何解决的
        • composition API长处
        • 其余优化

    • webpack

      • vue文件是如何变成js文件的，有哪些环节

        • webpack build与vue-cli dev场景别离有什么区别
      • webpack打包的流程、loader、plugin区别、polly-fill原理
      • hash、content-hash、chunk-hash区别

      • tree-shaking原理

        • 模块标准的区别
        • 如何写一个兼容amd cmd的模块

    • http

      • get post区别 平安 / 幂等

      • 版本演进

        • tcp-ip握手与ssl握手

          • 晓得ssl是非对称+对称加密
      • 常见端口号 204 206 302 304 403 503

      • 并发问题

        • 反对多少tcp/ip并发
        • 每一个tcp-ip能够发送多个http么

      • 缓存策略

        • 缓存优先级

        • 强缓存

          • 晓得pragma有加分但不要求

        • 协商缓存

          • 两种计划区别与各自的问题以及如何解决的
          • 同时应用两种协商缓存策略，如何解决的
          • no-cache与no-store区别
        • 200 from memory cache 与 200 from disk cache区别
        • 之前我的项目的缓存策略

      • 跨域问题

        • 起因与体现
        • 问题：server资源 / localstorage资源

        • 解决方案

          • cros能够配置什么内容
          • postMessageAPI如何应用
          • JSONP运行流程与限度
          • nginx配置代理转发
          • coop coep等【不硬性要求】

    • 原型链

      • 如何获取一个对象的原型对象有哪些计划
      • 为何不倡议应用__proto__，以及应该怎么实现这种场景的需要

      • 1.__proto__和a = 1; a.__proto__有什么区别

        • 拆箱与装箱
        • primitive (primitive value, primitive data type)是什么
        • primitive 可更改值么

      • 通过原型链实现继承有哪些计划

        • 注：prototype指向过来，肯定要constructor指向回来才算

    • eventLoop

      • setTimeout(fun, 0), fun是什么机会触发的，属于第一次事件循环序列的宏工作还是第二次的，第二次序列外面的宏工作最前还是最初
      • 渲染是何时进行的
      • setInterval的执行策略与setTimeout有什么区别

      • 栈与队列的概念

        • 能够顺带聊一下 尾递归优化 不强求

    • 安全策略

      • xss三种原理与防备
      • xsrf原理与防备

    • 其余

      • promise

        • all 如何容错式返回
        • 手写一个all / race

      • es6

        • weak map与map
        • let const的了解

      • this

        • 函数指向
        • 闭包指向
        • class内function的指向
        • bind之后还能够扭转this指向么
      • 闭包

      • 柯里化

        • 说得分明如何实现即可，不强制要求

      • 高阶函数

        • 次要考查理念的了解和arr的一些办法，其余更深层次的概念不做强制要求
      • 手写bind
      • iife

  • css等

    • 居中计划
    • 圣杯、双飞燕
    • animation参数
    • flex、grid相干与兼容解决
    • 动效优化、transition与animation渲染的区别
    • 补间动画
    • fps与raf概念
    • 盒模型与互相转化
    • 革除浮动

  • 浏览器

    • arr的sort默认算法是什么
    • url到页面加载进去的流程
    • ast如何构建、ast有哪些属性【不要求】
    • 词法剖析、语法分析区别
    • 常见的兼容问题
    • 屏幕适配问题

    • 存储策略

      • localstorage、cookies、ss、IndexDB等区别与各自空间大小、空间大小、url长度限度 等
    • 写一个10px为何调试的时候会是10.222px或者8.666px
    • 沙箱、webworker原理与利用空间与限度

  • 团队建设与优化

    • 谬误收集与报警 https://segmentfault.com/a/1190000016959011

      • sentry，rollbar，fundebug，frontjs https://blog.csdn.net/uikoo9/article/details/97286762

    • 性能优化

      • 资源型

        • 应体积越小越好， 尽可能复用传输通道，利用缓存
        • 优化显示要害资源， 优先加载头部内容， 用户主观感触更快

      • 渲染型

        • 尽量部分重排、集中式操作、拆散读写操作、dom离线、脱离文档流

    • ci/cd

      • 如何集成到我的项目里，遇到治理性质的流程如何解决

    • 公共组件保护

      • git submodule、git subtree、npm 以上计划的优缺点以及如何应用与优化的

    • 效率晋升

      • cli优化
      • 流程优化

  • 算法

    • 数组查重，至多三个

      • set ，obj-key，arr的index reduce find等办法，

    • 深拷贝

      • JSON的缺点
      • 循环援用的解决
      • weakmap 与while优化
      • 正则，函数 箭头函数，eval等状况的解决
    • 实现节流 防抖
    • 实现lodash外面某一个算法，比方chunk
    • 链表查环
    • 斐波那契
    • 深度优先遍历与广度优先遍历
    • 如何写一个加减法的编译器
    • 基本思路了解：递归、贪婪、动静布局、回溯、时空复杂度的计算

  • 业务问题

    • h5

      • 1px像素问题
      • 适配解决问题 / 原理
      • 滚动穿透
      • ios300ms提早

      • 上传的问题

        • 低版本Android上传图片回来刷新的问题 、无权限如何解决 、 如何关上相册

      • 音乐

        • 自动播放 、 如何预加载
      • 视频下层笼罩按钮

    • pc

      • 支流浏览器兼容
      • sso计划
      • 如何防止运营商劫持
      • 数据可视化相干计划
      • 响应式设计方案
      • 权限治理计划
      • 截留 / 防抖
      • 登录态治理
      • 万级节点优化

  • 其余

    • 跨平台

      • 支流框架与计划
      • 各个计划的原理

    • 前端将来方向的思考

      • BFF、TWA 方向；UI 智能化方向；数据可视化方向；图形互动化方向；serveless、可视化、动效、3d+vr+ar、第三方扩大能力、等
    • node 罕用api等
    • eslint、babel等的原理
【By: 360手机助手团队-XTeam】原创不易，如需转载请【分割作者】或【署名作者并注明文章出处】