前端面试
文章平均质量分 88
关于前端面试题的合集
蜡笔雏田学前端
新星计划第三季Javascript赛道Top4
记录双非软工专业本科生的学习日常
只要心还在跳,就要努力学习,一起加油!
展开
-
【前端性能优化指南】首屏加载优化、内存泄漏、CSS页面性能优化、CSS Sprites等
将一个页面涉及到的所有图片都包含到一张大图中去,然后利用CSS的的组合进行背景定位。利用CSS Sprites能很好地减少网页的http请求,从而大大的提高页面的性能。内存泄露的解释:程序中己动态分配的堆内存由于某种原因未释放或无法释放。根据JS的垃圾回收机制,当内存中引用的次数为0的时候内存才会被回收全局执行上下文中的对象被标记为不再使用才会被释放。原创 2022-11-04 11:21:27 · 1666 阅读 · 7 评论 -
【1024 | 程序员节】浅谈前端开发中常用的设计模式——适配器模式、工厂模式、单例模式等
它提供了一种创建对象的最佳方式。在工厂模式中,我们在创建对象时不会对客户端暴露创建逻辑,并且是通过使用一个共同的接口来指向新创建的对象。实现了创建者和调用者分离,工厂模式分为简单工厂、工厂方法、抽象工厂模式。保证一个类只有一个实例,并且提供一个访问该全局访问点。MVC、MVP 和 MVVM 是三种常见的软件架构设计模式,主要通过分离关注点的方式来组织代码结构,优化我们的开发效率。比如说我们实验室在以前项目开发的时候,使用单页应用时,往往一个路由页面对应了一个脚本文件,所有的页面逻辑都在一个脚本文件里。原创 2022-10-23 14:11:17 · 2029 阅读 · 153 评论 -
【学姐面试宝典】前端基础篇Ⅴ——JS深浅拷贝、箭头函数、事件监听等
addEventListener()方法,用于向指定元素添加事件句柄,它可以更简单的控制事件。语第一个参数是事件的类型(如 “click” 或 “mousedown”)。第二个参数是事件触发后调用的函数。第三个参数是布尔值,用于描述事件是冒泡还是捕获。(该参数是可选的。)冒泡和捕获。事件传递定义了元素事件触发的顺序,如果你将 P 元素插入到 div 元素中,用户点击 P元素,在冒泡中,内部元素先被触发,然后再触发外部元素,在捕获中,外部元素先被触发,再触发内部元素。对象的状态不受外部影响。原创 2022-10-19 10:00:52 · 2652 阅读 · 122 评论 -
【学姐面试宝典】前端基础篇Ⅳ(JavaScript)
当用户触发了动作时才加载对应的功能。触发的动作,是要看具体的业务场景而言,包括但不限于以下几个情况:鼠标点击、输入文字、拉动滚动条、鼠标移动、窗口大小更改等。加载的文件,可以是 JS、图片、CSS、HTML 等。原创 2022-10-16 11:51:55 · 2397 阅读 · 92 评论 -
【学姐面试宝典】前端基础篇Ⅲ(CSS)
**前言**>博主主页👉🏻[蜡笔雏田学代码](https://blog.csdn.net/xuxuii?spm=1011.2415.3001.5343)>专栏链接👉🏻[【前端面试专栏】](https://blog.csdn.net/xuxuii/category_11816610.html)>今天继续学习前端面试题相关的知识!>感兴趣的小伙伴一起来看看吧~🤞原创 2022-10-11 11:25:28 · 1359 阅读 · 24 评论 -
【学姐面试宝典】—— 前端基础篇Ⅱ(HTTP/HTML/浏览器)
# Doctype 作用,严格模式与混杂模式如何区分,有何意义作用是`Doctype 声明于文档最前面,告诉浏览器以何种方式来渲染页面。`这里有两种模式,`严格模式`和`混杂模式`。> - 严格模式的排版和 JS 运作模式是 以该浏览器支持的最高标准运行。 >- 混杂模式,向后兼容,模拟老式浏览器,防止浏览器无法兼容页面。原创 2022-10-08 10:17:50 · 2220 阅读 · 70 评论 -
【学姐面试宝典】—— 前端基础篇Ⅰ(HTTP/HTML/浏览器)
http 和 https 的基本概念 - `http: `超文本传输协议,是互联网上应用最为广泛的一种网络协议,是一个客户端和服 务器端请求和应答的标准(TCP),用于从 WWW 服务器传输超文本到本地浏览器的传 输协议,它可以使浏览器更加高效,使网络传输减少。 - `https: `是以安全为目标的 HTTP 通道,简单讲是 HTTP 的安全版,即 HTTP 下加入 SSL 层,HTTPS 的安全基础是 SSL,因此加密的详细内容就需要 SSL。 **(https 的 SSL 加密是在传输层实现原创 2022-09-27 10:11:13 · 2216 阅读 · 68 评论 -
【React】DOM的Diffing算法是什么?以及DOM中key的作用----经典面试题
文章目录🥇 虚拟DOM与DOM Diffing算法📌 案例📕 基本原理图🔑 虚拟DOM中的key的作用🔐用index作为key可能会引发的问题:🔓开发中如何选择key?🥇 虚拟DOM与DOM Diffing算法首先来个案例验证一下Diffing算法的存在以及工作原理📌 案例需求:验证虚拟DOM Diffing算法的存在效果:📕 基本原理图代码如下:<script type="text/babel"> class Time extends React.Componen原创 2022-05-31 18:32:19 · 1965 阅读 · 4 评论 -
深拷贝和浅拷贝的区别(重点)
浅拷贝:只是复制指向某个对象的指针,而不是复制对象的本身,新旧对象还是共享同一块内存,修改新对象会改变原对象。(拷贝指向对象的指针)深拷贝:会创造另外一个一模一样的对象(把这个对象原封不动地再copy出新的一份,和原对象互不相干),新对象和原对象不共享同一块内存,修改新对象不会修改原对象。(拷贝对象)具体代码的实现 :(电商后台管理系统中添加商品功能的部分代码)...原创 2022-05-12 23:13:58 · 2527 阅读 · 2 评论