当调用setState的时候,发生了什么操作?当调用setState时,React做的第一件事是将传递给setState的对象合并到组件的当前状态,这将启动一个称为和解(reconciliation)的过程。和解的最终目标是,根据这个新的状态以最有效的方式更新DOM。为此,React将构建一个新的React虚拟DOM树(可以将其视为页面DOM元素的对象表示方式)。一旦有了这个DOM树,为了弄清DO
原创
2022-09-14 08:07:26
226阅读
一、js的事件循环 js是一门单线程语言, ...
转载
2021-08-06 15:51:00
164阅读
分享一个前端面试题库小程序 MST题宝库 [ js基础题 ]1. new的实现原理是什么?创递归至基本类型变量后,再复制。 深拷...
原创
2022-06-29 22:34:46
295阅读
一、js基本概念
1.HTML语义化理解?
得分点:语义化标签,利于页面结构化,利于没有css页面也可读,利于SEO,利于代码可读
标准答案:在使用html标签构建页面时,避免大篇幅的使用无语句的标签
2.说一说盒模型?
得分点:标准盒模型、怪异盒模型(box-sizing:border-box;)、盒模型大小
标准答案:
标准模型(box-sizing:content-box):给盒子设置wi
原创
2023-08-12 17:13:50
448阅读
AJAXjavascriptconstgetJSON=function(url){returnnewPromise((resolve,reject)={constxhr=XMLHttpRequest?newXMLHttpRequest():newActiveXObject('Microsoft.XMLHTTP');xhr.open('GET',url,false);xhr.setRequestHe
原创
2022-09-13 11:14:16
134阅读
面试过不少前端从业者,简历写的平平淡淡,别人会的技能他也都会,看起来什么都掌握一些;有些会请过来当面聊一下,有些就直接拒绝了(如果是公司内要求独立完成项目的岗位,简历里放很多学习时候的DEMO项目,没有真实上线的项目,这种简历一般都会拒绝掉)。当我们去一家公司面试,面试官有很大的主动权,面试官属于攻击方,求职者属于防守方,我们不可能什么方向都研究的非常深,所以扬长避短是最好的方式,推荐大家要做帐篷
原创
2022-01-12 14:20:28
1228阅读
说一下类组件和函数组件的区别?javascript1.语法上的区别:函数式组件是一个纯函数,它是需要接受props参数并且返回一个React元素就可以了。类组件是需要继承React.Component的,而且class组件需要创建render并且返回React元素,语法上来讲更复杂。2.调用方式函数式组件可以直接调用,返回一个新的React元素;类组件在调用时是需要创建一个实例的,然后通过调用实例
原创
2022-09-13 09:59:13
95阅读
原型修改、重写javascriptfunctionPerson(name){this.name=name}//修改原型Person.prototype.getName=function(){}varp=newPerson('hello')console.log(p.__proto__=Person.prototype)//trueconsole.log(p.__proto__=p.construc
原创
2022-09-13 10:06:16
100阅读
说说浏览器缓存markdown缓存可以减少网络IO消耗,提高访问速度。浏览器缓存是一种操作简单、效果显著的前端性能优化手段很多时候,大家倾向于将浏览器缓存简单地理解为“HTTP缓存”。但事实上,浏览器缓存机制有四个方面,它们按照获取资源时请求的优先级依次排列如下:MemoryCacheServiceWorkerCacheHTTPCachePushCache缓存它又分为强缓存和协商缓存。优先级较高的
原创
2022-09-13 11:16:48
129阅读
参考答案:针对 HTTPS 攻击主要有 SSL 劫持攻击和 SSL 剥离攻击两种。SSL 劫持攻击是指攻击者劫持了客户端和服务器
原创
2023-02-26 09:50:27
195阅读
什么是最左前缀原则?什么是最左匹配原则 通常我们在建立联合索引的时候,也就是对多个字段建立索引,相信建立过索引的同学们会发现,无论是oralce还是mysql都会让我们选择索引的顺序,比如我们想在a,b,c三个字段上建立一个联合索引,我们可以选择自己想要的优先级,a、b、c,或者是b、a、c 或者是
一行代码实现1-100之和count = sum(range(0,101))print(count)Python-遍历列表时删除元素的正确做法遍历在新在列表操作,删除时在原来的列表操作a = [1,2,3,4,5,6,7,8]print(id(a))print(id(a[:]))for i in a[:]: if i>5: pass else...
原创
2021-07-09 10:58:22
105阅读
?HTML1. 如何理解HTML语义化HTML5语义化让人更容易读懂(代码结构清晰,增加代码的可读性)让搜索引擎更容易读懂(SEO),搜索引擎爬虫会根据不同的标签来赋予不同的权重语义化标签 : header nav main article section aside footer2. 默认情况下,哪些HTML标签是块级元素、哪些是内
原创
精选
2022-07-19 11:21:06
718阅读
文章目录????HTML1. 如何理解HTML语义化2. 默认情况下,哪些HTML标签是块级元素、哪些是内联元素3. ⚡️HTML5 新增内容和 A
推荐
原创
2022-09-23 15:03:14
1532阅读
前言很多公司在招人这件事情上都会面临一个问题; “我们的招聘要求又不高,能做项目就行,但为什么就是招不到人?”很多公司还面临一个问题,招聘的时候这人各方面都不错,但上岗了就是不出活,绩效平平。要解决上面的这两个问题,需要一个衡量人能力的标准,这个标准不仅适用于招聘,同样也适用于考核、职等评定等,我叫这种标准为技能树。这里所说的技能树,不仅包含技术能力,还包括工作能力。我始终认为一个人的工作能力并不
2021前端react高频面试题汇总1.ReactRouter的实现原理是什么?客户端路由实现的思想:基于hash的路由:通过监听hashchange事件,感知hash的变化改变hash可以直接通过location.hash=xxx基于H5history路由:改变url可以通过history.pushState和resplaceState等,会将URL压入堆栈,同时能够应用history.go()
原创
2021-12-07 12:54:04
289阅读
引言半月刊第三期到来,这段时间 Daily-Interview-Question 新增了 15 道高频面试题,今天就把最近半月汇总的面试题和部分答案发给大家,帮助大家查漏补缺。更多更全的面试题和答案在下面的项目地址中,点击查看。项目地址:https://github.com/Advanced-Frontend/Daily-Interview-Question如果你还没看过半月刊1、2期,点击下面链
原创
2021-05-17 14:45:24
636阅读
1、简述!DOCTYPE的作用?<!DOCTYPE> 决定浏览器渲染方式;帮助浏览器正确地显示网页文档类型声明(简称为 "DTD"),告诉浏览器这个文件的类型,让浏览器知道该用哪个规范来解析文档。声明必须在HTML中的第一行,Doctype 是一条声明它不是一个HTML标签,只起到声明作用。<!DOCTYPE html>:用HTML5的doctype声明文件包含HTML5
原创
2020-02-10 18:50:22
66阅读
目录1、简述的作用?2、常见的浏览器及其内核有哪些?3、常见的块级标签和行内标签分别有哪些?4、b 和 strong (i 和 em )标签的区别?5、谈谈对语义化的理解?1、简述<!DOCTYPE>的作用?<!DOCTYPE>帮助浏览器正确地显示网页声明叫做文件类型定义(DTD),告诉浏览器这个文件的类型,让浏览器知道该用哪个规...
原创
2020-02-10 18:50:22
55阅读
前端面试题总结 一、总结 一句话总结: 还是求职或者面试的时候学习效率和做事效率要高一点,而且还能有急迫感,建议保持 1、弹性盒子实现水平垂直居中? display: flex设置弹性盒子,然后弹性盒子水平属性和垂直属性都设置为center即可 #wrap { display: flex; just
转载
2020-03-17 07:08:00
171阅读
2评论