面试锦囊
文章平均质量分 86
LeaT07
当下圆满 随即高兴
展开
-
2024前端面试真题【手写篇】
用于将类数组对象或可迭代对象转换为一个新的数据。原创 2024-07-18 13:43:02 · 346 阅读 · 0 评论 -
2024前端面试真题【CSS篇】
无缩放情况下,1个css像素 = 1个设备独立像素;设备像素由屏幕生成之后确定,不变;PC中,1个设备独立像素 = 1个设备像素(未缩放情况下);移动端中,标准屏幕(160ppi)下,1个设备独立像素 = 1个设备像素;设备像素比(dpr) = 设备像素 / 设备独立像素;每英寸像素(ppi),值越大越清晰。原创 2024-07-09 23:27:59 · 856 阅读 · 0 评论 -
2024前端面试真题【Vue2 + Vue3篇】
注册指令的方式directive属性配置自定义指令的钩子函数:指定第一次绑定到元素时调用,用于初始化配置等;:被绑定元素插入到父节点时调用;:所在组件Vnode更新时调用,可能发生在其子Vnode更新之前:指令所在Vnode及其子Vnode全部更新后调用;:只调用一次,指令与元素解绑时el:绑定的元素;binding:对象,包含:name、value、argvnodeoldVnode示例:防止表单重复提交if(!原创 2024-07-10 22:56:43 · 1009 阅读 · 0 评论 -
2024前端面试真题【JS篇】
文本对象模型,是HTML和XML文档的编程接口。提供了对文档的结构化的表述,并定义可一种方式可以使从程序中对该结构进行访问,从而改变文档的结构、样式和内容。原创 2024-07-09 19:23:02 · 1704 阅读 · 0 评论 -
前端笔记整理(编程)
前端基础知识数组去重遍历循环 .indexOf()利用Set类型数组去重遍历循环 .indexOf()let arr = [1,'1',2,'2',1,2,'x','y','f','x','y','f'];function unique1(arr){ let result = [arr[0]]; for (let i = 1; i < arr.length; i++) { let item = arr[i]; if(result.indexOf(item) === -1){原创 2021-05-23 21:45:27 · 325 阅读 · 0 评论 -
前端笔记整理(Vue)
前端基础知识MVVM原理了解响应原理v-model双向绑定原理声明周期Vue 路由vue路由模式路由导航方式组件通信axios拦截器配置MVVMMVVM即Model-View-ViewModel,将其中的 View 的状态和行为抽象化,让我们可以将UI和业务逻辑分开。MVVM的优点是低耦合、可重用性、独立开发。原理了解响应原理Vue采用数据劫持结合发布者-订阅者模式的方式,通过Object.defineProperty劫持data属性的setter,getter,在数据变动时发布消息给订阅原创 2021-05-23 19:21:24 · 2691 阅读 · 20 评论 -
前端笔记整理(CSS)
前端基础知识CSS3新特性CSS盒模型BFC水平垂直居中CSS3新特性文字换行:word-wraptext-overflow、text-decoration、text-shadowgradient 渐变transition、transition-duration 过渡transform 拉伸、压缩、旋转灯变换animation 动画calc()transition和animation的区别:transition需要触发一个事件才能改变属性,而animation不需要触发任何事件的情况原创 2021-05-21 13:32:35 · 248 阅读 · 1 评论 -
前端笔记整理(JS)
前端基础知识数据类型JS数据类型类型判断手写instanceof类型转换this闭包new数据类型JS数据类型基本类型:number、string、null、symbol、boolean、undefined对象类型:Object(Array、RegExp、Math、Map等)、Function类型判断typeof :基本类型的数据中除了null,其它类型都可以通过typeof判断;对于对象类型来说,除function以外,其它类型判断的值均为object;instanceof :通过原创 2021-05-20 20:06:24 · 842 阅读 · 2 评论 -
前端开发面试题-问答(四)
1、变量提升定义:函数以及变量的声明被提升到函数的最顶部。即在js中,变量可以在使用后再声明。其中,函数声明式的提升,即将整个代码块提升到它所在的作用域的最开始执行。function test () { console.log(a); //undefined var a = 123; };test();只有声明的变量会提升,初始化的不会。2、let和var的区别ES6新增了let命令,用来声明局部变量。用法类似于vr,但是所声明的变量,只在let命令所在的代码块中有效原创 2021-05-17 18:12:06 · 327 阅读 · 2 评论 -
前端开发面试题-编程(一)
1、水平垂直居中实现已知宽高:/*(1)absolute+负margin*/div{ position:ablsolute; width:200px; height:200px; top:50%; left:50%; margin-left:-100px; margin-top:-100px; z-index:10;}/*(2)absolute+auto*/div{ margin: auto; position: absolute; width:200px;原创 2021-05-17 18:09:01 · 246 阅读 · 0 评论 -
前端开发面试题-问答(三)
1、ES6 Promise all 和race的区别与实现Promise是ES6语法标准里的新定义,一般用来处理异步方法的同步执行。Promise.all 是等所有异步方法返回结果后再执行操作,而Promise.race 是哪个方法先结束,就返回该方法的结果。function promiseAll(arr){ const result = []; return new Promise((resolve, reject) => { for(let i = 0; i原创 2021-05-14 15:16:12 · 147 阅读 · 0 评论 -
前端开发面试题-问答(二)
1、js实现防抖和节流函数的节流和防抖都是为了限制函数的执行频次,以优化函数触发频率过高导致的响应速度跟不上触发频率,出现延迟、假死或者卡顿现象防抖(将多次操作合并为一次操作进行):触发高频时间后n秒内函数只会执行一次,如果n秒内高频时间再次被触发,则重新计算时间;节流(使得一定时间内只触发一次函数):高频时间触发,但在n秒内只会执行一次,所以节流会稀释函数的执行频率;//防抖debounce代码:function debounce(fn,delay) { var timeout原创 2021-05-12 15:06:21 · 335 阅读 · 4 评论 -
前端开发面试题-问答(一)
1、谈谈你对前端性能优化的理解(减少页面加载方法)请求数量:合并脚本和样式表、css sprites、拆分初始化负载;请求宽带:精简JavaScript、移除重复脚本、图像优化;缓存理由:使用CDN、使用外部JavaScript和css、天价Expires头、皮遏制ETag,使Ajax可缓存;页面结构:将样式表放置顶部,将脚本放置底部,尽可能快速刷新文档的输出;代码校验:避免css表达式、避免重定向2、对盒模型的理解盒模型分为IE6盒模型以及W3C盒模型(标准盒模型)。页面文档的每个元原创 2021-05-10 20:51:11 · 281 阅读 · 0 评论