- 博客(17)
- 收藏
- 关注
RSS订阅原创 前端面试题 | cookie、session和localStorage以及sessionStorage之间的区别？
一、cookie和session区别？cookie：内容包括名字、值、过期时间、路径和域。路径和域构成cookie的作用范围。如果不设置时间，cookie的声明期为浏览器会话期间，关闭浏览器，cookie消失，成为回话cookie.回话cookie一般不存储在硬盘二是保存在内存中，如果设置过期时间，那么cookie存储在硬盘中。 session：当程序需要为某个客户端的请求创建一个session的时候，服务器首先检查客户端的请求是否包含一个session标识（session ID）如果已包含则说明之前
2022-03-29 11:44:38
682
原创 字节春招前端一面面试总结~
一、首先进行自我介绍二、聊了很多关于实习的时候项目的问题，由于实习的业务和字节的业务很像，所以聊了将近20分钟。三、vuex是如何传值的？四、除了vuex传值，还有哪些传值方式，都是怎么传值的？五、vue如何实现的单页面路由？六、权限路由是如何配置的，具体讲一下七、线上环境和测试环境是如何分离的的，前端如何写入的？八、vue2和vue3的区别是什么？九、编程题（找出数组中第二大的数）晚上接到一面挂了的消息。。。。可能准备的还是不够充分；继续努力吧~~...
2022-03-22 15:57:09
1136
1
原创 前端面试题 | VUEX是如何传值的？
一、首先安装vuex,使用vuex1.安装vuex依赖包 （npm install vuex --save）2.新建store文件夹，创建js文件夹，引入vue实例和vuex,创建store对象，导出store3.将store对象挂在到vue实例中二、Vue的核心概念 state vuex中的数据源，我们需要保存的数据就保存在这 获取state中数据的方法： （一）this.$store.state （二）在组件中引入mapState import {mapSta
2022-03-22 15:49:43
1741
原创 前端面试题 | VUE组件传值，VUEX怎样传值的？
一、父子组件传值父子组件传值使用props向子组件传递数据子组件直接使用props接收父组件传递过来的值，接收过来的 值可以直接使用<template> <div id='logo'>{{logo}}</div></template><script>export default{props:['logo'] name:"headerdiv" data(){ return{
2022-03-22 15:10:54
2174
原创 前端面试题 | 为什么有些数组的变更不能被VUE检测到？
一、什么样的数组变更不能被检测到呢?通过索引修改数组的值 通过修改长度改变数组 调用Array.prototype上的方法二、那么要改变数组的方法就可以使用什么呢？只有使用vue文档中列出来的数组方法，才能实现数组的改变，包括push(） pop() shift() unshift() splice() reverse() sort()这些方法都可改变原数组，并且能够被检测到，这7个方法是vue包装之后方法三、 为什么要重写数组的方法呢？vue的响应式是通过Obje.
2022-03-14 15:56:01
1236
原创 前端面试题 | vue中$nextTick和使用场景和原理是什么？
用途：在视图更新之后，基于新的视图进行操作使用nextTick中的回调函数，在下一次更新DOM更新循环结束之后执行回调为什么使用$nextTick?DOM更新是异步操作，在数据更新完成之后，DOM不会立即更新，而是等同一事件循环中的所有数据变化完成之后，在统一进行视图更新。所以使用$nextTick可以使同步任务在DOM更新完成之后去执行。例如：获取设置输入框由隐藏变为显示，再去获取这个DOM元素就需要使用$nextTick 在 created 和 mounted 阶段，如果需要操
2022-03-14 14:47:23
1804
原创 前端面试题 | call apply bind的用法和区别是什么？
call,apply,bind的共同点都会改变this的指向一、call、apply、bind方法的来源call、apply、bind这三个方法都是继承Function.prototype中的console.log(Function.prototype.hasOwnProperty('call')) //trueconsole.log(Function.prototype.hasOwnProperty('apply')) //trueconsole.log(Func...
2022-03-14 11:13:17
390
原创 前端面试题 | JS的数据类型有哪些？判断数据类型的方法又有什么呢？
一、JS数据类型包含基本数据类型和复杂数据类型（1）基本数据类型String Number Boolean undefined Null
2022-03-13 23:28:14
874
原创 前端面试题 | 标准盒模型和IE盒模型的区别？
两者的区别在于content的不同，IE盒模型的content包含border，paddingW3C盒子模型（又称之为标准盒模型）的范围包括margin、border、padding、content，并且content的不备份不包含其他部分。标准盒模型IE盒模型W3C的盒模型方式被称为“content-box”，IE的被称为“border-box”，使用box-sizing: border-box;就是为了在设置有padding值和border值的时候不把宽度撑开。...
2022-03-13 15:31:11
1725
原创 前端面试题 | 什么是回流和重绘？它们的区别是什么？
在了解回流和重绘之前我们可以先简单了解一下浏览器的渲染过程~1. 解析获取到的HTML，生成DOM树，解析CSS，生成CSSOM树2. 将DOM树和CSSOM树进行结合，生成渲染树（render tree） 3.根据生成的渲染树，进行回流（Layout）,得到节点的几何信息（位置，大小） 4.重绘（Painting）：根据渲染树以及回流得到的几何信息，得到节点的绝对像素（像素，背景色，外观等）5.Displa...
2022-03-13 00:11:35
9816
4
原创 前端面试题 | 你对JS Event Loop 事件循环机制怎么理解？
JS是一门单线程的语言，它的异步和多线程操作是通过Event Loop事件循环机制来实现的。Event Loop 大体由三部分组成：调用栈（call stack），消息队列（Message Queue），微任务队列（Microtask task）Event Loop开始时，会从全局栈开始执行，遇到函数调用，会把它压入调用栈中，被压入的函数叫做帧（Frame）,当函数返回后，会从调用栈中弹出...
2022-03-09 18:45:04
783
原创 前端面试题：JS中filter()、reduce()、map()使用方法和区别~
filter()方法创建一个新数组，新数组中的元素是通过过滤筛选指定数组中符合条件的所有元素 filter不会对空数组进行过滤 filter不会改变原数组 用法 var arr = [ {name:"张三",age:14}, {name:"李四",age:19}, {name:"王五",age:20},]let _arr = arr.filter(function(_a){ //这个参数代表数组中的参数 return _a.age>18})
2022-03-02 23:00:35
1083
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人