夏天的博客

Tree shaking是一种通过清除多余代码方式来优化项目打包体积的技术，专业术语叫 Dead code elimination

回答面试官的问题是一门很深的学问。那么，面对面试官提出的各类问题，如何才能条理清晰地回答呢？如何才能让自己的回答不至于撞上枪口呢？如何才能让自己的回答结果令面试官满意呢？谈话是一门艺术，回答问题也是一门艺术，同样的话，不同的回答方式，往往会产生不同的效果，甚至是截然相反的效果。

每天学习10个趣味前端小知识 ，快来看看吧！

每天学习10个趣味前端小知识，快来看看吧！

每天学习10个趣味前端小知识，快来看看吧！

每天学习10个趣味前端小知识，快来看看吧！

每天学习10个趣味前端小知识，快来看看吧！

每天学习10个趣味前端小知识，快来看看吧！

每天学习10个趣味前端小知识，快来看看吧！

每天学习10个趣味前端小知识，快来看看吧！

每天学习10个前端小知识，快来看看吧！

每天学习10个前端小知识，快来看看吧！

每天学习10个趣味前端小知识，快来看看吧！

每天学习10个趣味前端小知识，快来看看吧！

每天学习10个趣味前端小知识，快来看看吧！

每天学习10个趣味前端小知识，快来看看吧！

每天学习10个趣味前端小知识，快来看看吧！

每天学习10个趣味前端小知识，快来看看吧！

每天学习10个趣味前端小知识，快来看看吧！

2.使用for或者forEach()方法。

数组求和方法

今天面试考了一道题a={b},c()=>{}}问a.ba.ce=a.bf=a.c主要是考察普通函数和匿名函数的this指向。下面来回顾一下。

这道题常考的是手写代码1.使用原型：把对象本身的属性写在构造函数里面，把它的共有属性写在原型上面；2.使用class：把对象本身的属性写在constroctor里面，把公共属性写在constroctor外面。

1.行内元素：与其他行内元素并排，不能设置宽高，默认的宽度就是文字的宽度。行内元素：除了p之外，所有的文本级标签，都是行内元素。p是个文本级标签，但是是个块级元素。span , a , b , i , u , em2.块级元素：霸占一行，不能与其他任何元素并列。能接受宽高，如果不设置宽度，那么宽度将默认变为父级的100%。块级元素：所有的容器级标签，都是块级元素，以及p标签。div , h系列 , li , dt ,dd注意了：img是一个可替换元素。它的 display 属性的默认值是 inl

1.原型链是什么？原型指的是原型属性，原型也是一个对象。当访问一个对象的属性时，如果这个对象内部不存在这个属性，那么它就会去它的原型对象里找这个属性，这个原型对象又会有自己的原型，于是就这样一直找下去，也就是原型链的概念。2.原型链的终点是什么？为什么呢？原型链的终点是 null ,因为 Object.prototype.__proto__指向 null那为什么是null呢？首先要明确一点，原型链上的所有节点都是对象，另外，规范要求原型链必须是有限长度的(从任一节点出发，经过有限步骤后必须到

1.原理v-show指令：元素始终被渲染到HTML，它只是简单的伪元素设置css的style属性，当不满足条件的元素被设置style=“display：none”，是通过修改元素的的CSS属性(display)来决定实现显示还是隐藏.v-if指令：满足条件是会渲染到html中，不满足条件时是不会渲染到html中的，是通过操纵dom元素来进行切换显示。2.应用场景v-if需要操作dom元素，有更高的切换消耗。v-show只是修改元素的的CSS属性有更高的初始渲染消耗，如果需要非常频繁的切换，建议使用

最近在面试，碰到一些有意思的笔试题，将它记录下来分享给大家也在面试前端的小伙伴们。1.for(var i=0;i<3;i++){ setTimeout(()=>console.log(i),1);}输出：3这道题主要考察的是 setTimeout函数的用法，setTimeout只运行一次,也就是说设定的时间到后就触发运行指定代码,运行完后即结束。2.看下列代码，输出什么？解释原因。var a=new Object();a.value=1;b=a;b.value=2

1.冒泡排序原理它重复地走访过要排序的元素列，依次比较两个相邻的元素，如果顺序（如从大到小、首字母从Z到A）错误就把他们交换过来。例如要求排序结果是从小到大,那么就是前一个数字和后面一个数字相比较,如果前大于后则交换位置,如果后大于前则不交换2.源代码 //思路：先比较一轮一次，然后用for循环比较一轮多次，然后再加for循环比较多轮多次var arr=[5,4,3,2,1]for(let i=0;i<arr.length;i++){ for(let j=0;j<=arr.le

链表与数组的区别（1）数组的元素个数是固定的,而组成链表的结点个数可按需要增减；（2）数组元素的存诸单元在数组定义时分配，链表结点的存储单元在程序执行时动态向系统申请；（3）数组中的元素顺序关系由元素在数组中的位置(即下标)确定,链表中的结点顺序关系由结点所包含的指针来体现。（4）对于不是固定长度的列表,用可能最大长度的数组来描述，会浪费许多内存空间。（5）对于元素的插人、删除操作非常频繁的列表处理场合,用数组表示是不适宜的。若用链表实现，会使程序结构清晰，处理的方法也较为简便。数组的优点随机

面向对象编程面向对象编程是一种设计思想，它是现实世界的抽象，任何现实世界中的事物都可以用面向对象思想来解决。“万物皆对象”，JavaScript中不是面向对象编程。而是面向函数编程。面向对象核心：封装、继承、多态。面向对象编程与面向过程编程这里通过借助吃蛋炒饭一个例子，通过面向对象与面向过程的比较更加理解面向对象编程。可以看出 面向对象 和 面向过程 的区别，面向过程关注的是每一个功能实现的具体步骤，面向对象关注的是对象，然后由对象去调用功能。这里的饭店就是一个对象，把一类事情交给一个对象去处理。

今天前端笔试遇到了一个题考察动画animate-timing-function属性的cubic-bezier() 函数，比较贝塞尔曲线的快慢。如题：【问题】下面使用Animate-timing-function定义的贝塞尔曲线，哪一个是先快后慢的（A）A. animation-timing-function :cubic-bezier(.22,1.23,.97,.89)B. animation-timing-function :cubic-bezier(1.23,…22,97,.89)C. ani

面试官问你用过哪些css动画属性，能具体说说吗，现在再来回顾一下知识点：css动画属性具体的animation属性1.animation-timing-function属性：规定动画的速度曲线。2.animation-iteration-count属性：定义动画的播放次数。3.animation-play-state属性：规定动画正在运行还是暂停。4.animation-fill-mode属性：规定动画在播放之前或之后，其动画效果是否可见。例子：实现一个简单的动画效果：button

关于节流和防抖这一问题会经常在前端面试中问到，笔者认为可以从以下几个方面回答1.节流节流是什么函数节流是指规定一个单位时间，在这个单位时间内，只能有一次触发事件的回调函数执行，如果在同一个单位时间内某事件被触发多次，只有一次能生效。节流可以使用在 scroll 函数的事件监听上，通过事件节流来降低事件调用的频率。节流函数的适用场景：拖拽场景：固定时间内只执⾏⼀次，防⽌超⾼频次触发位置变动缩放场景：监控浏览器resize动画场景：避免短时间内多次触发动画引起性能问题源代码// 节流（一段时

mvvm和mvc的区别「MVC」M - Model：模型，是应用程序中用于处理应用程序数据逻辑的部分，通常模型对象负责在数据库中存取数据V - View: 视图，是应用程序中处理数据显示的部分，通常视图是依据模型数据创建的。C - Controller: 控制器, 是应用程序中处理用户交互的部分，通常控制器负责从视图读取数据，控制用户输入，并向模型发送数据。流程View 接受用户交互请求View 将请求转交给Controller处理Controller 操作Model进行数据更新保存数据

这个题目也是前端面试常问题，下面针对这个问题做出解答。1.回流是什么？节点的一些样式（背景色，边框颜色，文字颜色等）发生改变，只需要应用新样式绘制这个元素就可以了；2.重排是什么？渲染树（render tree）的元素的内容、结构、位置或尺寸发生了变化，需要重新计算样式和渲染树3.这两者之间有什么关系“重绘"不一定需要"重排”，但是，“重排"必然导致"重绘”，4.回流和重排怎么优化？优化方案：减少"重排"和"重绘"的频率和成本，尽量少触发重新渲染。措施1.避免逐个修改节点样式，尽量一次性

1.Promise是什么？Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。Promise 提供统一的 API，各种异步操作都可以用同样的方法进行处理。2.Promise对象有以下两个特点（1）对象的状态不受外界影响。Promise对象代表一个异步操作，有三种状态：pending（进行中

在前端面试中经常被问到的一个话题是闭包，下面我讲结合自己的面试经验，关于闭包这个问题讲讲技术面试官会对它进行怎么一个提问？1.闭包是什么？闭包就是能够读取其他函数内部变量的函数。2.为什么要使用闭包？原因：Javascript语言的特殊之处，就在于函数内部可以直接读取全局变量。但是在函数外部自然无法读取函数内的局部变量。出于种种原因，我们有时候需要得到函数内的局部变量。那就是在函数的内部，再定义一个函数。3.你能写一个闭包出来吗？就是在函数里面再写一个函数，然后返回值。function .

https://blog.youkuaiyun.com/Raleway/article/details/104268283?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522161711827116780271574050%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fall.%2522%257D&request_id=161711827116780271574050&bi

1.什么是前端工程化？前端工程化是使用软件工程的技术和方法来进行前端的开发流程、技术、工具、经验等规范化、标准化，其主要目的为了提高效率和降低成本，即提高开发过程中的开发效率，减少不必要的重复工作时间，而前端工程本质上是软件工程的一种，因此我们应该从软件工程的角度来研究前端工程。2.跨域问题？怎么解决的？由浏览器同源策略限制的一类请求场景，当不同地址，不同端口，不同级别，不同协议就会构成跨域。3.同源策略是什么？所谓同源是指"协议+域名+端口"三者相同，即便两个不同的域名指向同一个ip地址，也非同

在面试中，总会有一些让你措手不及的问题，题海无涯，求术有道。在面试中，考官不管问什么，其实都是想侧面了解以下几个问题：①你对自我的定位是什么样子的，②你对这个职位的认识是什么样子的，③你怎么看待这家公司，④你是否抱着真诚的态度来求职。大部分的职场问题都可以进行简单分类：能力考察题态度考察题逻辑思维考察题一、能力考察题如果面试官想考察你的能力，可以用下面这个方法发挥。1、如果你在面试中遇到一道题，问“你的团队精神怎么样？”你会怎么回答？反例：我觉得我很有团队精神啊，尊老爱幼，平易