随笔分类 - 前端面试题
1
摘要：强制不换行：white-space:nowrap; 超出部分隐藏：overflow: hidden; 隐藏部分用省略号代替：overflow: hidden; text-overflow: ellipsis; 自动换行：word-wrap: break-word; （ word-break: nor
阅读全文
摘要：原文：https://www.jianshu.com/p/ecb71343964a 使用 var: 每一次for循环的时候，setTimeout都执行一次， 但是里面的函数没有被执行，而是被放到了任务队列里面，等待执行， for循环了4次，就放了4次，当主线程执行完成后，才进入任务队列里面执行。 使
阅读全文
摘要：宏任务队列可以有多个，微任务队列只有一个； 主线程上的任务是第一个宏任务； 会建立宏任务的有：setTimeOut、 setInterval、 requestAnimationFrame 会建立微任务的有：Promise的回调、 process.nextTick 当有一个宏任务队列执行完毕后，会执行
阅读全文
摘要：v-if：每次都会重新删除或创建元素，具有较高的切换性能消耗； v-show：每次切换元素的 display：none 样式，具有较高的初始渲染消耗。
阅读全文
摘要：1.state中的数据获取时使用 this.$store.state.xxx; 2.修改state中的数据必须通过 mutations 中提供的方法，调用方法使用 this.$store.commit('方法名称', 唯一参数)，要传递多个参数可使用对象； 3.如果对外提供 state 中的数据时需
阅读全文
摘要：一、父组件向子组件传值： 二、子组件向父组件传值： 实例代码：
阅读全文
摘要：1.DNS解析：将域名地址解析为IP地址； 2.TCP连接：TCP三次握手 -第一次握手，由浏览器发起，告诉服务器我要发送请求了； -第二次握手，由服务器发起，告诉浏览器我准备接收了； -第三次握手，有浏览器发起，告诉服务器，我即将发送； 3.发送请求；（请求报文） 4.接受响应；（响应报文） 5.
阅读全文
摘要：let arr = [1,1,2,2,3,3,3,5,6] //待去重的数组 let t = [] t[0] = arr[0] for(let i = 0; i < arr.length; i++){ for(let k = 0; k < t.length; k++){ //当原数组中的值和新数组中的值相同时，没有必要继续比较，跳出内循环 if(t[k] == arr[i]) break //原数
阅读全文
摘要：relative 相对定位：相对于本身的位置进行偏移。 absolute 绝对定位：相对于非static的祖先元素进行位置偏移，当这样的元素不存在，则相对于根级容器定位。 经验告诉我们：当一个元素使用relative定位而使位置发生改变时，其他的定位依赖于它的元素的位置不会改变，就好像这个元素没有改
阅读全文
摘要：参考：https://blog.csdn.net/qq_42129063/article/details/80441069 当父元素中的子元素设置了float属性时，可认为子元素就跳出了父元素的束缚而位于新的一层，此时父元素内部没有元素，其高度就变为0。要解决这个问题，人为给父元素设置高度是不现实的
阅读全文
摘要：1. 在html标签中直接绑定； 2. 在js中获取到相应的dom元素后绑定； 3. 在js中使用addEventListener（）实现绑定； 具体代码示例如下：
阅读全文
摘要：行内块元素默认有边距，如： ... .box{ display: inline-block; width: 100px; height: 100px; background-color: aquamarine; border: 5px solid black; } </style> </head>
阅读全文
摘要：1. 子元素为行内元素时，父元素使用 text-align: center; 实现子元素的水平居中； 2. 子元素为块级元素时， 2.1. 将子元素设置 margin: 0 auto; 实现居中； 2.2. 将子元素设置 display: inline-block，然后可使父元素使用text-ali
阅读全文
摘要：实例创建阶段： 1. beforeCreated：表示刚刚初始化了一个空的Vue实例对象，此时，对象身上只有默认的一些什么周期函数和事件，其他的都还未创建。*此时data和methods中的数据还没有初始化。 2. created：在created中，data和methods都已被初始化好了，如果要
阅读全文
摘要：let vm = new Vue({ el: "#app" data: { firstname: '', lastname: '', fullname: '', }, methods: { //可用keyup动作绑定事件 getFullname () { this.fullname = this.f
阅读全文
摘要：在写移动端页面时，由于不同手机屏幕尺寸不一样，所以我们如果以px为单位，会造成我们的页面在不同的手机上展现地不一样，为此，我们使用rem来实现页面在不同屏幕上以相同的比例来展现的目的。 具体操作： 1.设置meta： <meta name="viewport" content="width=devi
阅读全文
摘要：具体有十几种之多，网上都可以找到，这里记录一些个人认为比较常用的 1.for 性能最好 2.foreach foreach有三个参数：arr.foreach(（数组元素，索引值（可选），数组本身（可选））=> { } ），无返回值。 3.for in 和 for of 工作中for in用的比较多，
阅读全文
摘要：1.如果请求不带参数，get请求和post请求，形式上是一样的，就是方法名不同；如果请求带参数，则get请求的参数是放在url中传递的，post请求的参数是放在body中传递的； 2.get重点在从服务器上获取资源，post重点在向服务器发送数据； 3.Get传输的数据量小，Post可以传输大量数据
阅读全文
摘要：这是一道经典的前端闭包的面试题，根据下面的函数，分别指出各打印的结果 function fun (n,o) { console.log(o); return { fun: function (m) { return fun (m,n) } }} let a = fun(0)a.fun(1)a.fun
阅读全文
1
浙公网安备 33010602011771号