前端2年经验，历时一个月的面经和总结

最新推荐文章于 2024-04-04 21:07:15 发布
最新推荐文章于 2024-04-04 21:07:15 发布
阅读量266 收藏 3
点赞数 1
文章标签： 面试 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_54542328/article/details/134599250
版权

前言

先介绍下个人情况：本人本科2年前端开发经验，由于政策原因公司裁员，我从上一家公司离职。休息了一段时间之后，我开始投简历找工作。从8月22号到9月22号累计一个月的时间，最终通过面试的岗位有8个。

从这一个月的面试内容来看，大部分面试官都会根据你的简历内容来提问。我简历里写到了 React 、Vue 、Typescript 和 小程序 ，所以关于这几个部分的内容面试官都会问到。另外我简历里没写 Webpack 和 Node ，所以面试官没怎么问 Webpack 和 Node 相关的内容。

面经分类

从我的面试记录来看，可以把面试题分成这些类型：

  • JavaScript

  • CSS

  • 框架通识

  • Vue

  • React

  • Webpack

  • Typescript

  • 浏览器 & 网络

  • 小程序

  • 看代码说结果

  • 手撕代码 & 算法

  • 开放题

以下是我面试过程中遇到的所有的问题，供大家参考。下面的这些题目能搞定百分之七八十，搞定面试绝对没问题。

JavaScript

  • Map和Set的区别，Map和Object的区别

  • 数组的filter、every、flat的作用是什么

  • es6有哪些新特性

    • 前端开发者不得不知的 ES6 十大特性[1]

  • 说一下对Promise的了解

    • Promise实现原理[2]

  • Promise的all和race有什么区别

  • 箭头函数和普通函数的区别

    • 箭头函数和普通函数的区别[3]

  • let、var和const的区别？如果希望const定义的对象的属性也不能被修改该怎么做？

  • 堆和栈的区别

  • 闭包的原理

    • 我将【闭包】讲给你听！[4]

  • instanceof的实现原理

  • new的实现原理

  • 数据类型有哪些？如何判断一个数据是否是数组

  • JQuery实现链式调用的原理是什么

  • 分别介绍一下原型、原型链、作用域和作用域链的含义和使用场景

CSS

  • css和js两种方式实现div右移1000px动画

  • visibility、display、opacity的区别

  • 单行截断css

  • flex布局

  • flex：1

  • transition、transform、translate的区别

  • 如何画一条 0.5px 的边框

    • 怎么画一条0.5px的边（更新）[5]

  • 说一下BFC

    • 浅析BFC原理及作用[6]

  • parent元素宽高不定，实现scale固定宽高比始终为4：3

  • CSS垂直居中的方案

    • CSS垂直居中的12种实现方式[7]

  • 伪元素和伪类的区别

    • 总结伪类与伪元素 | AlloyTeam[8]

  • position的几个属性和含义

    • CSS position 属性[9]

  • 说一下盒模型

  • 响应式布局方案

    • 前端响应式布局原理与方案（详细版）[10]

  • 三栏式布局方案

  • 如何提高动画的渲染性能

    • 这样使用GPU动画[11]

框架通识

  • React-router、vue-router原理

  • vue和 react 的区别

    • 前端框架用vue还是react？清晰对比两者差异[12]

  • vue和 react 如何做技术选型

  • css module原理

  • 说一下虚拟DOM？为什么要使用虚拟DOM？

    • 追问：虚拟DOM是如何合并patch的

  • map 和 v-for 中 key 的作用

  • react diff算法和vue diff算法的区别

    • 【前端面试】面试官常问的虚拟dom，dom算法，key，别再答不出来了。[13]

    • React 源码剖析系列 － 不可思议的 react diff[14]

  • 组件通信的方式有哪些

  • SPA单页面应用和多页面应用有什么区别

Vue

  • computed和watch的区别

  • data为什么是个函数，而不是对象

  • watch能监听computed的属性吗

  • vue的响应式原理

  • vue的生命周期

  • mounted拿到数据可以后可以直接获取dom吗

  • nextTick原理

  • vue模板（template）里为什么不能使用多个头结点？

  • vuex为什么同时设计mutation和action？只设计一个行不行？

  • vue2和 vue3 在数据绑定这一块有什么区别？

  • vue挂载和卸载父子组件生命周期钩子执行顺序

  • vue的优化方案（等同于如何编写可读性高、易维护且高性能的vue代码）

    • Vue 项目性能优化 — 实践指南（网上最全 / 详细）[15]

  • keep-alive的原理，使用有什么问题？如何解决？

React

  • setState是同步还是异步的

  • fiber的实现原理

    • React Fiber 原理介绍[16]

  • fiber的时间调度通过哪两个原生api实现的（requestAnimationFrame和requestIdleCallback？？？）

  • React合成事件是如何实现的

  • 使用Redux时需要注意的点

  • 如果Redux没返回新的数据会怎样

  • Redux是如何派发数据的？ connect原理？

  • 什么场景会触发重新渲染（re-render）

  • setState返回一样的引用，render会执行吗

  • useEffect的使用方法？useEffect的return会在什么时候执行？useEffect原理是什么？

    • React Hooks 源码解析（4）：useEffect[17]

  • useMemo和useCallback的区别，它们的实现原理是什么？

  • useEffect、useMemo、useCallback是如何做依赖收集的

  • React Hooks有什么优势和劣势

  • context的实现原理是什么？如何做依赖收集？

  • React的生命周期（React15、React16）

  • PureComponent和Component的区别

  • 如果在map循环中没有设置key值，那么从 A B C D 四个节点变成 B C D三个节点，它会以什么样的方式变化

  • React dom绑定事件和原生事件有什么区别

  • 类组件和纯函数组件的区别

  • Hooks的实现原理

Webpack

  • 为什么webpack打包慢？为什么vite会比webpack快？如果想提高webpack速度，应该怎么做？

    • Webpack优化——将你的构建效率提速翻倍[18]

  • 说说webpack编译打包的流程

  • 说一下对tree-shaking的了解，对CommonJS和ESM都可以用tree-shaking吗

  • webpack中plugin和laoder的区别，它们的执行时机，以及常用的plugin和loader

  • css-loader的作用是什么？不使用css-loader行不行

Typescript

  • Typescript相较于JavaScript有什么优势和劣势？

  • const func = (a, b) => a + b; 要求编写Typescript，要求a，b参数类型一致，都为number或者都为string

  • 实现ReturnType

  • 实现DeepReadOnly

  • 基于已有类型生成新类型：剔除类型中的width属性

    interface A {
  content: string;
  width: number;
  height: number;
}

浏览器 & 网络

  • 介绍一下EventLoop

    • 【前端体系】从一道面试题谈谈对EventLoop的理解[19]

  • EventLoop中为什么要同时存在宏任务和微任务两个队列？设计一个行不行？一段代码在执行时，程序是如何去区分宏任务和微任务的？

  • 内存泄露

    • 一文带你了解如何排查内存泄漏导致的页面卡顿现象[20]

    • 项目中内存泄漏的场景

    • setTimeout为什么会造成内存泄露？如何防止setTimeout内存泄露？清除定时器为什么就不会有内存泄露？

  • 介绍一下http缓存

    • 追问：哪些字段用做强缓存？哪些字段用做协商缓存？

    • 追问：cache-control、expires、etag等字段的属性值是什么样的？

    • 追问：这些字段都被存放在请求的哪个部分？

    • 追问：last-modify和expires这些字段的时间有什么区别？

    • 追问：last-modify和expires能共存吗？

    • 追问：如果不想让某个资源使用缓存，那么应该如何设计http缓存？

    • 追问：cache-control中的no-cache和no-store的区别

  • 介绍一下宏任务和微任务

    • 【study】宏任务和微任务的区别是什么[21]

    • 追问：哪些是宏任务？哪些是微任务？

    • 追问：宏任务和微任务的区别是什么？为什么要设计宏任务和微任务两个队列？使用一个任务队列行不行？为什么？

    • 追问：你刚刚所说的都是根据api来识别微任务和宏任务的，那么一段完整的程序浏览器是如何区分宏任务和微任务的呢？

  • 微任务的优先级

  • 如何理解script标签是个宏任务

  • http1.1和http2的区别

  • onload 和 DOMContentLoaded的区别

  • requestAnimationFrame

  • 浏览器加载页面的过程

  • script标签为什么要放在底部

  • defer和async的区别，以及它们的加载和执行时机

  • DOM事件模型。事件捕获和事件冒泡的使用场景

    • 【前端 · 面试 】JavaScript 之你不一定会的基础题（一）[22]

  • 从输入url到页面展示的过程

    • 从输入 URL 到页面展示到底发生了什么？看完吊打面试官！[23]

  • 如何设计css、js等文件的缓存

  • 204、304、404、504

  • 描述一下同源策略、跨域及其解决方案

    • 前端常见跨域解决方案（全）[24]

    • 描述Jsonp具体的实现方案

  • xss和csrf的概念和防御方式

    • 前端安全系列（一）：如何防止XSS攻击？[25]

    • 前端安全系列（二）：如何防止CSRF攻击？[26]

  • sessionSorage、localstorage、cookie的区别？同一个系统开两个网页，两个网页的sessionStorage共享吗？

  • http和https的区别？为什么https是相对安全的？https加密原理？

    • 为什么HTTPS是安全的，一张图告诉你[27]

  • tcp三次握手和四次挥手的步骤

小程序

  • 说说小程序的三层架构

    • 微信小程序的架构以及为什么要用到双线程[28]

    • 拆分逻辑层和渲染层有什么优势和劣势

  • 小程序框架和普通H5框架的区别（比如Taro和RN）

  • 小程序在安卓和iOS上的区别

  • 为什么要用Taro？Taro是如何实现跨端的？

  • Taro是如何兼容React和Vue的

  • Taro3和Taro2的区别

  • Taro的优化方案

  • 小程序体积压缩的方案

    • 京喜小程序首页瘦身实践——给小程序再减重30%的秘密[29]

看代码说结果

  • EventLoop

    setTimeout(function() {
 console.log(1);
}, 0);
new Promise(function executor(resolve) {
   console.log(2);
   for (var i = 0; i < 10000; i++) {
      resolve();
   }
   console.log(3);
}).then(function() {
   console.log(4);
});
console.log(5);

  • 闭包。说结果，然后分别使用Promise和async改写成每隔1s打印1个数字的形式

    function print(n){
    for(var i = 0;i <n;i++){
        setTimeout(console.log, 1000, i);
    }
}
print(10);

  • 作用域

    var a = 20

function bar() {
  console.log(a)
}

function foo(fn) {
  var a = 10
  fn()
}

foo(bar)

  • 作用域

    function bar() {
  var a = 20
  return function() {
    console.log(a)
  }
}

var foo = bar()
var a = 10
foo()

  • 作用域

    var a = 20

function bar() {
  console.log(a)
  var a = 10
  console.log(n)
}
bar()

  • EventLoop

    const promise = new Promise((resolve, reject) => {
  console.log(1);
  resolve(5);
  console.log(2);
}).then((res) => {
  console.log(res);
})

promise.then(() => {
  console.log(3);
})

console.log(4)

setTimeout(() => {
  console.log(6)
})

  • EventLoop

    async function async1() {
  console.log('async1 start');
  await async2();
  console.log('async1 end');
}

async function async2() {
  console.log('async2 start');
}

console.log('script start');

setTimeout(function() {
  console.log('setTimeout');
}, 0);

async1();

new Promise(function(resolve) {
  console.log('promise1');
  resolve();
}).then(function() {
  console.log('promise2');
}).then(function() {
  console.log('promise3');
});

console.log('script end');

  • 原型链

    function foo() {

}

const bar = new foo()

console.log(bar.__proto__)
console.log(bar.__proto__.__proto__)
console.log(bar.__proto__.__proto__.__proto__)
console.log(bar.__proto__.__proto__.__proto__.__proto__)
console.log(foo.prototype)
console.log(foo.prototype.prototype)
console.log(foo.prototype.prototype.prototype)

手撕代码 & 算法

  • 手写快排

  • 手写深拷贝

  • 手写节流和防抖

  • 手写call / apply

  • 手写Promise.all / Promise.race / Promise.allSettled

  • 手写限制并发数量

  • 手写括号匹配

  • 手写红包算法（注意均衡分配和浮点数计算精度问题）

  • 数组去重

  • 将奇数排在前面，偶数排在后面。要求时间复杂度O(n)。空间复杂度O(1)（不能用splice）

  • 数组转树结构

  • 解析出URL中所有的部分

  • 实现一个compare函数，比较两个对象是否相同

  • 螺旋矩阵

  • 大数相加

  • 找出出现次数最多的英语单词

  • 节点倒序（将ul.id=list，将ul节点下的10000个li节点倒序。考虑性能。）

  • 实现一个函数计算 "1+12-31+100-93"

  • 判断链表是否有环

  • 手写useReducer

  • 手写useDidMount

  • 手写useDidUpdate，模拟componentDidUpdate

  • 手写usePrevious

  • 爬楼梯

  • 删除单向链表中的某个节点

  • 柯里化

  • 中划线转大写

  • 千位分割

  • 使用es5实现es6的let关键字

开放题

  • Antd栅格布局的实现

  • 劫持所有的a标签，点击时不发生跳转，而是弹出提示框提示即将跳转到某个网址，点击确认则跳转，点击取消则无操作

  • 两个promise，分别实现串行和并行形式，只有两个promise都返回结果时打印success，否则打印fail

  • 长列表的优化方案有哪些？如何设计一个虚拟列表

  • 埋点是如何拦截和上报的

  • 如何实现一个无埋点数据上报

  • 使用hash路由时，怎么能再刷新后时候自动滚动到页面上次的锚点位置？

  • 做过哪些性能优化方面的工作

    • 应用性能前端监控，字节跳动这些年经验都在这了[30]

    • 前端性能优化24条建议（2020）[31]

  • 实现一个多级菜单，菜单层级不定

  • 如何监控和排查内存泄漏问题

  • 模拟实现Java中的sleep函数

  • 使用var模拟实现es6中的let和const

  • 实现一个数组的splice方法（说思路）

  • A页面跳转到B页面，在B页面做的操作传输给A页面的方法

  • Sentry是如何实现错误监控的

    • 解析Sentry源码(二)｜ Sentry如何处理错误数据[32]

    • 一篇讲透自研的前端错误监控[33]

  • 将一个GIF绘制到canvas上是否可行？如果可行，说说你的实现方法。

  • 如果让你搭建一个项目，你会使用哪些技术方案进行组合？

  • 如何做技术选型？

    • 精读《12 个评估 JS 库你需要关心的事》[34]

  • 手写实现一个图片懒加载

    1、到指定高度加载图片

    2、考虑重排和重绘

    3、考虑性能

    4、先加载缩略图，再加载完整的图

    5、注意图片加载容错情况

  • 编写一个函数，传入一个promise和数字n，n(s)内promise没有返回结果，直接reject

  • 了解SSR吗

    • 谈谈我对服务端渲染(SSR)的理解[35]

  • 说一下深拷贝要注意的点

  • 前端发展方向设想

  • 如何设计一个类似于elementui这样的可以单包发布，也可以多包发布的框架

  • 如果让你设计一个单测框架，你怎么设计？

  • 如何实现模块懒加载？import语法是如何做的

  • 如何设计一个单点登录方案？

  • 用过哪些设计模式？分别说说它们的使用场景和应用案例？你觉得使用设计模式给你带来了什么好处？

  • 从A页面跳转到B页面，再返回A页面时，如何让A页面保持上一次的状态

  • 了解Vue3和React18吗

  • Nginx和node中间件代理的区别

  • Node中间件主要是解决什么问题

  • 说一下你做过的最有收获的项目。描述一下系统所承载的功能、目标以及这个系统能解决什么问题？

  • 你怎么看待Typescript中大量存在any的现象？面对这样的场景你将有什么样的想法和行动？

总结

在我开始投简历之前，我做了两周的面试准备，那么我准备什么呢？

首先是准备简历和自我介绍。将自己所做过的所有项目都列出来，从里面找到自己收获比较大的或者是存在着技术难点的项目放到简历上。有一点非常重要：千万不要为了显得自己很厉害，把自己不了解或者不熟悉的技术写到简历里！这是非常不明智的，面试官往往会根据你简历的所写到的技术点和项目进行提问，如果问到了你不会的技术点，你又不能很好的表达出来，那可能就吃了一个暗亏。在梳理项目的同时，最好对你的项目做一个抽象的归纳总结，比如项目的使用者有哪些人，这个项目对他们产生了什么样的帮助，这个项目所承担的职责是什么样的。

第二步是遍历。需要大批量的去看网上的面经，面经的时间越近越是有可借鉴的地方。多关注简历里面写到和项目里用到的技术，多关注原生JS、技术框架、构建打包以及性能优化方向的知识，而对于css和html这些面试官能问到的范围比较小，所有可能被问到的css题目其实我都遇到过了，也都记录在了文章里。

第三步是列提纲。我根据网上的面经，我将面试官可能会问到的问题汇集起来统一记录在文档里，然后按照题目的标签和关注点进行分类，最后得到的分类结果和最后实际的面试经过所碰到的问题分类差不多。

第四步是各个击破。对于梳理出来的知识点，我建议将每一条的答案都用笔写出来或者用电脑编辑记录下来。很多时候，知道和能不能很好地表达出来没有必然的关系。不仅要知道是什么，最好也要能保证在面试官提问的时候能用清晰的语言将你所知道的表达出来。

除了以上四点，还需要注意的是算法。算法这件事情很难在短时间内训练得很熟练，更多的是需要日常的的锻炼，培养了灵活的思维意识，才能在最短的时间内从题目中分析出需要使用的算法思想。当然，如果只是为了应付面试的话，那就没有这么复杂了，前端面试中可能涉及到的算法题不是很多，你只需要会做这些常见的题目就行了，甚至不需要举一反三。

除了做准备之外，还有一件事情必须要做：复盘和总结。对于我们面试的时候所遇到的问题，一定要及时的回忆和记录下来，尤其是自己没有回答上来的问题，及时的查漏补缺，找到一个能让面试官满意的答案并记录下来，这样的记忆往往会更加深刻。

【尾巴】如何选择Offer

在经历了三周的面试之后，已经出现了各方面都让我比较满意的公司，所以我决定停止投简历，剩下的一周结束掉所有在流程中的面试。

在这期间，我的心情是复杂的，因为不止一家开出了令我兴奋的薪资，而最后我需要从这些Offer里面选择一家最值得我加入的公司。薪资可能是一方面，但不是全部。

这个问题困扰了我几天，吃睡都不是很好。直到我看到了一篇关于如何选择Offer的文章，它缓解了我的焦虑，让我更能聚焦的去思考哪家公司更适合我。文章链接：当我们面对几个offer时，应该怎么选择？[36]。

看完这篇文章之后，我摘抄了文章中的三个关键点：

  • 主要参考指标：行业、企业、岗位、时薪

  • 作为以赚钱为主要目的的普通人，我建议大家哪怕找不到和自己兴趣完全匹配的工作，也要找一个自己不讨厌的工作。

  • 我曾经遇到过不少童鞋，刚毕业的时候一味地从薪资出发去选择offer，当工作节奏过快，工作压力过大后，她们就会陷入自我怀疑自我否定，然后对自己进行这样的灵魂拷问：难道我活着就是为了赚钱吗？

也希望这篇文章能帮你更好的梳理思路，顺利找到适合的公司和岗位。

参考资料

[1]

http://www.alloyteam.com/2016/03/es6-front-end-developers-will-have-to-know-the-top-ten-properties/: https://link.juejin.cn/?target=http%3A%2F%2Fwww.alloyteam.com%2F2016%2F03%2Fes6-front-end-developers-will-have-to-know-the-top-ten-properties%2F

[2]

https://segmentfault.com/a/1190000013396601: https://link.juejin.cn/?target=https%3A%2F%2Fsegmentfault.com%2Fa%2F1190000013396601

[3]

https://segmentfault.com/a/1190000021380336: https://link.juejin.cn/?target=https%3A%2F%2Fsegmentfault.com%2Fa%2F1190000021380336

[4]

https://segmentfault.com/a/1190000039042550: https://link.juejin.cn/?target=https%3A%2F%2Fsegmentfault.com%2Fa%2F1190000039042550

[5]

https://juejin.cn/post/6844903582370643975: https://juejin.cn/post/6844903582370643975

[6]

https://blog.csdn.net/DFF1993/article/details/80394150: https://link.juejin.cn/?target=https%3A%2F%2Fblog.csdn.net%2FDFF1993%2Farticle%2Fdetails%2F80394150

[7]

https://juejin.cn/post/6844903550909153287: https://juejin.cn/post/6844903550909153287

[8]

http://www.alloyteam.com/2016/05/summary-of-pseudo-classes-and-pseudo-elements/: https://link.juejin.cn/?target=http%3A%2F%2Fwww.alloyteam.com%2F2016%2F05%2Fsummary-of-pseudo-classes-and-pseudo-elements%2F

[9]

https://www.runoob.com/cssref/pr-class-position.html: https://link.juejin.cn/?target=https%3A%2F%2Fwww.runoob.com%2Fcssref%2Fpr-class-position.html

[10]

https://juejin.cn/post/6844903814332432397: https://juejin.cn/post/6844903814332432397

[11]

https://www.w3cplus.com/animation/gpu-animation-doing-it-right.html: https://link.juejin.cn/?target=https%3A%2F%2Fwww.w3cplus.com%2Fanimation%2Fgpu-animation-doing-it-right.html

[12]

https://juejin.cn/post/6844903974437388295: https://juejin.cn/post/6844903974437388295

[13]

https://zhuanlan.zhihu.com/p/281031340: https://link.juejin.cn/?target=https%3A%2F%2Fzhuanlan.zhihu.com%2Fp%2F281031340

[14]

https://zhuanlan.zhihu.com/p/20346379: https://link.juejin.cn/?target=https%3A%2F%2Fzhuanlan.zhihu.com%2Fp%2F20346379

[15]

https://juejin.cn/post/6844903913410314247: https://juejin.cn/post/6844903913410314247

[16]

https://segmentfault.com/a/1190000018250127: https://link.juejin.cn/?target=https%3A%2F%2Fsegmentfault.com%2Fa%2F1190000018250127

[17]

https://cloud.tencent.com/developer/article/1558962: https://link.juejin.cn/?target=https%3A%2F%2Fcloud.tencent.com%2Fdeveloper%2Farticle%2F1558962

[18]

https://juejin.cn/post/6844903924806189070: https://juejin.cn/post/6844903924806189070

[19]

https://juejin.cn/post/6868849475008331783: https://juejin.cn/post/6868849475008331783

[20]

https://juejin.cn/post/6947841638118998029: https://juejin.cn/post/6947841638118998029

[21]

https://juejin.cn/post/6880787856353132552: https://juejin.cn/post/6880787856353132552

[22]

https://juejin.cn/post/6995531009173225485: https://juejin.cn/post/6995531009173225485

[23]

https://zhuanlan.zhihu.com/p/133906695: https://link.juejin.cn/?target=https%3A%2F%2Fzhuanlan.zhihu.com%2Fp%2F133906695

[24]

https://segmentfault.com/a/1190000011145364: https://link.juejin.cn/?target=https%3A%2F%2Fsegmentfault.com%2Fa%2F1190000011145364

[25]

https://tech.meituan.com/2018/09/27/fe-security.html: https://link.juejin.cn/?target=https%3A%2F%2Ftech.meituan.com%2F2018%2F09%2F27%2Ffe-security.html

[26]

https://tech.meituan.com/2018/10/11/fe-security-csrf.html: https://link.juejin.cn/?target=https%3A%2F%2Ftech.meituan.com%2F2018%2F10%2F11%2Ffe-security-csrf.html

[27]

https://cloud.tencent.com/developer/article/1704749: https://link.juejin.cn/?target=https%3A%2F%2Fcloud.tencent.com%2Fdeveloper%2Farticle%2F1704749

[28]

https://juejin.cn/post/6923912179544489991: https://juejin.cn/post/6923912179544489991

[29]

https://jelly.jd.com/article/5fbfa6e9cff6b301458392c3: https://link.juejin.cn/?target=https%3A%2F%2Fjelly.jd.com%2Farticle%2F5fbfa6e9cff6b301458392c3

[30]

https://mp.weixin.qq.com/s?__biz=Mzg2NTYyMjYxNg==&mid=2247484919&idx=1&sn=4448d108c35e5bc8dec063d32d80966a: https://link.juejin.cn/?target=https%3A%2F%2Fmp.weixin.qq.com%2Fs%3F__biz%3DMzg2NTYyMjYxNg%3D%3D%26mid%3D2247484919%26idx%3D1%26sn%3D4448d108c35e5bc8dec063d32d80966a

[31]

https://segmentfault.com/a/1190000022205291: https://link.juejin.cn/?target=https%3A%2F%2Fsegmentfault.com%2Fa%2F1190000022205291

[32]

https://juejin.cn/post/6918408073774104584: https://juejin.cn/post/6918408073774104584

[33]

https://juejin.cn/post/6987681953424080926: https://juejin.cn/post/6987681953424080926

[34]

https://github.com/ascoders/weekly/blob/master/%E5%89%8D%E6%B2%BF%E6%8A%80%E6%9C%AF/74.%E7%B2%BE%E8%AF%BB%E3%80%8A12%20%E4%B8%AA%E8%AF%84%E4%BC%B0%20JS%20%E5%BA%93%E4%BD%A0%E9%9C%80%E8%A6%81%E5%85%B3%E5%BF%83%E7%9A%84%E4%BA%8B%E3%80%8B.md: https://link.juejin.cn/?target=https%3A%2F%2Fgithub.com%2Fascoders%2Fweekly%2Fblob%2Fmaster%2F%25E5%2589%258D%25E6%25B2%25BF%25E6%258A%2580%25E6%259C%25AF%2F74.%25E7%25B2%25BE%25E8%25AF%25BB%25E3%2580%258A12%2520%25E4%25B8%25AA%25E8%25AF%2584%25E4%25BC%25B0%2520JS%2520%25E5%25BA%2593%25E4%25BD%25A0%25E9%259C%2580%25E8%25A6%2581%25E5%2585%25B3%25E5%25BF%2583%25E7%259A%2584%25E4%25BA%258B%25E3%2580%258B.md

[35]

https://juejin.cn/post/6890810591968477191: https://juejin.cn/post/6890810591968477191

[36]

https://www.jianliben.com/article/detail/43443: https://link.juejin.cn/?target=https%3A%2F%2Fwww.jianliben.com%2Farticle%2Fdetail%2F43443

技术小羊
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
来自2年前端的面经
loveX001的博客
11-11 496
JSONP 核心原理： 标签不受同源策略约束，所以可以用来进行跨域请求，优点是兼容性好，但是只能用于 GET 请求；实现： 计算属性和watch有什么区别?以及它们的运用场景? 代码输出结果 输出结果：true实际上，这段代码就是在实现原型链继承，SubType继承了SuperType，本质是重写了SubType的原型对象，代之以一个新类型的实例。SubType的原型被重写了，所以instance.constructor指向的是SuperType。具体如下：作用：判断对象的具体类型。可以区别 和 ，
QT面试
qq_40632341的博客
01-11 2697
1.事件循环 Qt的主事件循环能够从事件队列中获取本地窗口系统事件，然后判断事件类型，并将事件分发给特定的接收对象。 主事件循环通过调用QCoreApplication::exec()启动，随着QCoreApplication::exit()结束，本地的事件循环可用利用QEventLoop构建。 2.多线程 继承QThread方法 1.定义继承QThread的类A 重写run()函数; 2.在主线...
金三银四魔都两年半前端面经
前端大全
04-26 607
（给前端大全加星标，提升前端技能）作者：unsadhttps://juejin.im/post/5cb87f9df265da03555c78ec前言先介绍下个人基本情况，...
2 年前端面试心路历程（字节跳动、YY、虎牙、BIGO）
frontend_frank的博客
04-03 1817
作者：lienjackhttps://juejin.im/post/5e85ec79e51d4547153d073820ed由于微信禁止外链，为了更好的阅读体验，可以直接点击阅读原文本...
Qt模拟面试(超硬核)
C语言与CPP编程的博客
04-04 1906
建议：诚实地描述你的 Qt 经验，包括你使用过的 Qt 版本、开发过的项目类型、遇到的挑战以及如何解决它们。假如你没有开发经验，可以提供一些关于 Qt 开发的一般信息和常见的经验分享。Qt 是一个跨平台的应用程序开发框架，它提供了丰富的工具和库，使得开发图形用户界面（GUI）应用程序变得更加容易和高效。学习基础知识：了解 Qt 的基本概念，如窗口、控件、信号与槽机制等。熟悉 Qt 的类库和文档，这将帮助你更好地理解和使用 Qt 的功能。设计用户界面。
Qt面试笔试题问答经验总结
qq_25669417的博客
10-19 2万+
相信很多人和我一样，虽然经常用qt做些东西，但其实对qt理解并不是很深，尤其在岗位有相关需要的时候也会遇到很多坑。感觉网上也比较少，所以根据个人的面试经验，总结了一些面试qt的问题。答案为我自己的理解总结，有问题还请大佬指出。 1.为什么要用qt来做界面 Qt的跨平台性很强，比如同样一套代码写好pro文件可以在windows/linux/Android等直接编译。 2.信号槽机制 在事件的处理方面......
一个大型集中项目的性能测试实例
03-05
从2004年8月底至2004年10月中，本人在北方L省的一个全省集中的交换网管项目中负责该项目的性能测试工作。该性能测试历时1个半月多，投入了3.6人月，占总的项目测试投入的17％。性能测试共进行了三轮，测试实现了预期...
苍穹外卖历时一个月终于写完啦！！！请白嫖我的笔记和完整代码吧！
02-21
项目源码和全部笔记！！！
历时两个月做出的汽配管理系统，vb6.0开发
06-18
历时两个月做出的汽配管理系统，vb6.0开发，源代码共享
蜂鸣器4数码管4LED排2个外部中断计历时
最新发布
06-06
3位共阳数码管显示精度0.1秒量程99秒，初始化显示8按秒左移，2个外部中断A开始计时B停止并显示中断历时时间。
QT相关知识（含面经）
Sory22的博客
09-01 1182
本篇文章讲解了Qt中的各种内存管理机制，算是做了一个比较全面的描述。之所以说是必读，是因为笔者在工作中发现，内存管理确实非常重要。Qt内存管理机制是贯穿整个Qt中所有类的核心线索之一，搞懂了内存管理能在脑海中形成内存中对象的布局图，写代码的时候才能下笔如有神，管理起项目中众多的对象才能游刃有余，提高开发效率；能够减少bug的产生。有经验的开发者应该知道，内存问题很难调试定位到具体的位置，往往导致奇怪的bug出现。能够帮助理解Qt众多类的底层不变的逻辑，学起来更容易。
最全面的qt面试题，保存下来，你能用上的！.zip
01-09
已经过期了，请去我分享的另一资源下载！ 已经过期了，请去我分享的另一资源下载！ 已经过期了，请去我分享的另一资源下载！ 已经过期了，请去我分享的另一资源下载！ 已经过期了，请去我分享的另一资源下载！
Qt面试总结
qq_25960291的博客
11-06 7543
最近在面试一些主要以Qt&C++作为开发工具的开发岗位，对近期面试中遇到的一些Qt高频问题进行记录分享。 问：对Qt元对象系统了解吧？ 答：了解。Qt对标准的C++进行了扩展，如信号槽、对象属性等。Qt的元对象编译系统MOC是一个预处理器，当Qt读取源文件时检测到类中包含有Q_OBJECT宏时，则会创建一个新的文件（生成路径下的moc开头的文件），将源码转换为C++编译器可以识别的代码写入moc开头的文件，然后C++编译器对其进行编译。当你的类需要使用Qt的扩展功能...
QT（C++）面试总结
qq_40433783的博客
05-25 2万+
参考博客 QT信号槽机制的优缺点 （1）问题： 为什么Qt使用信号与槽机制而不是传统的回调函数机制进行对象间的通信呢？ 回调函数的本质是“你想让别人的代码执行你的代码，而别人的代码你又不能动”这种需求下产生的。 回调函数是函数指针的一种用法，如果多个类都关注某个类的状态变化，此时需要维护一个列表，以存放多个回调函数的地址。对于每一个被关注的类，都需要做类似的工作，因此这种做法效率低，不灵活。 （2）解决办法 Qt使用信号与槽机制来解决这个问题，程序员只需要指定一个类含有哪些信号函数、哪些槽函数，Qt会处理信
C++ Qt常用面试题整理（不定时更新）
热门推荐
倚栏听风
10-10 4万+
1.Qt多线程同步的几种实现方式 （1）互斥量：QMutex QMutex类提供的是线程之间的访问顺序化。QMutex的目的是保护一个对象/数据结构或者代码段在同一时间只有一个线程可以访问。基本使用方法如下： QMutex mutex; int var; void function() { mutex.lock(); // 访问var var * var; mutex.unlock(); } 如果使用mutex加锁，却没有使用unlock解锁，那么就会造成..
Qt 常用面试题整理(不定时整理)
qq_28928005的博客
02-03 1万+
QT 常用面试题整理
06_qt基础开发的常见面试题和解答
king_ink的博客
06-20 884
示例回答：在之前的项目中，我使用过QT的核心模块，包括QWidget、QApplication、QMainWindow等，用于创建和管理程序的窗口和事件循环。此外，我还使用过QT的网络模块、数据库模块、多线程模块等，以满足项目的具体需求。例如，在一个按钮被点击时，按钮会发出clicked()信号，我们可以将这个信号连接到一个槽函数中，槽函数会在点击事件发生时执行相应的逻辑操作。为了确保程序在不同平台上正常运行，可以使用QT提供的条件编译指令和预定义宏，根据不同平台的特性进行适配和兼容性处理。
Qt经典面试之理论总结（自己整理总结）
来者即是客，我们共同成长
02-22 1228
当调用emit时，调用信号函数，并且传递发送信号的对象指针，元对象指针，信号索引，参数列表到active函数通过active函数找到在map中找到所有与信号对应的槽索引根据槽索引找到槽函数，执行槽函数。而Qt5中connect()函数新加入的一种重载形式，与Qt4最大的不同就是，指定信号和槽两个参数时可以不用再使用SIGNAL()和SLOT()宏，并且槽函数不再必须是使用slots关键字声明的函数，而可以是任意能和信号关联的成员函数。多个信号函数可以关联同一个槽函数，无论哪个信号发出，槽函数都会执行。
QT 面试题汇总[通俗易懂]
m0_60259116的博客
12-05 3768
QT 面试题汇总[通俗易懂]
给我设计一个arduino的ds1302日历时钟并加上中文注释
05-12
以下是一个基于Arduino和DS1302实时时钟模块的日历时钟的代码，其中包含中文注释： ``` #include <DS1302.h> // 引入 DS1302 库 // 初始化 DS1302 模块的引脚 const int DS1302_CLK = 2; const int DS1302_DAT = 3...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

技术小羊

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值