每日一面
一染星辰
不求甚解,唯有敬亭山!!!加油!
展开
-
面试官:请求拦截做过哪些事?
Axios 拦截分为请求拦截和响应拦截。请求拦截就是在你请求的时候会进行触发!只要是你发送一个 axios 请求就会触发!所以我们主要用它做我们的loading 加载和数据的权限验证,包括我们所有的数据预加载也可以实现。 响应拦截主要是我们在 loading 加载,和做所有数据加载需要整体的结束,这个时候的结束就需要在数据马上发给前端的时候进行隐藏和结束,包括我们的请求头的设置,后端数据已经发送过来的时候,我们为了确保请求头的传递就必须在看看header 里面是否有你需要的请求,如果有的话,..原创 2022-04-12 21:21:45 · 585 阅读 · 0 评论 -
什么是原型,什么是原型链
每个原型对象中都有 prototype 属性,指向一个对象,这个对象就叫做原型或者原 型对象每个对象都有__proto__,指向构造函数的原型对象,层层递进到 null 为止原创 2022-04-12 20:15:37 · 485 阅读 · 0 评论 -
面试官常问 webpack 面试题
目录第一题:谈谈你对webpack的理解?第二题:说说webpack与grunt、gulp的不同?第三题:什么是bundle,什么是chunk,什么是module?bundle:第四题:什么是Loader?什么是Plugin?第五题:有哪些常见的Loader?他们是解决什么问题的?第一题:谈谈你对webpack的理解?webpack是一个打包模块化js的工具,在webpack里一切文件皆模块,通过loader转换文件,通过plugin注入钩子,最后输出由多个模块组合成的文原创 2022-04-06 10:27:18 · 14645 阅读 · 0 评论 -
jsonp的实现原理是什么
目录1、概述2、实现流程3、jsonp简单实现4、可靠的jsonp实现1、概述jsonp是一种跨域通信的手段,它的原理其实很简单: 首先是利用script标签的src属性来实现跨域。 通过将前端方法作为参数传递到服务器端,然后由服务器端注入参数之后再返回,实现服务器端向客户端通信。 由于使用script标签的src属性,因此只支持get方法 2、实现流程1)、设定一个script标签<script src="http:/.原创 2022-04-05 22:51:19 · 480 阅读 · 0 评论 -
vue 项目中 使用rem布局
目录1 安装postcss-px2rem及px2rem-loader2在根目录src中新建util目录下新建rem.js等比适配文件3在main.js中引入适配文件4到vue.config.js中配置插件1 安装postcss-px2rem及px2rem-loadernpm install postcss-px2rem px2rem-loader --save2在根目录src中新建util目录下新建rem.js等比适配文件// rem等比适配配置文件// 基准大原创 2022-04-05 22:26:21 · 5191 阅读 · 2 评论 -
前段js 经典面试题(20220405)
目录判断 js 类型的方式ES5 和 ES6 分别几种方式声明变量闭包的概念?优缺点?浅拷贝和深拷贝数组去重的方法DOM 事件有哪些阶段?谈谈对事件代理的理解js 执行机制、事件循环介绍下 promise.allasync 和 awaitES6 的 class 和构造函数的区别transform、translate、transition 分别是什么属性?CSS 中常用的实现动画方式介绍一下rAF(requestAnimationFrame)javasc原创 2022-04-05 22:14:59 · 169 阅读 · 0 评论 -
webpack (常问高薪面试题11道)(20220401)
1、什么是 webpack(必会) 1、基本定义 wbpack 是一个打包模块化 javascript 的工具,在 webpack 里一切文件皆模块,通过 loader 转换文件,通过 plugin 注入钩子,最后输出由多个模块组合成的文件,webpack 专注构 建模块化项目,webpack 可以看做是模块打包机:它做的事情是,分析你的项目结构,找到 JavaScript 模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript 等),并将 其打包为合适的格式原创 2022-04-01 12:07:23 · 7397 阅读 · 0 评论 -
vue的两个核心点分别是什么?
vue的两个核心点分别是数据驱动和组件系统。1.数据驱动,即是ViewModel,是指视图是由数据驱动生成的,我们对视图的修改,不会直接操作DOM,而是通过修改数据,保证了数据和视图的一致性。2.组件系统,组件的出现就是为了解决页面布局等等一系列问题,而vue中的组件分为两种,全局组件和局部组件,它提供了强大的页面布局功能。...原创 2022-03-30 21:28:19 · 3067 阅读 · 0 评论 -
== 和===有什么不同 (js 面试题高频)
目录== 和===有什么不同?== : 比较的值=== : 除了比较值,还比较类型,== 和===有什么不同?== : 比较的值 string == number || boolean || number ....都会隐式转换 通过valueOf 转换(valueOf()方法通常由JavaScript在后台自动调用)=== : 除了比较值,还比较类型,...原创 2022-03-29 21:23:54 · 512 阅读 · 0 评论 -
null和undefiend 的区别(js 高频面试)
null和undefiend 的区别:1,作者在设计js 都是先是设计的null(为什么设计了null: 最初的时候借鉴了Java 语言)2.null 会被隐式转换成0,很不容易发现错误3. 先有null ,后有undefined, 出来undefined 是为了填补之前的坑。具体区别:javascript的最初的版本是这莫区分的: null是一个表示“无”的对象(空对象指针),转换为数值为0; undefinend值,转换为数值为NaN...原创 2022-03-29 21:20:56 · 1298 阅读 · 0 评论 -
new 操作符具体都做了什么?(js高频面试题)
1.创建了一个空的对象2.将空对象的原型,指向构造函数的原型;3将空对象作为构造函数的上下文(改变this 指向)4.对构造函数有返回值的处理判断原创 2022-03-29 19:39:25 · 456 阅读 · 0 评论 -
延迟加载js 有哪些方式?
延迟加载js 有哪些方式?async、 defer、例如:<script defer type="text/javascript" src='script.js'></script> defer: 等html 全部解析完成,才会执行js 代码,顺次执行js脚本; async: async和html解析同步的(一起的),不是顺次执行js脚本(谁先加载完谁先执行)。...原创 2022-03-29 19:37:26 · 908 阅读 · 0 评论 -
amd和cmd 的规范区别(简洁)
Amd 是提前执行依赖,cmd 按需执行依赖,懒执行 ;原创 2022-03-29 19:32:31 · 556 阅读 · 0 评论 -
AMD(异步执行)和CMD (同步执行)之间的区别是什么?
1、 为什么要使用模块化? 模块化的作用有以下这些:可以解决命名冲突 管理依赖 提高代码的可读性 代码解耦,提高代码的复用性AMD(异步执行) 是 RequireJS 在推广过程中对模块定义的规范化产出。CMD (同步执行)是 SeaJS 在推广过程中对模块定义的规范化产出。这些规范的目的都是为了 JavaScript 的模块化开发,特别是在浏览器端的。目前这些规范的实现都能达成浏览器端模块化开发的目的。浏览器不兼容CommonJS(http://wiki.commonjs.原创 2022-03-29 19:12:17 · 1071 阅读 · 0 评论 -
new 操作符具体都做了什么?(js高频面试题)
new 操作符具体都做了什么?(高频) 1.创建了一个空的对象2.将空对象的原型,指向构造函数的原型;3将空对象作为构造函数的上下文(改变this 指向)4.对构造函数有返回值的处理判断...原创 2022-03-29 17:18:07 · 427 阅读 · 0 评论 -
面试题:vue 路由模式
目录面试题:vue 路由模式路由模式有两种:区别: 1.表现形态不同2.跳转请求3.打包后前端自测要使用hash,如果使用history会出现空白页面试题:vue 路由模式路由模式有两种:history 、 hash区别: 1.表现形态不同 hash 模式带井号: http://123.57.109.30:4005/dist/#/layout/homehistory模式:http://123.57.109.30:4005/dist/...原创 2022-03-28 19:19:02 · 834 阅读 · 0 评论 -
v-if 和v-show 的区别
v-if 和v-show 的区别1.展示的形式不同 v-if是创建一个dom 节点, v-show 是display:none 、block 2.使用场景不同初次加载v-if 要比 v-show 好,页面不会做加载盒子 频繁切换 v-show要比v-if 好,创建和删除的开销太大了,显示和隐藏开销较小...原创 2022-03-28 17:46:28 · 126 阅读 · 0 评论 -
props 和data、 methods、computed、watch 的优先级
props 和data、 methods、computed、watch 的优先级原创 2022-03-28 17:29:31 · 1313 阅读 · 0 评论 -
scoped 原理
scoped 原理:1.作用:让样式在本组件中生效,不影响其他组件。2.原理:给节点新增自定义属性,然后css根据属性选择器添加样式原创 2022-03-28 17:20:40 · 655 阅读 · 0 评论 -
谈谈你对keep-alive 的了解
1. 是什么?vue 系统自带的一个组件,功能: 是用来缓存组件的。====》提升性能2.使用场景 :就是用来缓存组件,提升项目的性能。 具体实现比如:首页进入详情页,如果用户在首页每次点击都是相同的,那么详情页就没必要请求N次了,直接缓存就可以了,当然如果点击的不是同一个,那么就直接请求就可以了...原创 2022-03-28 17:02:38 · 364 阅读 · 0 评论 -
谈一下MVVM 框架
web1.0时代 文件全在一起,也就是前端和后端的代码会在一起 问题: 1. 前端和后端一个人开发,(技术没有侧重点或者责任不够细分) 2.项目不好维护3. html、css、 js 页面的静态内容没有,后端是没法工作的(没办法套数据)mvc.....都是后端先出的web2.0 时代ajax 出现了,就可以:前端和后端数据分离了 解决问题: 后端不用等前端页面弄完没,后端做后端的事情(写接口),前端...原创 2022-03-28 16:39:22 · 881 阅读 · 0 评论 -
头部导航fixed 可以让头部div 带固定定位样式
-- 头部导航fixed 可以让头部div 带固定定位样式(原理:给组件内props传入true/false)(影响到组件内的动态样式 :class)原创 2022-03-27 23:07:24 · 248 阅读 · 0 评论 -
路由跳转的两种方法
this.$router.push() 压栈(会产生历史记录,可以回退)this.$router.replace()替换(不会产生历史记录,不可以回退)原创 2022-03-27 08:24:30 · 427 阅读 · 0 评论 -
__dirname在项目当中是干什么的
__dirname(两个下划线) 它是node 环境下的全局内置变量当前文件所在文件夹的绝对路径__dirname值 (自己电脑上的):C:\Windows\System32\cmd.exe// hack: `true; @import "${path.join(__dirname + "/src/styles/cover.less" )}";`,...原创 2022-03-26 19:26:15 · 1177 阅读 · 0 评论 -
git 有两个作用
git 有两个作用:版本管理代码管理和多人协作git init 初始化本地仓库原创 2022-03-24 19:45:25 · 304 阅读 · 0 评论 -
浅析session 和cookie ,登录超时原理
1.cookie 保存在客户端, session保存到服务器端,通过两个提供的信息,服务器端进行相关操作来判断登录是否会超时;2.cookie (目的可以跟踪会话), 也是保存一些用户想要保存的东西(例如 登录时,是否勾选保存账户密码)。session 是用来跟踪会话;打开浏览器第一次请求的时候,服务器会自动为其创建一个session ,并赋予一个sessionID, 发送客户端的浏览器。之后客户端接着请求应用中其他资源的时候,会自动在请求头上添加:Cookie:JSESSIONID sess原创 2022-03-23 19:16:34 · 1294 阅读 · 0 评论 -
前端 html,css 经典面试题 16道 (20220322)
1.html5有哪些新特性、移除了哪些元素?如何处理HTML5新标签的浏览器兼容问题?如何区分 HTML 和 HTML5?HTML5是构建web内容的一种语言描述方式,在08年正式发布,12年已形成了稳定的版本。H5新特性有:语义标签、增强型表单、Canvas绘图、地理定位、SVG绘图、拖放API、WebWorker、WebStorage、WebSocket移除了:1、显现层元素:basefont 、big、center、font、s、strike、tt、u2、性能较差元素:fr...原创 2022-03-22 21:28:24 · 3989 阅读 · 0 评论 -
前端vue经典面试题78道(重点详细简洁)
1.自我介绍2分钟,200-300个字,主旨自己基本情况,工作经历,优点,兴趣爱好,职业规划,邀约2.vue面试题1.v-show和v-if区别的区别:v-show通过css display控制显示和隐藏,v-if组件真正的渲染和销毁,而不是显示和隐藏,频繁切换状态使用v-show 否则v-if2.为何v-for要用key快速查找到节点,减少渲染次数,提升渲染性能3.描述vue组件声明周期mm单组件声明周期图挂载: beforeCreate => created =原创 2022-03-21 23:06:18 · 72810 阅读 · 17 评论 -
将object的tostring()方法分别应用于null和undefined,得到的结果是什么?
原创 2022-03-20 09:19:09 · 396 阅读 · 0 评论 -
控制台输出优先级
下边控制台依次输出的是什么?原创 2022-03-20 08:28:15 · 324 阅读 · 0 评论 -
两种方式为button元素注册点击事件,this指向
两种方式 ;第一种指向button,第二种 指向window原创 2022-03-20 08:18:18 · 424 阅读 · 0 评论 -
3.. toFixed(2)得到的结果为?
今天左思右想还是没答出来,后来才晓得是3.00原创 2022-03-20 08:00:17 · 440 阅读 · 0 评论 -
为什么vue要加module.exports = { lintOnSave: false }
在vue中经常加入一个vue.config.js的配置文件,上面写有module.exports= { lintOnSave: false }原创 2022-03-19 10:45:34 · 1182 阅读 · 1 评论 -
js 面试题 aa-bb-cc-dd ---> aaBbCcDd (转驼峰命名法)
目标: 如何把aa-bb-cc-dd 转化为驼峰aaBbCcDd的方式?个人思路: 首先,先把数组转化为字符串,然后再使用字符串的大小写方法去转驼峰原创 2022-03-18 20:19:08 · 444 阅读 · 0 评论 -
js 千分位格式化 (4种方式实现)
目录目标:如何实现千分位格式化?(你有几种方式实现)方法一字符串的方式实现functiontoThousands(num) {varresult ='', counter = 0;num = (num || 0).toString();for(vari = num.length - 1; i >= 0; i--) {counter++;result = num.charAt(i) + result;原创 2022-03-18 20:07:33 · 6155 阅读 · 1 评论 -
js 浅拷贝和深拷贝(详细面试+代码)(20220318)
模拟:1.面试题:哪些是浅拷贝 哪些是深拷贝?得到的是深拷贝还是浅拷贝?Object.assign() 得到的是深拷贝还是浅拷贝?说一下如何得到深拷贝的对象 如何进行深拷贝?2. 浅拷贝的实现方式有哪几种?(3种) 第一种 赋值变量,仅仅拷贝了栈内存地址第二种 ES6 语法 ...拓展运算符第三种 ES6 利用object.assign()的方式对对象进行合并3.实现深拷贝的方式有哪几种?(2种)1.用 JSON.stringify()原创 2022-03-18 19:54:21 · 852 阅读 · 0 评论 -
js 宏任务和微任务
1.宏任务和微任务的概念是什么 ?宏任务:是指消息队列中的等待被主线程执行的事件,宏任务执行时都会重新创建栈,然后调用宏任务中的函数,栈也会随着变化,但宏任务执行结束时,栈也会随之销毁。包括整体代码script,setTimeout,setInterval new Promise*微任务:可以把微任务看成是一个需要异步执行的函数,执行时机是在主函数执行结束之后、当前宏任务结束之前Promise.then,process.nextTick(node中)*。微任务是基于消息队列、事件循环、UI原创 2022-03-18 19:32:07 · 4047 阅读 · 0 评论 -
浏览器可以存储多少条cookie?
浏览器可以存储多少条cookie?一、浏览器允许每个域名所包含的 cookie 数:Firefox 每个域名 cookie 限制为 50 个。 Opera 每个域名 cookie 限制为 30 个。 二、当很多的 cookie 被设置,浏览器如何去响应。除 Safari(可以设置全部cookie,不管数量多少),有两个方法:最少最近使用(least recently used (LRU))的方法:当 Cookie 已达到限额,自动踢除最老的 Cookie ,以使给最新的 Cook原创 2022-03-16 20:07:56 · 2249 阅读 · 0 评论 -
前端 div 水平垂直居中的四种方式
div 水平垂直居中的四种方式, flex 布局,未知宽高的,还有知道宽高的等等原创 2022-03-16 11:07:54 · 861 阅读 · 0 评论 -
for 和 forEach 之间的区别是什么?
for 和 forEach 之间的区别是什么?1.for 可以循环可以使用break 跳出循环, 而forEach 不行;2.for 循环可以控制循环起点(i初始化的数字决定循环的起点) forEach默认索引只能从0开始3.for 循环过程中 支持修改索引(修改i) ,但是forEach 做不到(底层控制index自增,我们无法左右它)原创 2022-03-15 17:44:37 · 7668 阅读 · 0 评论