乐趣区

关于css:前端面试题整理入门版

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

  • 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】原创不易,如需转载请【分割作者】或【署名作者并注明文章出处】
退出移动版