欢迎访问搜优微信小程序

前端工程师面试题 前端开发工程师面试题

频道:创业之初 日期: 浏览:1241

今天给各位分享qiánduāngōngshī面试题dezhī识,其中也huìduìqiánduāngōngshī面试题进行解释,如guǒ能碰巧解决你现在面临dewèn题,别忘了关注本站,现在开始吧!

本文录一览:

qiánduāngōngshīwèn面试题?vueyóushìyóu守卫?

vuedeyóushì一共yǒuzhǒng,分别shì哈希history,他们de区别shìhash模shìhuì包含在http请求dāng中,并且hashhuìzhòng新加载面,而使用history模shìde话,如guǒqiánduāndeurlduān起请求deurl一致de话,huì报404错误,所historyde原理shì利用html5新增de特性方法,分别shìpsuhStatereplaceState来完成de上就shìduìvueyóude理解。

前端工程师面试题 前端开发工程师面试题

yóude导航守卫 又叫做yóude钩子函数(生命周期函数)

shì在跳转de时候把yóu栏下来,做一些操zuò在放行,vue一共提供了三zhǒngyóu守卫。

第一zhǒngshì全局守卫

beforeEachyóu进入之qián

afterEachyóu进入之后

第二zhǒng 组件内守卫

beforeRouteEnter yóu进入之qián

beforeRouteUpdate yóu更新之qián

beforeRouteLeave yóu离开之qián

第三zhǒng yóu独享守卫

beforeEnter yóu进入之qián

分别shì to from next

next zhècān数 在yóu3.x版本de时候,shìde

dànshì到了yóu4.x版本de时候nextcān数变成可选de

一般来shuōvue2搭配 3.xdeyóu

vue3搭配 4.x deyóu

比如shuō购物车面只yǒudēngde才能访wèn们可用组件守卫购物车面,如guǒ已经dēng陆存yǒutoken de话,就继续访wènzhè面,如guǒyǒudēngde话就huì跳转到dēng面。

在项⽬中们经cháng使⽤yóu守卫实现⻚⾯de鉴权. ⽐如:dāng⽤户dēng录之后,huì把后台返回detoken及⽤户信息保存到vuex

本地,dāng⻚⾯进⾏跳转de时候,huìyóu守卫⾥⾯获取vuex⾥⾯detoken,如guǒtoken存在de话,们则使⽤next让他进⼊yào

跳转de⻚⾯,如guǒtoken存在de们使⽤next⽅法让他回到dēng录⻚

上就shìduìvueyóu守卫de理解。

⾸先v-ifv-show都shì控制yuánde显示与隐藏, 过v-if控制yuánde

隐藏de时候huì删除duìdedomyuán,dāng每⼀显示de时候,都huìzhòng新创建dom渲染. ⽽v-show则shì通过cssdedisplay:none

display:block来控制yuánde显示与隐藏. v-if⽐较耗费性能,所们涉及到频繁de显示隐藏操zuò们建议使⽤v-show,如guǒ

shì频繁操zuòde话,们可v-if

在项⽬中huìcháng使⽤v-ifv-show,⽐如们在搜suǒ功能de时候,他yǒu历史录,zhè时候们根shìyǒusuǒdejiéguǒ来判

断历史de显示与隐藏,zhè就可使⽤v-if ,dāng然⽤v-show也可. 上就shìduìv-ifv-showde理解。

v-forde优先⾼. 因wèiv-forde时候们才开始渲染domyuán,zhèv-ifhái⽆法进⾏判断.

v-forv-if能同时使⽤,们可通过标签,⽐如divhuò者template标签来进⾏包裹,把v-if写到包裹de标签上⾯(写到v-for外⾯)。

⾸先呢,methodsshì⽤来dìng义⽅法de区域,methodsdìngde⽅法需yào调⽤才能触. 具备缓存⾏

⽽computedshì计算属性,他依赖属性值de变化,dāng属性gǎide时候,计算属性⾥⾯dìngde⽅法就huì,computed具yǒu

存性,依赖属性值de变化⽽变化.

⽽watch主yàoshìjiān听,具备被缓存性.依赖变化⽽触.

在项⽬中,⽐如们获取statedetàide时候huì把它放到computed⾥⾯,huò者在写购物⻋数量计算de时候也huì使⽤计算属性.

⽽watch也在项⽬经cháng使⽤,⽐如们封装编辑 新增弹窗组件de时候huì通过watch来进⾏id判断yào显否yào清空表dānde

.

上就shìduìcomputedwatchde理解。

qiánduānhr面试chángwèndewèn

面试其实就shì断选择与被选择de过程(zhīdàoshuōdeduìduì)。gōngde面试方shìyǒu同,大多数人都yǒu过多次面试de经历,qiánduān面试也外乎那么一些啦(好像yǒu些废话de感觉)。

面试之qiánde小故事

HRhuì打电话过来shì××gōngde,在××上看到你投到gōngde简历,wèn你何时候yǒu空约一呗,然后shuō就星期*吧,既然都打电话请面试了,好吧,那就约一!

然后yǒu些人huì精心准备,停刷面试题,整夜整夜dezheHTML/JS/CSSzhīdiǎnháiyǒu那些zuìde、时髦de技术,看看到时候能能唬住面试官;而yǒu些人duì自己胸yǒu成竹,哥那么多年deqiánduān经验了,啥项yǒu经历过,就一面试,怕啥呢。

很快huò者很慢de来到那天。你打扮de清清爽爽漂漂亮亮de,打扮dehuìyǒu加分,没错,第一印象也shìzhòngyàode。途中yǒu些人可能huìhái一直想zhe面试官huìwèn啥题呢,那啥**属性shì什么来zhe呢,再次拿出手机默默de看起资料;yǒu些人可能就huìzhegōngzhīdào妹子多多漂亮呢,环境福利zhīdào咋样,zuì好别碰到傻逼一样de面试官哎,zhè后咋相处好呢。

来到gōng司,大小gōng司大家都见多了嘛,也shì得看shì吧,们也shì肤浅de人,见到qián台妹妹,哟,hái错哦。领你进huì议室里,让你稍等一下,她去通zhī面试官,过了一huì儿,shì面试官进来,那就shìqián台妹妹给您送来一杯水。面试官踱步向qián,咦~,shì继续坐zhe呢,háishìzhe呢,háishì站起来显礼mào一些嗯。

给面试de一般huìshìTeam Leaderhuò者非cháng资深degōngshī。首先huì让你自介绍下,然后巴拉巴拉介绍自己,途中huò者聊到面试官喜欢de`部分那就huì中断wènwèn题吧,介绍完自己,就进入正shìde战斗了吧,一般huìyǒu2-3轮de。遇zhī战斗详情,请听下回分解。

哈哈, 开玩笑。上瞎编胡造,如yǒu雷同,纯属巧

zhè里就只谈谈qiánduān技术de战斗回吧,写de好,请多见谅。

普通型

面试中wènhuì比较de零碎,html/js/css肯dìnghuìyǒu涉及。zhīdiǎnhuìyǒu太大de规律,可能几gōng司面试下来你遇到dewèn题一zhòngde。哎,qiánduāndezhīdiǎnshì乍一看深似海,仔细一看深似黑洞啊。wèn题好de话,一方面考察了面试人duìqiánduān接触de广度,深度de话也可从中接触到一些。因wèi面试de时间yǒu限,其实也非cháng考验面试官duìde洞察能力。

一般如guǒshì应届生de话,也就shìhuì跟你交流你之qiánde,你担dāngde角色,你遇到de难题,怎么解决wèn题,用de框架,与其他gōngshīde交流沟通协zuò等等。 zhè些其实你心里肯dìngshìyǒu答案de(可能也yǒu懵逼de),就看你de表达,能duì上面试官de胃口。

进阶型

除了dewèn题,面试中huìyǒu一些明显设计过de。针duì某几zhīdiǎnhuò让你手写代huò让你提供算法huò。如guǒqiányǒu遇到过zhèwènde话其实一下子真de挺难回答,huò者直接懵逼了,huò者回答出面试官满意de答案。zhè其实duìgōngshīdeyào求也shì比较de高,能只shìdānde切切面,用用插件,需yàoduì某一类wènhuò者模shìhuò者算法yǒu深入de了解,duìwènde解决思yǒu很好de把握。

算法可能shìqiánduāngōngshīde长项,dànzuòwèi优秀degōngshīduì算法de了解应该huì只深浅。

zhèzhǒng面试de既提现了gōngduì面试者deyào求,也相duì而言dehuìyǒu所体现gōngde水平。

出题型

比较dehuì通过邮件给你,huòyǒu专门de面提供,在面试之qián让你2-3天de时间做完。题可能shìyǒude某一类交互,huò游戏,huò面,huògōng司自己出de一类小东西。

wèidāng场面试,所yǒuyǒu比较充足de时间来思考,来写一些代。一般都huì完成,所其实比较de关注diǎnshìduìde质量,通过代来考察面试者de及代**惯等等。

其未zhī性也比较多,可能因wèiyǒu些东西可能没法通过代来传递,沟通,其他dehuò者题de缺陷等等。所zhèshì面试途中de小部分,大多数人其实都huì能做de很好。

直接上机型

háiyǒudehuì直接给你某一交互,huò者一张静tài面,huò者一布局等等,直接给你台电脑让你dāng场写出来。写完之后再yǒu所交流,shuōshuō自己de想法huò者接zhe谈其他de

dāng你写代时候,其实暴露de东西也挺多de。你写de**惯,思清晰清晰,duìde熟悉程度,可能你平时都shìctrl C + Vdezhè时候你咋办呢。

zhè可能遇到de比较少,dànhuìshìyǒude

jié束语

许多面试可能都huìjiédezhǒng类型,多方面de考察面试者,其实,大家都懂de

Webqiánduān面试decháng见面试题汇总

今天小编yào跟大家分享de文章shìcān加Webqiánduān面试decháng见面试题汇总。准备cān加Webqiánduān面试de小伙伴们来小编一起看一看吧,希望本篇文章能够duì大家yǒu所帮zhù

1.渐进增强与优雅降

渐进增强

shìzhǒng技术,而shìzhǒng设计思想。各浏览de渲染能力各相同,yào做一人都能看到de、感受到de体验都一致de网站几乎可能。dànháishì得网站de可访wèn性,保zhèng用户在任何环境下都能正cháng访wèn得核心内容huò能使用本功能(避免网开、排版错误等),并wèi他们提供dāngqián条件下zuìde体验,zhèshì渐进增强得核心思想。

优雅降shìzhǒng设计思想,wèi了保zhèng在高版本浏览中提供zuìde体验,碰到低版本浏览再降进行兼容处理,使其能正cháng浏览。

zhèzhǒng思想de区别在

1.渐进增强shì向上兼容,优雅降shì向下兼容;

2.渐进增强shì从简dān杂,优雅降shì杂到简dān;

3.渐进增强关注deshì内容(保zhèng核心内容),优雅降关注deshì浏览体验(wèi了兼容低版本浏览)

2.DOCTYPE

zuò

DTD(DocumentTypeDefinition,文档类型dìng义)shì一系列de语法规则,用来dìng义XMLhuò(X)HTML

de文档类型。浏览huì使用它来判断文档类型,决dìngzhǒng协议来解析,及切huàn浏览模shì

DOCTYPEshì用来声明文档类型DTD

规范de,一yàode用途便shì文件de法性验zhèng。如guǒ文档代法,那么浏览解析时便huì出现一些差错。

HTML5de文档类型声明:

HTML4.01Strict(HTML4.01严格模shì)deDTD包含所yǒuHTML

yuán属性,dàn包括展示性de弃用deyuán(如font),它de文档类型声明:

-//W3C//DTDXHTML1.0Strict//EN"

""

标准模shì与怪异模shì

怪异模shì(Quirks

Mode)用模拟旧浏览dewèi。早期de网站并huì遵循完整de规范,随zhe浏览支持越来越多de规范,在那些旧de浏览中开de面在显示时huì被破坏。wèi了向后兼容,浏览明了怪异模shì,一行错误huò无效de

DOCTYPE都huì怪异模shì

浏览使用文件开头deDOCTYPE来决dìng用怪异模shì处理huò标准模shì处理。DOCTYPE

确保同浏览相同deshì解析文档,及执行相同de渲染模shì

怪异模shì与标准模shìdeyào区别:

1.怪异模shìdekuān高度huì包含paddingborder。标准模shì包含,标准模shì下可通过设置box-sizing:

border-box将标准盒模型转化成怪异模shìde盒模型。

2.怪异模shì下,dāng内容chāo出容高度时,huì将容拉伸,而shì溢出。

3.怪异模shì下,在表格中de字体样shì(如font-size)huì继承。

4.怪异模shì下颜色值须使用十六进制标法。

3.语义化

HTML5

de语义化就shìyuán、属性huò属性值yǒu含义,更准确地标dìng类型de内容。duìyuán语义化dedeshìwèi了让yuánde语义呈现分离,yuán只负责文档内容dejié构与含义,而CSS

shì控制内容de呈现,像yuán,没yǒu语义dàn却能将字体变粗,zhèyuánbèi了语义化dede,将huì被废弃。

diǎn

·使得HTML文档jié构清晰、布局理、主体突出、可读性更强。

·yǒuSEO,搜suǒ引擎根标签来确dìng上下文关键字dezhòng

·方便其他设备解析,如盲人阅读语义渲染网

·yǒu维护,语义化更具可读性,代更好维护,与CSS3关系更谐。

语义化标签

·dìng义文档de眉区域,应zuòwèi介绍内容huò者导航链接栏de;

·footer内容de脚,通cháng包含该章节zuò者、版权数huò者与文档相关de链接等信息;

·article

文档、面、应用huò网站中dejié构,shì可独分配de、可dejié构,如在布中,它可能shì论坛帖子、杂志huò新闻文章、博客、用户提交de评论、交互shì组件,huò者其他独de内容项;

·nav描述一yǒuchāo链接de区域,该区域包含跳转到其他huò面内部其他部分de链接列表;

·section表示文档中de区域(huò节),比如,内容中de专题组;

·maindìng义文档deyào内容,该内容在文档中应dāngshì独一无二de包含任何在文档中zhòngde内容,比如侧边栏,导航栏链接,版权信息,网站

logo,搜suǒ框(搜suǒzuòwèi文档deyào内容);

·aside

表示一其余面内容几乎无关de部分,被认wèishì该内容de一部分且可dānde拆分出来而huì影响整体。通cháng表现wèi侧边栏huò嵌入内容。

4.chāo链接伪类

:link、:visited、:active:hoverde声明顺序shì怎样de?

:link表示未访wènde链接状tài;

:visited表示已访wèntài;:active表示激活状tài(鼠标按下);:hover表示悬停状tài

推荐顺序shìLVHA,即:link:visited:hover:active。理yóu如下:

·dāng鼠标悬停在未访wènde链接上时,:link:hover都huì命中,如guǒ:hover在:link

qián声明,那么(:hover)就huì被覆盖;

·dāng鼠标悬停在已访wènde连接上时,:visited:hover都huì命中,如guǒ:hover在:visited

qián声明,那么(:hover)就huì被覆盖;

·dāng鼠标dān击链接时,:active:hover都huì命中,们大多shì想让:hover只在悬停时展示样shì,按下鼠标时使用:active

shì,因此:active在:hover之后声明;

·综上,:hover应在:link:visited之后,在:active之qián,因此active在zuì后。而:link

:visited两者de顺序无所谓,互影响。

5.CSSchángde长度dān

CSS中除了px长度dān位之外,háiyǒu下面几长度dān位:

·pc六分之一英寸,1pc=12pt=1/6*1in=16px;

·pt一磅,72分之一英寸。1pt=1/12_1pc=1/72_1in≈1.33px;

·in一英寸,1in=2.54cm=96px;

·ex在含yǒu“X”字母de字体中,它shì该字体de小写字母de高度。duì很多字体来shuō,1ex≈0.5em;

·em1em等yuánde字体大小,2em就shìyuán字体大小de二倍;

·remdāng用在根yuán()defont-size上面时,它代表了它de初始值;

·ch代表yuán所用字体font中“0”zhè一字形dekuān度;

·vh1vh相dāng视口高度de1%,100vh就shì视口de高度;

·vw1vw相dāng视口kuānde1%,100vw就shì视口dekuān度;

·vmax视口高度vwkuān度vh两者中dezuì小值

·vmin视口高度vwkuān度vh两zhǒngdezuì大值;

·%相duìyuánde大小来确dìng;

cān考:CSS[1]

CSSpercentage[2]

6.事件duì

mào泡与捕获

事件mào泡与捕获shì事件处理dezhǒng机制,主yào描述dāng在一yuányǒu相同类型de事件处理被激活huì生什么。

diǎn击子yuán时,浏览运行了两zhǒngde阶段:捕获阶段mào泡阶段。捕获阶段dewèi

·浏览检查yuándezuì外层祖先,shì否在捕获阶段中注册了一onclick事件处理程序,如guǒshì,则运行它;

·

然后,它移动到中dānyuánde下一祖先yuán,并执行相同dezuò,然后shìdānyuán再下一祖先yuán,依此类推,直到到达实际diǎndeyuán;

mào泡与捕获恰恰相反:

·浏览检查实际diǎndeyuánshì否在mào泡阶段中注册了一onclick事件处理程序,如guǒshì,则运行它;

·然后它移动到下一直接de祖先yuán,并做同样de事情,然后shì下一,等等,直到它到达yuán;

而现代浏览在默认情况下,所yǒu事件处理程序都在mào泡阶段进行注册。因此上面代diǎn击子yuánhuì先执行子yuánbǎngdìngde事件,然后向上mào泡,触yuánbǎngdìngde事件。

addEventListener函数de第三cānshì布尔值。含义:

·dāng布尔值shìfalse时(zhèshì默认值),表示向上mào泡触事件;

·dāng布尔值shìtrue时,表示向下捕获触事件;

màode事件

yǒu些事件shìhuìmàode。比如:

·bluryuán失去焦diǎn时触,focusout事件也shì失去焦diǎn时触dànmào泡;

·focusyuán获取焦diǎn时触;

·mouseenter鼠标移动到yuán上时huì该事件,与之duìdeshìmouseover事件,dànhuìmào泡;

·mouseleave鼠标离开yuán时触,与之duìdeshìmouseout,dànhuìmào泡;

事件mào泡可们利用事件委托,尤其shì处理大量子yuán时,如guǒ给每yuánbǎngdìng事件,zhèshì优雅de,可将事件bǎngdìng到父yuán上,并让子节diǎnde事件mào泡到父节diǎn上,利用

e.target属性可获取到dāngqián事件deyuán

事件duì象中de方法

·stopPropagation()阻止事件mào泡,dāng设置后,diǎn击该yuán时父yuánbǎngdìngde事件就huì再触;

·preventDefault()阻止默认事件de生;

·stopImmediatePropagation()它用来阻止jiān听同一事件de其他事件jiān被调用及阻止事件mào泡,比如给同一div

yuánbǎngdìngclick事件(使用addEventListener方法可注册多),dāng在第二事件函数中调用

stopImmediatePropagation方法时,diǎn击divyuán时,后面注册declick将huì被触,而且háihuì阻止事件mào泡;

比如下面de例子,给pbǎngdìngclick事件,在第二事件函数中调用stopImmediatePropagation,第三click

事件就huì,因wèi也阻止了mào泡,因此父yuándeclick事件也huì

paragraph




document.querySelector("div").addEventListener("click",(event)=>{


alert("shìdivyuán,shìpyuánde上层yuán");


//pyuándeclick事件没yǒu向上mào泡,该函数huì被执行


},false);


constp=document.querySelector('p')


p.addEventListener("click",(event)=>{


alert("shìpyuán上被bǎngdìngde第一jiān听函数");


},false);


p.addEventListener("click",(event)=>{


alert("shìpyuán上被bǎngdìngde第二jiān听函数");


event.stopImmediatePropagation();


//执行stopImmediatePropagation方法,阻止click事件mào泡,并且阻止pyuánbǎngdìngde其他click
事件de事件jiān听函数de执行.


},false);


p.addEventListener("click",(event)=>{


alert("shìpyuán上被bǎngdìngde第三jiān听函数");


//该jiān听函数排在上函数后面,该函数huì被执行


},false);


在IE浏览中,使用e.cancelBubble=true也可取消事件mào泡;使用e.returnValue=false

也能阻止默认事件de生。

target与currentTarget

target属性指向deshì事件标,而currentTarget属性指向deshì正在处理dāngqián事件deduì象,它总shì指向事件bǎngdìngdeyuán。而target

指向de可能shìdìng义时de事件标。

例如:

div.addEventListener('click',(e)={

console.log(e.target,e.currentTarget);

},false);

e.target可能指向divyuán,也可能指向它deyuán。而e.currentTarget总shì指向divyuán

上就shì小编今天wèi大家分享decān加Webqiánduān面试decháng见面试题汇总de文章,希望本篇文章能够duì正准备cānqiánduān面试de小伙伴们yǒu所帮zhù,想yào了解更多Webqiánduānzhī得关注北大青鸟Webqiánduān培训官网,zuì后祝愿小伙伴们gōngzuò顺利,成wèi一名优秀deWebqiánduāngōngshī

cān考资料

[1]

CSSlength:#/zh-CN/docs/Web/CSS/length

[2]

CSSpercentage:

#/zh-CN/docs/Web/CSS/percentage

qiánduāncháng见面试题

qiánduān可能wèndewèn题:

介绍(一dìngyàoduì很熟悉)

ui-app webqiánduān技术体系?

响应shì怎么做?

render跟状tàide差异

类组件de生命周期?

阻止mào泡,阻止事件默认行wèi

文本垂直居中。 line-height设置wèiyuán高度。

用reduce讲数组中deduì象进行

解释localstorage sessionstorage cookie

eventbus满足event.on('eventname', callback)

displayyǒu值?默认值?

positionyǒu值?默认值?

div水平垂直居中?

positionyǒu哪些值

react相关wèn题(概念理解、通讯组件等)、reactcháng用内置

React-router

html+css

面增删gǎi

positionde值 absolute relative fixed static

gōngzuòshì怎么联调上线de(现场想shìdeqiánduān联调方shì,能webpack环境切huàn联系起来)

antddeForm shouldUpdate增量更新方shì,性能优化。

duìHooksde理解

3:操zuòdomdiǎn击事件向服务上传数,在上传未完成之qiánzhòngzuò事件

4:期格shì化,qián两位补0(2021-06-06 06:06:00)

用css写一布局,左侧固dìngkuān度,右侧自shì

你看

2020年Webqiánduān面试题汇总(一)

今天小编yào跟大家分享de文章shì2020年Webqiánduān面试题汇总。yóu内容较多小编分开wèi大家介绍,今天首先来小编一起看一看第一部分de内容,希望zhè些面试题能够duì正准备找Webqiánduān相关gōngzuòde小伙伴们yǒu所帮zhù

1.shuō几条写JavaScriptde本规范?

1)yào在同一行声明多变量;

2)请使用===/!==来比较true/falsehuò者数值;

3)使用duì象字面量替代newObjectzhèzhǒngshì;

4)减少使用全局函数,全局变量;

5)switch语句须带yǒudefault分支;

6)if语句须使用大括号;

7)for-in循环中de变量;

应该使用var关键字明确限dìngzuò用域;

从而避免zuò用域全局污染。

2.shuōshuō平衡二chā树?

平衡二chāsuǒ树(Self-balancingbinarysearchtree)

又被称wèiAVL树。

yǒu下性质:

1)它shì一棵空树huòde左右两子树

de高度差deduìchāo过1,

并且左右两子树都shì一棵平衡二chā树。

2)平衡二chādìngshìchāsuǒ树,反之则dìng

3)平衡二chādecháng用实现方法yǒu红黑树、AVL、

替罪羊树、Treap、伸展树等。

zuì小二chā平衡树dediǎndegōngshì如下:

F(n)=F(n-1)+F(n-2)+1备注:1shì根节diǎn

F(n-1)shì左子树dediǎn数量,

F(n-2)shì右子树dediǎn数量。

3.清除浮动解决垂直外边距zhòngde解决方案?

wèn题描述:

1)父yuányǒu设置kuān高,尺寸yóuyuán撑起;

yuán一旦浮动,父yuán高度huì生塌陷。

2)子yuán设置margin-tophuìzuòdeyuándemargin-top;

此时huì造成垂直外边距zhòng叠。

.clearfix::after,.clearfix::before{

content:'';

display:table;

clear:both;

}

4.sessionStorage、localStoragecookie?

相同diǎn:

都用浏览duān存储de缓存数;

diǎn:

1)存储内容shì送到服务duān

dāng设置了Cookie后,数huì送到服务duān

造成一dìngdekuān带浪费;xxxstorage则huì将数保存

到本地,huì造成kuān带浪费;

2)数存储大小

Cookie数chāo过4K,shìhuì话标识;

xxxstorage数存储可达到5M;

3)数存储deyǒu效期限

cookie只在设置了Cookid过期时间

qián一直yǒu效,即使关闭窗口huò者浏览;

sessionStorage,仅在关闭浏览qiányǒu效;

localStorage,数存储永久yǒu效;

4)zuò用域

cookielocalStorageshì在同源同窗口中

shì共享de;

sessionStoragede浏览窗口

中共享,即使shì同一面;

5.判断一dānshìshì回文?

回文shì指把相同de词汇huò句子,

在下文中调huàn位置huò颠倒过来,

产生首尾回环de情景,

叫做回文,也叫回环。

比如cacac,redivider。

letcheckPalindrom=(str)={

returnstr===

str.split('').reverse().join('');

}

6.zhù临时变量,进行两整数dehuàn?

输入a=3,b=1,

输出a=1,b=3

letswap=(a,b)={

b=b-a;

a=a+b;

b=a-b;

return[a,b];

}

7.请写出至少5html5新增de标签,并shuō明其语义应用场景?

section:dìng义文档中de章节;

nav:dìng义只包含导航链接de章节;

header:dìnghuò章节de头部;

它经cháng包含logo、面标题导航性de录。

footer:dìnghuò章节de尾部;

它经cháng包含版权信息、法律信息链接反馈建议用de地址。

aside:dìng面内容关联度较低de内容,

guǒ被删除,剩下de内容仍然很理。

8.getpost请求在缓存方面de区别?

get请求类似查找de过程,用户获取数

用每次都与数库连接,所使用缓存。

post同,post做de一般shìgǎi删除degōngzuò

须与数库交互,所能使用缓存。

因此get请求shì请求缓存。

9.如何解决异步回调地狱?

promise、generator、async/await

10.图片de懒加载预加载?

预加载:提qián加载图片,

dāng用户需yào查看时可直接

从本地缓存中渲染。

懒加载:懒加载deyàode

shìzuòwèi服务qiánduānde优化,

减少请求数huò延迟请求数。

zhǒng技术de本质:

两者dewèishì相反de

shìqián加载,

shì迟缓甚至加载。

懒加载duì服务qiánduānyǒudìng

de缓解压力zuò用,

预加载则huì增加服务qiánduān压力。

11.bind,apply,callde区别?

通过applycallgǎi变函数dethis指向,

zhè函数de第一cān数都shì一样de

表示yàogǎi变指向deduì象,

第二cān数,applyshì数组,

而call则shìarg1,arg2...zhèzhǒngshì

通过bindgǎi变thiszuò用域

huì返回一de函数,

zhè函数huì马上执行。

12.js怎么控制一次加载一张图片,加载完后再加载下一张?

方法一:

varobj=newImage();

obj.src="#/21.jpg";

obj.onload=function(){

document.getElementById("pic")

.innnerHTML="";

}

加载中

方法二:

varobj=newImage();

obj.src="#/21.jpg";

obj.onreadystatechange=function(){

if(this.readyState=="complete"){

document.getElementById("pic")

.innnerHTML="";

}

}

加载中

qiánduāngōngshī面试题qiánduāngōngshī面试题de介绍到此就jié束了,zhīdào你从中找到你需yàode信息了吗 ?如guǒhái想了解更多zhè方面de信息,得收藏关注本站。

与本文内容相关的文章:

大学生就业创业协会,大学生就业创业协会竞选稿

大学生创业一般都干什么,大学生创业一般都干什么活

大学生创业融资方式,大学生创业融资方式有几种

大学生民宿创业计划书,大学生民宿创业计划书题目

大学生加盟创业,大学生加盟创业工商局查出虚假广告怎么办