![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端面试
文章平均质量分 68
观空自然
心如明镜台,何处惹尘埃。 随遇
资料多为自己总结学习自用。
展开
-
js中的this指向问题
1. 对this对象的理解this 的指向在 ES5 中,其实 this 的指向,始终坚持一个原理:this 永远指向最后调用它的那个对象,三遍:this 永远指向最后调用它的那个对象,this 永远指向最后调用它的那个对象。this 是执行上下文中的一个属性,它指向最后一次调用这个方法的对象。在实际开发中,this 的指向可以通过四种调用模式来判断。第一种是函数调用模式,当一个函数不是一个对象的属性时,直接作为函数来调用时,this 指向全局对象。 var name = "wind原创 2022-04-02 23:29:00 · 331 阅读 · 0 评论 -
Webpack中的loader,plugin
1 .loader运行在打包文件之前(loader为在模块加载时的预处理文件) 2. plugins在整个编译周期都起作用。1.loader从本质上来说其实就是一个node模块。相当于一台榨汁机(loader)将相关类型的文件代码(code)给它。根据我们设置的规则,经过它的一系列加工后还给我们加工好的果汁(code)。loader编写原则单一原则: 每个 Loader 只做一件事; 链式调用: Webpack 会按顺序链式调用每个 Loader; 统一原则: 遵循 Webpac...原创 2022-03-31 23:55:35 · 1264 阅读 · 0 评论 -
深拷贝与浅拷贝的实现
面试常问,基本数据类型有哪些,number,string,boolean,null,undefined,symbol以及未来ES10新增的BigInt(任意精度整数)七类。引用数据类型(Object类)有常规名值对的无序对象{a:1},数组[1,2,3],以及函数等。而这两类数据存储分别是这样的:a.基本类型--名值存储在栈内存中,例如let a=1;当你b=a复制时,栈内存会新开辟一个内存,例如这样:所以当你此时修改a=2,对b并不会造成影响,因为此时的b已自食其力,翅膀.转载 2022-03-26 23:06:47 · 561 阅读 · 0 评论 -
Undefined and null的区别,如何让一个属性变为null
Undefined and null等值不等形常见的 HTML 事件下面是一些常见的 HTML 事件:JavaScript 能够做什么?事件处理程序可用于处理、验证用户输入、用户动作和浏览器动作:每当页面加载时应该做的事情 当页面被关闭时应该做的事情 当用户点击按钮时应该被执行的动作 当用户输入数据时应该被验证的内容 等等让 JavaScript 处理事件的不同方法有很多:HTML 事件属性可执行 JavaScript 代码 HTML 事件属性能够调用 JavaScrip转载 2022-03-01 13:18:47 · 826 阅读 · 0 评论 -
token认证,说一下token 能放在cookie中吗?
token认证流程1.客户端使用用户名跟密码请求登录2.服务端收到请求,去验证用户名与密码3.验证成功后,服务端签发一个 token ,并把它发送给客户端4.客户端接收 token 以后会把它存储起来,比如放在 cookie 里或者 localStorage 里5.客户端每次发送请求时都需要带着服务端签发的 token(把 token 放到 HTTP 的 Header 里)6.服务端收到请求后,需要验证请求里带有的 token ,如验证成功则返回对...原创 2022-03-25 10:22:25 · 3722 阅读 · 0 评论 -
【无标题】
标签定义及使用说明<iframe> 标签规定一个内联框架。一个内联框架被用来在当前 HTML 文档中嵌入另一个文档。提示和注释提示:您可以把需要的文本放置在 <iframe> 和 </iframe> 之间,这样就可以应对不支持 <iframe> 的浏览器。提示:使用 CSS 为 <iframe> (包括滚动条)定义样式。iframe 有那些优点和缺点?iframe 元素会创建包含另外一个文档的内联框架(即行内框架)。转载 2022-03-24 15:37:15 · 64 阅读 · 0 评论 -
TCP和UDP的区别 常用协议
TCP和UDP的区别 UDP TCP 是否连接 无连接 面向连接 是否可靠 不可靠传输,不使用流量控制和拥塞控制 可靠传输(数据顺序和正确性),使用流量控制和拥塞控制 连接对象个数 支持一对一,一对多,多对一和多对多交互通信 只能是一对一通信 传输方式 面向报文 面向字节流 首部开销 首部开销小,仅8字节 首部最小20字节,最大60字节 适用场景 适用于实时应用,例如视频会议、直播 适用于要求可靠转载 2022-03-19 23:25:28 · 133 阅读 · 0 评论 -
instanceof运算符的理解
首先需要了解几个概念,有助于理解。1. 在JavaScript语言中,一切的一切都是对象,它们全部继承自Object. 或者说所有对象的原型链的根节点都是Object.prototype。2.JavaScript中的原型(prototype)是和函数(function)紧密相连的,因为每个函数默认都会有一个属性叫prototype, 每一个通过函数和new操作符生成的对象都具有一个属性__proto__, 这个属性保存了创建它的构造函数的prototype属性的引用。这个__proto__对象就是实原创 2022-03-21 16:42:26 · 174 阅读 · 0 评论 -
cookie和session的区别: session和sessionStorage 区别
cookie和session的区别:会话跟踪是Web程序中常用的技术,用来跟踪用户的整个会话。常用的会话跟踪技术是Cookie与Session。Cookie通过在客户端记录信息确定用户身份,(好比自己每次谈生意找工作拿着简历 片给别人看。特点方便但是存储的数据少4k)Session通过在服务器端记录信息确定用户身份。(好比对方有一个存储信息的池子,你的信息已经存在里面了,就不需要有每次都拿着你的名片)Session与cookie功能效果相同。Session与Cookie的区别在于Session是..原创 2022-03-21 00:42:35 · 1790 阅读 · 0 评论 -
为什么会有跨域?怎么跨域?
什么是跨域?跨域,即浏览器试图执行其他网站的脚本。但是由于同源策略的限制,导致我们无法实现跨域。如果两个url的协议、域名、端口号完全一致,那么这两个url就是同源的。同源策略即:不同源之间的页面,不准互相访问数据。关于跨域的几个问题为什么可以跨域使用CSS、JS和图片等?同源策略限制的是数据访问,我们引用CSS、JS和图片的时候,其实并不知道其内容,我们只是在引用。怎么跨域?CORS跨域什么是CORS?CORS的全称是"跨域资源共享"(Cross-origin r.原创 2022-03-14 22:32:14 · 249 阅读 · 0 评论 -
React 高阶组件、Render props、hooks 有什么区别
这三者是目前react解决代码复用的主要方式:高阶组件(HOC)是 React 中用于复用组件逻辑的一种高级技巧。HOC 自身不是 React API 的一部分,它是一种基于 React 的组合特性而形成的设计模式。具体而言,高阶组件是参数为组件,返回值为新组件的函数。 render props是指一种在 React 组件之间使用一个值为函数的 prop 共享代码的简单技术,更具体的说,render prop 是一个用于告知组件需要渲染什么内容的函数 prop。 通常,render props 和高原创 2022-03-19 20:22:32 · 2134 阅读 · 0 评论 -
yarn和npm区别
我在面试的时候突然被问道,懵了一下,现在整理一些资料、yarn的出现yarn 是一个由Facebook、Google、Exponent和Tilde构建的新的JavaScript包管理器。它的出现是为了解决历史上npm的某些不足(比如npm对于依赖的完整性和一致性的保证,以及npm安装过程中速度很慢的问题)当npm还处于v3时期的时候,一个叫yarn的包管理工具横空出世.在2016年, npm还没有package-lock.json文件,安装的时候速度很慢,稳定性很差,yarn的出现很好的解决了一原创 2022-03-18 21:24:28 · 1918 阅读 · 0 评论 -
js中对闭包的理解
闭包的解释一:就是上级作用域内变量的生命周期,因为被下级作用域内引用,而没有被释放。就导致上级作用域内的变量,等到下级作用域执行完以后才正常得到释放。闭包的解释二:它是这样工作的,无论何时声明新函数并将其赋值给变量,都要存储函数定义和闭包。闭包包含在函数创建时作用域中的所有变量,它类似于背包。函数定义附带一个小背包,它的包中存储了函数定义创建时作用域中的所有变量。需要记忆的知识:记住闭包的方法是通过背包的类比。当一个函数被创建并传递或从另一个函数返回时,它会携带一个背包。背包中是函数声明时作用域原创 2022-03-17 15:02:39 · 2315 阅读 · 0 评论 -
前端笔试错题集
vertical-align: baseline;background-sizeopacityflex-wrapdisplaybox-sizing:cursorflex-wrap: wrap;align-content: flex-start;原创 2022-03-16 00:11:45 · 963 阅读 · 0 评论