前端面试
文章平均质量分 95
小圳圳
小白程序员,多多关照
展开
-
高频前端面试题汇总之代码输出结果篇
高频前端面试题汇总之代码输出结果篇前言:代码输出结果是面试中常考的题目,一段代码中可能涉及到很多的知识点,这就考察到了应聘者的基础能力。在前端面试中,常考的代码输出问题主要涉及到以下知识点:异步编程、事件循环、this指向、作用域、变量提升、闭包、原型、继承等,这些知识点往往不是单独出现的,而是在同一段代码中包含多个知识点。所以,笔者将这些问题大致分为四类进行讨论。这里不会系统的阐述基础知识,而是通过面试例题的形式,来讲述每个题目的知识点以及代码的执行过程。如果会了这些例题,在前端面试中多数代码输出问题原创 2024-01-11 09:39:46 · 1029 阅读 · 0 评论 -
高频前端面试题汇总之手写代码篇
思路:将传入的对象作为原型。原创 2024-01-11 09:39:00 · 844 阅读 · 0 评论 -
高频前端面试题汇总之前端性能优化篇
是指一种通过互联网互相连接的电脑网络系统,利用最靠近每位用户的服务器,更快、更可靠地将音乐、图片、视频、应用程序及其他文件发送给用户,来提供高性能、可扩展性及低成本的网络内容传递给用户。原创 2024-01-11 09:37:45 · 911 阅读 · 0 评论 -
高频前端面试题汇总之浏览器原理篇
CSRF 攻击指的是跨站请求伪造攻击,攻击者诱导用户进入一个第三方网站,然后该网站向被攻击网站发送跨站请求。如果用户在被攻击网站中保存了登录状态,那么攻击者就可以利用这个登录状态,绕过后台的用户验证,冒充用户向服务器执行一些操作。CSRF 攻击的本质是利用 cookie 会在同源请求中携带发送给服务器的特点,以此来实现用户的冒充。原创 2024-01-11 09:36:44 · 906 阅读 · 0 评论 -
高频前端面试题汇总之计算机网络篇
超文本传输安全协议(Hypertext Transfer Protocol Secure,简称:HTTPS)是一种通过计算机网络进行安全通信的传输协议。HTTPS经由HTTP进行通信,利用SSL/TLS来加密数据包。HTTPS的主要目的是提供对网站服务器的身份认证,保护交换数据的隐私与完整性。HTTP协议采用明文传输信息,存在信息窃听信息篡改和信息劫持的风险,而协议TLS/SSL具有身份验证信息加密和完整性校验的功能,可以避免此类问题发生。安全层的主要职责就是对发起的HTTP请求的数据进行加密操作和。原创 2024-01-11 09:35:35 · 850 阅读 · 0 评论 -
高频前端面试题汇总之React篇(下)
react-redux 数据传输∶ view–>action–>reducer–>store–>view。view 上的AddClick 事件通过mapDispatchToProps 把数据传到action —> click:()=>dispatch(ADD)action 的ADD 传到reducer上reducer传到store上 const store = createStore(reducer);原创 2024-01-11 09:33:41 · 860 阅读 · 0 评论 -
高频前端面试题汇总之React篇(上)
(1)受控组件在使用表单来收集用户输入时,例如等元素都要绑定一个change事件,当表单的状态发生变化,就会触发onChange事件,更新组件的state。这种组件在React中被称为受控组件,在受控组件中,组件渲染出的状态与它的value或checked属性相对应,react通过这种方式消除了组件的局部状态,使整个状态可控。react官方推荐使用受控表单组件。可以通过初始state中设置表单的默认值每当表单的值发生变化时,调用onChange事件处理器。原创 2024-01-11 09:32:53 · 994 阅读 · 0 评论 -
高频前端面试题汇总之Vue篇(下)
(1)param方式传递的方式:在path后面跟上对应的值1)路由定义//在APP.vue中<router-link :to="'/user/'+userId" replace>用户</router-link>//在index.js},2)路由跳转// 方法1:<router-link :to="{ name: 'users', params: { uname: wade }}">按钮</router-link// 方法2:// 方法3:3)参数获取 通过获取传递的值。原创 2024-01-11 09:31:53 · 903 阅读 · 0 评论 -
高频前端面试题汇总之Vue篇
高频前端面试题汇总之Vue篇1. Vue的基本原理当一个Vue实例创建时,Vue会遍历data中的属性,用 Object.defineProperty(vue3.0使用proxy )将它们转为 getter/setter,并且在内部追踪相关依赖,在属性被访问和修改时通知变化。 每个组件实例都有相应的 watcher 程序实例,它会在组件渲染的过程中把属性记录为依赖,之后当依赖项的setter被调用时,会通知watcher重新计算,从而致使它关联的组件得以更新。 2. 双向数据绑定的原理Vue.js原创 2024-01-11 09:29:38 · 802 阅读 · 0 评论 -
高频前端面试题汇总之JavaScript篇(下)
/ 处理逻辑})回调函数有一个致命的弱点,就是容易写出回调地狱(Callback hell)。// 处理逻辑// 处理逻辑// 处理逻辑})})})// 处理逻辑})// 处理逻辑})// 处理逻辑})以上的代码虽然看上去利于阅读了,但是还是没有解决根本问题。嵌套函数存在耦合性,一旦有所改动,就会牵一发而动全身嵌套函数一多,就很难处理错误当然,回调函数还存在着别的几个缺点,比如不能使用try catch捕获错误,不能直接return。原创 2024-01-11 09:28:18 · 743 阅读 · 0 评论 -
高频前端面试题汇总之JavaScript篇(上)
a.length;// 3// "ABC"在访问时,JavaScript 将'abc'在后台转换成,然后再访问其length属性。JavaScript也可以使用Object也可以使用valueOfif (!a) {答案是什么都不会打印,因为虽然包裹的基本类型是false,但是false被包裹成包装类型后就成了对象,所以其非值为false,所以循环体中的内容不会运行。一个拥有 length 属性和若干索引属性的对象就可以被称为类数组对象,类数组对象和数组类似,但是不能调用数组的方法。原创 2024-01-11 09:27:15 · 803 阅读 · 0 评论 -
高频前端面试题汇总之CSS篇
以 iPhone XS 为例,当写 CSS 代码时,针对于单位 px,其宽度为 414px & 896px,也就是说当赋予一个 DIV元素宽度为 414px,这个 DIV 就会填满手机的宽度;而如果有一把尺子来实际测量这部手机的物理像素,实际为 1242*2688 物理像素;经过计算可知,1242/414=3,也就是说,在单边上,一个逻辑像素=3个物理像素,就说这个屏幕的像素密度为 3,也就是常说的 3 倍屏。原创 2024-01-11 09:26:10 · 977 阅读 · 0 评论 -
高频前端面试题汇总之HTML篇
不同的渲染模式会影响浏览器对 CSS 代码甚⾄ JavaScript 脚本的解析。它必须声明在HTML⽂档的第⼀⾏。浏览器渲染页面的两种模式(可通过document.compatMode获取,比如,语雀官网的文档类型是。原创 2024-01-11 09:24:27 · 966 阅读 · 0 评论