自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(537)
  • 收藏
  • 关注

原创 2024前端面试题

2024前端面试题!(附答案及解析)(2024.8月最新版)-CSDN博客

2024-09-06 13:58:44 105

原创 vue 的面试题

组建中的 data 写成一个函数,数据以函数返回值的形式定义,这样每次复用组件的时候,都会返回一份新的 data ,相当于每个组件实例都有自己私有的数据空间,它们只负责各自维护的数据,不会造成混乱。但在写的时候,还是会分开写(页面片段),然后在交互的时候由路由程序动态载入,单页面的页面跳转,仅刷新局部资源。当你修改了data 的值然后马上获取这个 dom 元素的值,是不能获取到更新后的值,你需要使用 $nextTick 这个回调,让修改后的 data 值渲染更新到 dom 元素之后在获取,才能成功。

2024-09-05 15:56:43 582

原创 平台用户一千万的情况有没有高并发产生?

在一个拥有一千万用户的平台上,即使并非所有用户都同时活跃,仍然可能在某些时段(如促销活动或热门事件)出现高并发情况。处理如此大规模用户的并发请求,需要强大的后端支持和高效的前端优化来确保平台稳定性和响应速度。:利用异步请求(如AJAX或Fetch API)减少页面阻塞,提升用户体验。:减少页面加载时间,使用懒加载、按需加载和压缩资源(如图片和脚本)。:使用浏览器缓存、CDN(内容分发网络)和服务端缓存来减少重复请求。:减少不必要的网络请求,合并请求和使用数据压缩。平台用户一千万的情况有没有高并发产生?

2024-09-04 12:23:59 169

原创 线上项目突然出现问题或白屏怎么调试?

‌:首先,需要确定页面是否真的处于白屏状态,而不是加载延迟或正常空白页面。例如,通过查看具有特定类名的关键节点是否已经渲染,如果关键节点的高度属性存在,则证明关键节点已经渲染,页面不是白屏。如果任何一个关键节点的高度为0,则判断为未渲染,页面可能是白屏状态‌1。‌:考虑是否是内存溢出或内存泄漏导致的问题。检查内存使用情况,如果存在内存溢出或泄漏,可能需要升级硬件配置或优化代码‌34。‌:检查代码中是否有错误,特别是与第三方API相关的部分。‌:查看浏览器的控制台日志,搜索是否有任何错误消息或警告。

2024-09-04 12:01:08 158

原创 em、rem的区别

可以避免继承链中的字体大小变化导致的问题,使得设计更加稳定和可预测。使用rem开发过程中我们会引入一个flexible文件,怎么引入?通常更受欢迎,因为它提供了更一致的布局和排版控制。实际开发中使用em多还是rem多?都用于设置相对长度,但有区别。相对的是当前元素的字体大小,而。会受到父元素字体大小的影响,而。是相对根元素(通常是。

2024-09-04 11:55:18 600

原创 重排、重绘、渲染

通常是先进行重绘(即修改或重新创建图像的基本结构),然后再进行渲染(即添加细节和颜色)。这样可以确保图像的基本形态和细节都得到充分处理。重绘和渲染那个先那个后?

2024-09-04 11:33:26 147

原创 浏览器输入url到渲染完成经历了那些内容

从浏览器输入 URL 到页面渲染完成的过程涉及多个步骤,每个步骤都涉及特定的网络和计算机科学技术。这个过程中的每个步骤都是复杂且优化的,以确保网页能够快速和高效地加载和渲染。浏览器输入url到渲染完成经历了那些内容。

2024-09-04 11:12:18 447

原创 css优先级

行内样式(1000)>ID选择器(100)>类选择器(10)>标签选择器(1)>通用选择器(0)

2024-09-04 10:52:47 326

原创 前端面试常问的状态码有哪些

502是什么503是什么?

2024-09-04 09:53:13 308

原创 现在一个vue3的页面,页面中有一个全国地图,地图上有每个省份当天的实时的新生儿人数,这个数是后端获取的且一直在实时变化,前端怎么实时更新这个数值?

现在一个vue3的页面,页面中有一个全国地图,地图上有每个省份当天的实时的新生儿人数,这个数是后端获取的且一直在实时变化,请问前端怎么实时更新这个数值?

2024-09-01 22:10:05 159

原创 当前一个项目vue3项目,页面请求接口展示数据后页面展示了请求会来的数据,但后端的数据不停的在改变,就像是当前排队,你的前面有xxxx人,这时候这个人数是一直改变的,请问怎么做

当前一个项目vue3项目,页面请求接口展示数据后,页面展示了请求会来的数据,但是后端的数据不停的在改变,就像是当前排队,你的前面有xxxx人,这时候这个人数是一直改变的,请问怎么做?要是我在vue3项目开发功能,不单独创建一个node.js的服务,请问怎样?要是不用websocket实现,我怎么实时获取前面还有多少人在排队这个数据?

2024-09-01 22:07:18 196

原创 websocket和轮询的区别?

问:websocket和轮询的区别?回答:WebSocket 和定时轮询(每隔几秒发送一次请求)是两种不同的实时通信方法,各有优缺点,适用于不同的场景。

2024-09-01 11:47:12 592

原创 css中的面试题

这两个 CSS 选择器的主要区别在于它们如何选择。

2024-09-01 00:14:38 64

原创 webSocket的自学案例

请展示一个简单的案例?

2024-08-29 23:04:09 238

原创 apply、call、bind使用相关的面试题

的基本理解、用法、应用场景以及实际问题解决能力。

2024-08-28 23:12:07 78

原创 单点登录方法实现

实现单单点登录:共享登录状态解决方案_不同网站共享登录状态-CSDN博客

2024-08-26 13:14:24 175

原创 grid-template-columns: 1.833333rem 1fr;

是一个灵活单位,表示第二列会占据网格容器剩余的空间,表示第一列的宽度是相对于根元素字体大小的固定宽度,第一列是固定宽度, 第二列是自适应剩余容器的宽度.

2024-08-19 15:08:23 335

原创 vertical-align: bottom;

我们在 "张三" 这个元素dt上, 加上了vertical-align: bottom;这个属性, 让这个在顶部的元素在最下面, 就解决了样式错乱的问题.这个弹框中, "张三" 文字在某些ios手机中会上升到顶部, 图片也会移动, 西方二维码也会向下移动, 请问什么原因?

2024-08-19 14:59:20 134

原创 加载的案例

加载中...下滑加载历史

2024-08-18 13:06:43 518

原创 使用循环在el-select下拉框中循环出-3至50

key要保持i, 而:label和:value 要写成 i-4, 否则显示正常, 但是点击会出现问题.使用循环在el-select下拉框中循环出-3至50。

2024-08-16 13:59:12 374

原创 用苹果机连接mac后怎么在电脑上调试苹果手机上页面的元素

为方便在H5开发过程中在真实手机调试 H5页面,可进行一下设置。

2024-08-15 11:54:01 307

原创 原生js: 准生产环境图片404但是线上环境是正常的

这是我的代码, 现在准生产环境进入后 图片是404, 但是线上环境正常, 当图片404的时候, img默认就没有空间占用, 宽度高度都是0, 这时候是没有任何图片的, 为了解决这个问题, 请问怎么办?这样当图片在某些环境404打不开的时候, 我们就可以展示默认图片.

2024-08-15 11:49:36 237

原创 现在css样式中, 有一个::after, 怎么清空?

现在有一个html代码文件, 引入了一个css样式文件, 这个文件我们无法修改, 现在有一个::after属性, 我希望删除这个::after属性, 新写一个::before属性, 怎么写?使用content: none;将之前的::after属性重置清空了.首先我们写一个::before属性,

2024-08-14 14:22:13 158

原创 ios和安卓手机监听电机输入框唤起键盘和收起键盘的回调

ios手机监听点击输入框唤起键盘和收起键盘的回调.

2024-08-14 13:43:39 85

原创 对于::after为元素的样式调整

【代码】对于::after为元素的样式调整。

2024-08-13 21:48:51 591

原创 关于ios手机safari浏览器的bug

181xxxx234

2024-08-13 21:24:19 1384

原创 原生js: 我希望实现进入界面显示进入界面的时间

我希望实现进入界面显示进入界面的时间。

2024-08-09 10:15:15 101

原创 原生js: 当接口返回带有标签的数据, 希望前端在页面回显的时候将代码执行, 如返回数据含有a标签, 我们需要将他在页面显示的时候转化成可以点击的状态, 怎么写?

当接口返回带有标签的数据, 希望前端在页面回显的时候将代码执行, 如返回数据含有a标签, 我们需要将他在页面显示的时候转化成可以点击的状态, 怎么写?这样就可以实现代码中的html执行了, 回显效果会直接就是可以点击的文字,我之前使用的是textContent,

2024-08-09 10:12:14 198

原创 原生js: 实现进入界面没有滚动条就不显示返回顶部图标, 当有滚动条后显示回到顶部图标, 点击图标回到顶部

实现进入界面没有滚动条就不显示返回顶部图标, 当有滚动条后显示回到顶部图标, 点击图标回到顶部。

2024-08-09 10:07:17 195

原创 input输入框的placeholder文字过大怎么修改

input输入框的placeholder文字过大怎么修改。

2024-08-09 10:04:27 122

原创 js判断当前是安卓还是ios

问:js判断当前是安卓还是ios回答:// 判断当前设备是安卓还是iOS function getDeviceType() { var userAgent = navigator.userAgent.toLowerCase(); if (userAgent.indexOf("android") != -1) { return "android"; } else if (/(i

2024-08-07 10:13:23 194

原创 js判断当前是移动端还是电脑端代码

js判断当前是移动端还是电脑端代码。

2024-08-07 10:12:47 168

原创 写一个获取cookie方法

【代码】写一个获取cookie方法。

2024-08-07 10:08:43 93

原创 jq: 找到一个元素然后替换成另一个, 更新链接的地址

通过find找到对应的元素, 使用replaceWith替换成新元素, 通过attr将a标签地址更新.找到一个元素然后替换成另一个, 更新链接的地址。

2024-08-07 10:03:14 117

原创 原生js: 将一个元素结构替换成其他的元素结构

问:

2024-08-07 09:45:20 112

原创 原生js: AI聊天功能, 仿照chatGPT问答功能

我们在创建eventSource = new EventSource之前先进入判断: 当前没有eventSource的情况采取创建连接,否则不创建连接.这样修改后触发一次handleKeyPress事件就创建一个eventSource连接.这里我们触发handleKeyPress事件后, eventSource = new EventSoutce会一直调用, 所以就一直创建新的连接,我们调用ai聊天接口, 触发一次事件, 会不停的调用这个接口, 请问为什么?

2024-08-06 16:22:58 205

原创 请求一个文档中的代码数据, 然后通过遍历渲染对应的数据在页面展示?

将文档中的helpInfoClass数据渲染到下面的li标签中, 将第一个常见问题改为 => 热门问题。

2024-08-06 15:24:22 220

原创 原生js: 实现三个水平tab按钮, 默认第一个上面有class, 点击另外的实现class=‘cur‘的切换的效果

【代码】原生js: 实现三个水平tab按钮, 默认第一个上面有class, 点击另外的实现class=‘cur‘的切换的效果。

2024-08-06 14:38:36 234

原创 const重新赋值的问题

在你的代码中,有一个潜在的问题涉及到。

2024-08-06 14:12:41 189

原创 使用fetch调用接口代码公用写法

现在有一个接口, 我希望你使用fetch调用这个接口, 有没有公用写法?

2024-08-06 14:04:53 300

setup asdfasfd

setup asdfasfd

2024-06-18

js扭蛋机基础代码有图片和代码

实现了点击的动画,如果后续有自己的想法可以更加完善,或根据项目需求进行变更,目前代码实现了基本的扭蛋机功能,可以直接放在项目中使用

2023-04-11

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除