DingMing

丁大铭的个人空间,用来分享一些前端小技巧,默默成长吧,哈哈

2021秋季

  |  
 阅读次数

都给我卷起来

本卷王来做秋季总结了。
随着前端的不断深入,加之人员鱼龙混杂。现在面试的问题也趋于原理和实现,更离谱的还会问你,阅读源码会有什么心得或者如何改进么。大家都是打工仔,何必这么相互为难么,指不定哪天你落我手上呢 #_#

说句实话,不是面试要问,又要几人愿意去阅读源码呢,阅读了用不到没几天就会忘记的。但是说实话阅读源码真香,确实能学到不少。愿天下前端是一家,不要相互厮杀。

还有今年面试有一个很大的共同点,都会问你一下 写过 loader 或者 plugins么,成了今年的流行语~~~

万能自我介绍来了 😜

注意点(克服紧张,语速放慢,目光直视面试官)

面试官你好好,我叫**,之前主要负责的是前端这块业务的开发。主要使用的技术栈是vue,对react也有一定的了解。在上家公司主要从事H5页面,hybrid应用比较了解,熟悉相应的开发与调试, 还有后台管理系统等项目开发。平常喜欢逛一些技术社区丰富自己的技术,像思否,掘金之类,并且自己也独立开发了个人博客网站,记录自己的工作总结和学习心得。 我的性格比较温和,跟同事朋友相处时比较外向,在工作中代码开发时我喜欢全心全意的投入,对于工作我总抱着认真负责的态度。面试官,以上是我的介绍,谢谢。

记录下我出现问题或者比较好的面试为题

  • 三次握手 四次挥手

  • computed 实现原理

  • 两数之和

  • super() 作用

  • 泛型

  • type 和 interfaces 区别

  • Koa 的特点

  • 项目优化

  • 请求的种类有哪些 jsonp等等

  • fetch 和 ajax的区别 和优势

  • rollup 的应用场景 vite为什么会快

  • 301 302 304

  • Vue 模板语法

  • 微服务

  • vue 的语法 .sync 使用

  • Cors 在哪层拦截的

  • 父子组件 子组件获取dom

  • 订阅发布js

  • $nextick使用

  • 设计模式

  • nuxt.js 服务端组件和客户端组件的区别

  • Vue3 Composition API 好出

  • Vite 为什么快

  • plugins 和 loader 加载顺序

  • CommonJS 和 ES6 Module
    ES6 Module的特点(对比CommonJS)

    •    CommonJS模块是运行时加载,ES6 Module是编译时输出接口;
    •    CommonJS加载的是整个模块,将所有的接口全部加载进来,ES6 Module可以单独加载其中的某个接口;
    •    CommonJS输出是值的拷贝,ES6 Module输出的是值的引用,被输出模块的内部的改变会影响引用的改变;
    •    CommonJS this指向当前模块,ES6 Module this指向undefined;
    

    目前浏览器对ES6 Module兼容还不太好,我们平时在webpack中使用的export/import,会被打包为exports/require。

  • 加载时父子组件的加载顺序
    home beforeCreate –> home created –> home beforeMount –> list created –> list beforeMount –> list mounted

  • lerna

  • vuex vue-loader 的实现

记录 http1.0 http1.1 http2.0

首先http协议是一种建在tcp协议之上的应用层协议,主要作用是客户端和服务端的通信

http1.0与http1.1之间的区别:

  • 缓存策略
    • http1.1的缓存策略要比http1.0略多
  • 带宽和网络连接优化
    • http1.1带宽资源会减小
    • 断点续传
    • 新增状态码
    • socket长链接

http2.0和http1.x的区别:

  • http2.0的协议解析是二进制格式,更加强大
  • 多路复用,提高传输速率
  • header头压缩
  • 服务端推送

总结下

面试其实是一个双向的过程。 还是很有意思的,能知道最近前端的问题趋向。也能巩固自己,相互交流和学习。

考试重点
!!! 现在面试你必须能专精一项技能,比如我熟悉vue,必须能说出他的各项重要实现,能提升自己的逼格和然面试官眼前一亮

我们明年继续——> 一个卷王的自述

地址

https://wangyaxing.cn/blog/interview/%E9%9D%A2%E7%BB%8F/2020-%E9%9D%A2%E8%AF%95.html#%E9%9D%A2%E8%AF%95%E7%BB%93%E6%9E%9C

https://github.com/yygmind/blog/issues/43