面试题汇总
饭啦啦
这个作者很懒,什么都没留下…
展开
-
vue面试题
v-for 和v-if的优先级 v-for 的优先级比v-if 高 Vue子组件调用父组件的方法 第一种方法:直接在子组件中通过this.$parent.event来调用父组件的方法 父组件 <template> <div> <child></child> </div> </template> <scri...原创 2019-12-04 17:08:08 · 108 阅读 · 0 评论 -
从输入URL到页面加载发生了什么?
具体来说分为以下几个过程: 1.DNS解析 2.TCP连接 3.发送HTTP请求 4.服务器处理请求并返回HTTP报文 5.浏览器解析渲染页面 6.连接结束 注释: DNS 的作用就是通过域名查询到具体的 IP TCP 握手,应用层会下发数据给传输层 TSL握手,数据在进入服务端之前,可能还会先经过负责负载均衡的服务器,它的作用就是将请求合理的分发到多台服务器上,这时假设服务端会响应一个 HTML...原创 2019-11-29 16:57:19 · 102 阅读 · 0 评论 -
原型如何继承?
原型如何继承? 组合继承 以下继承的方式核心是在子类的构造函数中通过Parent.call(this)继承父类的属性,然后改变子类的原型为new Parent()来继承父类的函数。 function Parent(value){ this.val = value; } Parent.prototype.getValue = function(){ console.log(this.val); ...原创 2019-11-29 13:47:05 · 188 阅读 · 0 评论 -
闭包问题
发原创 2019-11-19 17:00:14 · 148 阅读 · 0 评论 -
React处理事件
在回调函数中使用箭头函数 优势:很容易让人看懂。 缺点: 在每次render时候,都会产生一个匿名函数。如果此组件作为一个子组件,那么父组件render的时候,子组件也可能会重新渲染,消耗性能。 class ToggleBtn extends React.component{ constructor(){ super(); this.state = { isToggleOn:tru...原创 2019-11-19 14:55:10 · 86 阅读 · 0 评论 -
JS如何处理异步
回调函数(callback) 回调是一个函数被作为一个参数传递到另一个函数里,在那个函数执行完后再执行。 function f1(callback){ setTimeout(function () { // f1的任务代码 callback(); }, 1000); } // 执行 f1(f2) 优点:简单、方便、实用。 缺点:易形成回调函数地狱。如果我们只有一个异步操作...原创 2019-11-19 09:44:56 · 392 阅读 · 0 评论 -
原型和原型链
未完待写原创 2019-11-07 23:14:38 · 101 阅读 · 0 评论 -
setTimeout、Promise、Async/Await的区别
setTimeout // 输出顺序:script start->script end->settimeout console.log("script start"); setTimeout(function(){ console.log("settimeout"); }) console.log("script end"); Promise Promise 本身是同步的立即执行函...原创 2019-11-02 16:23:00 · 463 阅读 · 0 评论 -
什么是防抖和节流?
防抖 触发高频率事件后n秒内函数只会执行一次,如果n秒内高频事件再次触发,则重新计算时间 function debounce(fn){ let timeout = null ; return function(){ clearTimeout(timeout); timeout = setTimeout (() =>{ fn.apply(this,arguments); ...原创 2019-11-02 14:27:21 · 109 阅读 · 0 评论 -
如何解决vuex页面刷新数据丢失问题?
1、问题描述: 一般在登录成功的时候需要把用户信息,菜单信息放置vuex中,作为全局的共享数据。但是在页面刷新的时候vuex里的数据会重新初始化,导致数据丢失。因为vuex里的数据是保存在运行内存中的,当页面刷新时,页面会重新加载vue实例,vuex里面的数据就会被重新赋值。 2、解决思路: 办法一:将vuex中的数据直接保存到浏览器缓存中(sessionStorage、localStorage、...原创 2019-11-01 15:35:13 · 2288 阅读 · 0 评论 -
前端常见题汇总
1.事件执行机制 执行一个宏任务; 遇到微任务,放到微任务列队; 宏任务执行完毕,执行微任务列队中的任务; 微任务执行完毕后,GUI 线程接管,开始渲染页面; 渲染完成后,JS线程继续接管,开启下一个宏任务。 setTimeout和Promise执行顺序 题目一 setTimeout(function() { console.log(1) }, 0); new Promise(function(...原创 2019-10-19 16:06:45 · 209 阅读 · 0 评论 -
webpack和package.json常用到总结
ES6 Moudule和 CommonJs区别 导出和引入的不一样 ES6 Moudule //导出 export default 模块名称 //引入 import 模块名称 from '文件路径' CommonJs //导出 module.export = 模块名称 //引入 const 模块名称 = require('文件路径') git命令行里的指令 //查看 webpack 是存在的...原创 2019-10-20 17:52:24 · 2828 阅读 · 0 评论