![](https://img-blog.csdnimg.cn/b31635e8800a4a648c976dd293db985a.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端面试专栏
文章平均质量分 64
分享前端知识,打造技术护城河!
孤帆鸿影
做个优秀的人
展开
-
前端衡量性能指标、测算性能的工具、性能优化的方式有哪些?
前端性能指标,性能优化方式和统计工具简介原创 2024-04-19 15:33:04 · 327 阅读 · 0 评论 -
2024 前端高频面试题,刷到就是赚到
共分为三个阶段: 解析 parse, 优化 optimize, 生成 generate,最终生成可执行函数render。重绘是指元素样式的改变引起浏览器重新绘制元素,但不影响其在文档流的位置,例如改变颜色,背景等。重排是指元素的尺寸、位置等属性改变以前你浏览器重新计算元素的几何属性,导致其他元素重新排列。网页的重绘(Repaint)和重排(Reflow)是网页性能优化中重要的概念。原创 2024-04-18 19:59:41 · 1076 阅读 · 0 评论 -
CSS3:实现三栏布局的五种方法
在前端面试中,面试官出于对css基础的考察,通常会问一个三栏布局的问题,即:页面上有三个区域,如何实现左右宽500px,中间宽度自适应,通常我们会答出来一两种方法,但是其实有五种方法,如果都答出来,肯定是加分的,接下来我会一一介绍这五种方法。grid 布局是最简单的,根本不用进行额外的宽度设置,grid 意思是网格布局,是css3 推出的一种强大的栅格布局方案,之后我们会专门出一期来讲解grid的使用,敬请期待吧。不同于两栏布局可以左侧浮动,右侧空值,三栏需要中间实现自适应的话使用。原创 2023-12-01 10:23:35 · 121 阅读 · 1 评论 -
Nginx 配置详解
nginx配置多个虚拟机,反向代理配置,通俗易懂带你了解nginx 配置原创 2023-11-30 17:01:51 · 217 阅读 · 0 评论 -
前端面试题:如何使用数组的reduce方法实现数组的map的功能
callbackFn 为数组中每个元素执行的函数。其返回值将作为下一次调用 callbackFn 时的 accumulator 参数。对于最后一次调用,返回值将作为 reduce() 的返回值。accumulator 上一次调用 callbackFn 的返回的结果。在第一次调用时,如果指定了 initialValue 则为指定的值,否则为 array[0] 的值。currentValue 当前元素的值。原创 2023-11-30 11:29:28 · 155 阅读 · 0 评论 -
前端面试题:一千个请求如何实现依次发起
我们知道,无论使用何种方式调用请求,都是异步的,所以这里我们使用setTimeout 代替请求,请求的时间是不固定的,就使用随机数代替,一千个请求就考虑使用遍历来完成。消耗,真有一千个请求,前端肯定也不会依次请求,只要将各个请求出来的特征数据排序就可以执行对应的回调函数。实际业务中,一般不会使用一千个请求依次调用,如果需要一千个请求的数据,一般是要放在后端合并请求,减少。如果业务中有一千个请求,需要依次请求,如何使用js代码实现。这样实现是实现了,但是有没有不使用递归的方法,还真有。原创 2023-11-29 15:46:51 · 132 阅读 · 1 评论 -
百度地图的基础和自定义动画的实践
百度在线地图用于生成在线的地图,可以完成地图绘制、基本标记点,本文主要介绍百度地图API和百度gl模块的基本使用,无人机动画的介绍原创 2023-10-17 15:45:55 · 333 阅读 · 1 评论 -
记录一次vue组件发布的全过程
vue 组件发布组件介绍创建一个基于vue的树形连线组件首先 创建一个vue项目Vue create tree-connection开发目录基本上没有大的调整src里面放置我们的代码打包配置由于我们是做的组件,就不要用vue默认的cli打包了,我们需要自己配置entry 和 outputentry 没有什么好说的,前面是文件名后面是入口,output这里的libraryTraget 有 amd,cmd等选项,这里我们选umd通用配置,就是什么情况都能使用我们的组件entry: {原创 2022-03-14 23:49:18 · 168 阅读 · 0 评论 -
三分钟带你手写一个完整的Promise
三分钟带你手写一个完整的Promise实现一个基础Promise 是类,接受一个函数参数,然后内部有status 变量和then方法,status状态初始值为pending(等待),then方法的回调函数暂存于内存中,当参数函数的需要提前执行的异步操作执行完之后,执行成功会resolve(value),status变为fulfilled,statu执行失败则会有reject(err),status变为rejected由以上分析,可以撸出代码:class MyPromise { construct原创 2021-10-26 23:32:25 · 95 阅读 · 0 评论