![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
面试题汇总
饭啦啦
这个作者很懒,什么都没留下…
展开
-
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 · 113 阅读 · 0 评论 -
从输入URL到页面加载发生了什么?
具体来说分为以下几个过程:1.DNS解析2.TCP连接3.发送HTTP请求4.服务器处理请求并返回HTTP报文5.浏览器解析渲染页面6.连接结束注释:DNS 的作用就是通过域名查询到具体的 IPTCP 握手,应用层会下发数据给传输层TSL握手,数据在进入服务端之前,可能还会先经过负责负载均衡的服务器,它的作用就是将请求合理的分发到多台服务器上,这时假设服务端会响应一个 HTML...原创 2019-11-29 16:57:19 · 108 阅读 · 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 · 202 阅读 · 0 评论 -
闭包问题
发原创 2019-11-19 17:00:14 · 168 阅读 · 0 评论 -
React处理事件
在回调函数中使用箭头函数优势:很容易让人看懂。缺点:在每次render时候,都会产生一个匿名函数。如果此组件作为一个子组件,那么父组件render的时候,子组件也可能会重新渲染,消耗性能。class ToggleBtn extends React.component{ constructor(){ super(); this.state = { isToggleOn:tru...原创 2019-11-19 14:55:10 · 92 阅读 · 0 评论 -
JS如何处理异步
回调函数(callback)回调是一个函数被作为一个参数传递到另一个函数里,在那个函数执行完后再执行。function f1(callback){ setTimeout(function () { // f1的任务代码 callback(); }, 1000);}// 执行f1(f2)优点:简单、方便、实用。缺点:易形成回调函数地狱。如果我们只有一个异步操作...原创 2019-11-19 09:44:56 · 414 阅读 · 0 评论 -
原型和原型链
未完待写原创 2019-11-07 23:14:38 · 109 阅读 · 0 评论 -
setTimeout、Promise、Async/Await的区别
setTimeout// 输出顺序:script start->script end->settimeoutconsole.log("script start");setTimeout(function(){ console.log("settimeout");})console.log("script end");PromisePromise 本身是同步的立即执行函...原创 2019-11-02 16:23:00 · 488 阅读 · 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 · 128 阅读 · 0 评论 -
如何解决vuex页面刷新数据丢失问题?
1、问题描述:一般在登录成功的时候需要把用户信息,菜单信息放置vuex中,作为全局的共享数据。但是在页面刷新的时候vuex里的数据会重新初始化,导致数据丢失。因为vuex里的数据是保存在运行内存中的,当页面刷新时,页面会重新加载vue实例,vuex里面的数据就会被重新赋值。2、解决思路:办法一:将vuex中的数据直接保存到浏览器缓存中(sessionStorage、localStorage、...原创 2019-11-01 15:35:13 · 2316 阅读 · 0 评论 -
前端常见题汇总
1.事件执行机制执行一个宏任务;遇到微任务,放到微任务列队;宏任务执行完毕,执行微任务列队中的任务;微任务执行完毕后,GUI 线程接管,开始渲染页面;渲染完成后,JS线程继续接管,开启下一个宏任务。setTimeout和Promise执行顺序题目一setTimeout(function() { console.log(1)}, 0);new Promise(function(...原创 2019-10-19 16:06:45 · 221 阅读 · 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 · 2874 阅读 · 0 评论