![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端面试题
文章平均质量分 79
Ashy-
君子藏器于身,待时而动,何不利之有
展开
-
前端网络面试:浏览器输入地址后发生了什么?
请求前:TCP、IP 三次握手,连接认证请求过程:发送请求,确定缓存请求后:解析 DOM、CSSOM 并渲染原创 2023-12-29 18:55:54 · 692 阅读 · 0 评论 -
ES6+ 面试常问题
1. 基本数据类型2. Promise 知识点3. set map 数据结构4. 存储5. 扩展运算符6. Symbol7. asnyc/await8. ...原创 2023-12-29 17:11:22 · 1161 阅读 · 0 评论 -
前端网络请求知识(一)
【代码】前端网络请求知识(一)原创 2023-11-07 21:03:23 · 266 阅读 · 0 评论 -
JavaScript 内存泄漏
所谓内存泄漏就是程序执行完了,本该随着程序执行结束而被释放的内存由于有着引用关系而未得到释放导致的内存占用问题。清除不必要的引用尽量不要定义全局变量(比如减少 var 操作符的使用)提交代码前删除 console。原创 2023-04-30 01:10:56 · 846 阅读 · 0 评论 -
前端存储二:indexedDB
对象仓库中,数据以"键值对"的形式保存,每一个数据记录都有对应的主键,主键是独一无二的,不能有重复,否则会抛出一个错误。IndexedDB 支持事务(transaction),这意味着一系列操作步骤之中,只要有一步失败,整个事务就都取消,数据库回滚到事务发生之前的状态,不存在只改写一部分数据的情况。IndexedDB 操作时不会锁死浏览器,用户依然可以进行其他操作,这与 LocalStorage 形成对比,后者的操作是同步的。(4)同源限制 IndexedDB 受到同源限制,每一个数据库对应创建它的域名。原创 2023-04-29 21:34:46 · 838 阅读 · 0 评论 -
前端存储 Cookie、Web Storage(localStorage 与 sessionStorage)
localStorage 存储持久数据,浏览器关闭后数据不丢失,除非主动删除数据;数据是直接挂在域名下的,重新打开当前浏览器的该域名下依然可以找到已存储的数据。sessionStorage 数据在当前浏览器窗口关闭后自动删除。sessionStorage 与 localStorage。cookie 的局限性:不建议用于存储值。共同点:都保存在浏览器端,遵循。Html5 中增加的。Q:什么叫持久化方案?原创 2023-04-29 20:40:07 · 999 阅读 · 0 评论 -
前端 http 协议相关
计算机网络中有关 HTTP 相关知识学习,万字长文。原创 2022-03-03 10:42:08 · 2663 阅读 · 0 评论 -
React中的界面中使用map函数的情况
列表渲染使用map函数来遍历实现列表渲染。简单的例子:let list = { "列表1", "列表2", "列表3", // .....}ReactDOM.render( <ul> { list.map(item=><li>{item}</li>) } </ul>);输出的结果为:<ul> <li>列表1</li> <li>列表2</li> <li&原创 2021-05-20 07:47:30 · 2362 阅读 · 0 评论 -
JavaScript面试题121-130
JavaScript面试题121-130每日坚持学10道题121. 求一个字符串的字节长度[问答题]编写一个方法 求一个字符串的字节长度。来自:前端工程师练习卷参考:// 假设:一个英文字符占用一个字节,一个中文字符占用两个字节。function GetBytes(str) { var len = str.length; var bytes = len; for (var i = 0; i < len; i++) { if (str.charCodeAt(i) >原创 2021-02-22 22:44:54 · 178 阅读 · 2 评论 -
JavaScript面试题111-120
JavaScript面试题111-120每日坚持学10道题111. 数组去重[问答题]用 JavaScript 脚本为 Array 对象添加一个去除重复项的方法。来自:百度参考:let array = [1,5,2,6,2,1,3];let arr = array.set();console.log(arr);prototype.name12. js中的Object属性[填空题]javascript 语言特性中,有很多方面和我们接触的其他编程语言不太一样,比如说,java原创 2021-02-21 14:37:35 · 155 阅读 · 1 评论 -
JavaScript面试题101-110
JavaScript面试题101-110每日坚持学10道题101. 设计盒模型[问答题]画图描述 CSS 盒模型,用 JS 实现获取元素宽和位置,注意兼容性。来自:去哪儿参考:var element = document.getElementById("div");function getWeizhi(element) { var top = document.documentElement.clientTop; var left = document.documentE原创 2021-02-18 17:56:33 · 179 阅读 · 0 评论 -
JavaScript面试题91-100
JavaScript面试题91-100每日坚持学10道题91. 原生 js 实现div 可拖拽[问答题]请使用原生 js 实现一个 div 可拖拽,需要考虑浏览器兼容性。来自:阿里巴巴参考:var drag1 = document.getElementById('drag1');drag1.onmousedown = function (ev) { var x = ev.clientX - drag1.offsetLeft; var y = ev.clientY - dr原创 2021-02-17 17:42:40 · 453 阅读 · 6 评论 -
JavaScript面试题81-90
JavaScript面试题81-90每日坚持学10道题81.[问答题]尝试实现注释部分的 Javascript 代码,可在其他任何地方添加更多代码(如不能实现,说明一下不能实现的原因):var Obj = function (msg) { this.msg = msg; this.shout = function () { alert(this.msg); } this.waitAndShout = function () { //原创 2021-02-16 14:00:24 · 265 阅读 · 1 评论 -
JavaScript面试题71-80
JavaScript基础面试题71-80每日坚持学10道题71. 数组去重(原型方法)[问答题]请给Array本地对象增加一个原型方法,它用于删除数组条目中重复的条目(可能有多个),返回值是一个包含被删除的重复条目的新数组。来自:腾讯春招 web 前端开发练习卷参考:Array.prototype.distinct = function () { var ret = []; for (var i = 0; i < this.length; i++) {原创 2021-02-13 11:01:07 · 190 阅读 · 0 评论 -
JavaScript面试题61-70
JavaScript基础面试题61-70每日坚持学10道题61. 函数名[不定项选择题]如何规避 javascript 多人开发函数重名问题?A.根据不同的开发人员实现的功能,在函数名加前缀B.每个开发人员都把自己的函数封装到类中,然后调用的时候即使函数名相同,但是因为是要类.函数名来调用,所以也减少了重复的可能性C.以上都不正确来自:腾讯 2015 春招(牛客网)答案:AB提示:A,函数名之前加上开发人员特有的前缀,可以有效避免重名问题B,类的封装是面向对象程序设计语言规避重原创 2021-02-13 09:59:51 · 576 阅读 · 0 评论 -
JavaScript面试题51-60
JavaScript基础面试题51-60每日坚持学10道题51. 变量定义规则[单选题]下面符合一个有效的 javascript 变量定义规则的是?A._ 2B.withC.a bcD.2a来自:前端工程师能力评估答案:A52. js 基本数据类型[不定项选择题]下面属于 javascript 基本数据类型的有?A.字符串B.数字C.nullD.undefined来自:腾讯春招 web 前端开发练习卷答案:abcdECMAScript 中有 5 个简单数据类型(原创 2021-02-07 21:04:10 · 503 阅读 · 0 评论 -
JavaScript面试题41-50
JavaScript基础面试题21-30每日坚持学10道题41. 数据类型[单选题]以下 Js 程序的输出是什么( ) <SCRIPT LANGUAGE="" JavaScript> var a = "undefined"; var b = "false"; var c = ""; function assert(aVar) { if (aVar) alert(tr原创 2021-02-06 17:35:57 · 1505 阅读 · 0 评论 -
JavaScript面试题31-40
JavaScript面试题31-40每日坚持学10道题31.[问答题]哪些地方会出现 css 阻塞,哪些地方会出现 js 阻塞?来自:前端工程师进阶检测答案:js 的阻塞特性:所有浏览器在下载 JS 的时候,会阻止一切其他活动,比如其他资源的下载,内容的呈现等等。直到 JS 下载、解析、执行完毕后才开始继续并行下载其他资源并呈现内容。为了提高用户体验,新一代浏览器都支持并行下载 JS,但是 JS 下载仍然会阻塞其它资源的下载(例如.图片,css 文件等)。由于浏览器为了防止出现 JS原创 2021-02-05 23:30:47 · 89 阅读 · 0 评论 -
JavaScript面试题21-30
JavaScript基础面试题21-30每日坚持学10道题今天是10道问答题。21.[问答题]说说对网站重构的理解。来自:前端工程师进阶检测参考:提示:网站重构:在不改变外部行为的前提下,简化结构、添加可读性,而在网站前端保持一致的行为。也就是说是在不改变 UI 的情况下,对网站进行优化,在扩展的同时保持一致的UI。对于传统的网站来说重构通常是:表格(table)布局改为 DIV + CSS使网站前端兼容于现代浏览器(针对于不合规范的 CSS、如对 IE6 有效的)对于移动原创 2021-02-04 19:16:10 · 86 阅读 · 2 评论 -
JavaScript面试题11-20
JavaScript面试题11-20每日坚持学10道题11.[填空题]填写内容让下面代码支持 a.name = “name1”; b.name = “name2”;function obj(name){ _____} obj._____ = "name2"; var a = obj("name1"); var b = new obj;来自:阿里巴巴前端开发工程师笔试答案:if (name) { this.name = name; } return this; prototyp原创 2021-02-03 20:19:36 · 264 阅读 · 0 评论 -
JavaScript面试题01-10
JavaScript基础面试题01-10每日坚持学10道题1.[单选题]:有以下 ES6 代码function * gen() { yield 1; yield 2; yield 3;}下面选项描述正确的是哪个?A.gen()执行后返回 2B.gen()执行后返回 undefinedC.gen()执行后返回一个 Generator 对象D.gen()执行后返回 1来自:百度 2016 研发工程师笔试真题(三)答案:C提示:这是 ES6 的新 feature, fun原创 2021-02-03 18:21:56 · 521 阅读 · 0 评论