面试题系列

默认方式：浏览器会并行加载script, 但是执行是书写的顺序，如果script1执行未完毕，就不会开始执行script2,尽管script2已经加载完。 defer方式：也叫延迟脚本，使用defer后，该脚本会被马上加载，但是脚本会被延迟到整个页面都解析完再执行，即等浏览器遇…

window：BOM的核心对象是window对象，它表示浏览器的一个实例。 avigator：navigator 对象包含有关访问者浏览器的信息。 window.screen 对象包含有关用户屏幕的信息。 location： 对象用于获得当前页面的地址 (URL)，并把浏览器重…

欢迎补充。。。 事件流所描述的就是从页面中接受事件的顺序，事件流分为两种：事件冒泡（主流）和事件捕获. 第六问：事件的委托（代理 Delegated Events）的原理以及优缺点委托（代理）事件是那些被绑定到父级元素的事件，但是只有当满足一定匹配条件时才会被挪。这是靠事件的冒…

其实这个5M对于不同浏览器来说也是不确定的，不过大体上是一个5M的范围，溢出了怎么办，肯定会发生错误啊。浏览器会报一个名为“QuotaExceededError”的错误，如下图： 正常情况下，可能不会存储5M的字符串，但是也不能保证浏览器日积月累的情况下，恰巧用户也没清理过缓存…

const 声明的常量不得改变值。这意味着， const 一旦声明常量，就必须立即初始化，不 能留到以后赋值 2. 如何在ES5环境下实现let 3. 如何在ES5环境下实现const 实现const的关键在于Object.defineProperty()这个API，这个API…

1、游览器输入一个地址。到页面展示中间经历了哪些东西？ #这个问题前端面试基本上百分百问的。测试的话，基础的功能面试可能不会问。自动化的话基本上也会问的。 1、游览器输入url。先解析url地址是否合法 2、游览器检查是否有缓存（游览器缓存-系统缓存-路由器缓存）。如果有，直接…

transform 属于合成属性（composite property），对合成属性进行 transition/animation 动画将会创建一个合成层（composite layer），这使得被动画元素在一个独立的层中进行动画。通常情况下，浏览器会将一个层的内容先绘制进一个…

千里之行，始于足下。我们先不说最好，甚至不说好。我们只问，如何“从10000个整数中找出最大的10个”？我最先想到的是用冒泡排序的办法：我们从头到尾走10趟，自然会把最大的10个数找到。方法简单，就不再这里写代码了。这个算法的复杂度是10N（N=10000）。 创建一个最小堆结…

Service Worker 是运行在浏览器背后的独立线程，一般可以用来实现缓存功能。使用 Service Worker的话，传输协议必须为 HTTPS。因为 Service Worker 中涉及到请求拦截，所以必须使用 HTTPS 协议来保障安全。Service Worker…

对大部分人来说，掌握Vue.js基本的几个API后就已经能够正常地开发前端网站。但如果你想更加高效地使用Vue来开发，成为Vue.js大师，那下面我要传授的这五招你一定得认真学习一下了。在面试过程很多HR会问到。 首先，在watch中，可以直接使用函数的字面量名称；其次，声明i…

v-show，v-if 用哪个？第一个维度是权限问题，只要涉及到权限相关的展示无疑要用 v-if ，第二个维度在没有权限限制下根据用户点击的频次选择，频繁切换的使用 v-show ，不频繁切换的使用 v-if ，这里要说的优化点在于减少页面中 dom 总数，我比较倾向于使用 v…

随着前端业务需求的不断增多，相比以前，我们会占用更多的内存。但是内存并不是无限的，而对于那些我们不再需要的变量、对象该怎么处理呢？难道一个一个去手动释放么？其实并不需要，Javascript 具有自动垃圾回收机制，会定期对那些我们不再使用的变量、对象所占用的内存进行释放 Jav…

预编译是js的一个特色，也算是闭包之前最难的一个知识点。预编译有4句公式，而这4句公式只要背熟就能理解预编译。这4句公式放在本文最末尾。本节篇幅比较长，要理解的东西也比较多。在学习预编译之前要记住下面这句话：JS的声明和执行(赋值)是分开两步操作的，声明属于预编译环节。 要了解…

可以简单的这样理解：加了key(一定要具有唯一性) id的checkbox跟内容进行了一个关联。是我们想达到的效果 查过相关文档，图例说明很清晰。 当某一层有很多相同的节点时，也就是列表节点时，Diff算法的更新过程默认情况下也是遵循以上原则。 所以我们需要使用key来给每个节…

时间总是短暂的，你们相谈甚欢，到了离别的时候。 只有一个体面的离别，才意味着未来依然可以关系持续升温。 放心，TCP协议已经为你规划好了。 作为主动方的男生，需要首先表示分别，千万不要拖泥带水等到女生提出，这样才能为这段邂逅留下回味与不舍。 这时候，是要手机号/微信号的最佳时机…

3、将要修改的样式在外面写个单独样式文件，在需要用到的页面引入。 采用定位组件的方法，通过组件外层的class或id定位，使用 >>> 进行样式穿透。 其中，dateRange 是组件外层的div的class。 公众号回复 加群 ，进群和大佬们交流技术。

在 HTTP/1.0 中，一个服务器在发送完一个HTTP 响应后，会断开 TCP 链接。但是这样每次请求都会重新建立和断开 TCP 连接，代价过大。所以虽然标准中没有设定，某些服务器对 Connection: keep-alive 的 Header 进行了支持。意思是说，完成这…

本文的目的就是要保证你彻底弄懂javascript的执行机制，如果读完本文还不懂，可以揍我。 不论你是javascript新手还是老鸟，不论是面试求职，还是日常开发工作，我们经常会遇到这样的情况：给定的几行代码，我们需要知道其输出内容和顺序。因为javascript是一门单线程…

在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。 在 Vue 的文档中，说明 Vue 是异步执行 DOM 更新的。关于异步的解析，可以查看阮一峰老师的这篇文章。截取关键部分如下： 具体来说，异步执行的运行机制如下。 下图就是主…

1. 生命周期函数面试题 1. 什么是vue生命周期？ Vue 实例从创建到销毁的过程，就是生命周期。也就是从开始创建、初始化数据、编译模板、挂载DOM-渲染、更新-渲染、卸载等一系列的过程，我们称这是 Vue 的生命周期。 2. vue生命周期的作用是什么 Vue 所有的功能…