上一页 1 2 3 4 5 6 7 ··· 15 下一页
摘要: 要判断图片是否进入了可视区域,可以使用 滚动监听 或者更常用的 IntersectionObserver API,后者是一种更加高效且现代的方式。IntersectionObserver 能够监听一个元素是否与视口(可视区域)相交,而不需要手动监听滚动事件。 使用 IntersectionObser 阅读全文
posted @ 2025-02-17 14:09 脆皮鸡 阅读(109) 评论(0) 推荐(0)
摘要: 懒加载(Lazy Loading)是一种优化技术,可以延迟加载页面上的资源,直到用户需要它们时才加载。这样可以提高页面加载速度,提升用户体验。 在前端开发中,常见的懒加载方法包括以下几种: 1. 图片懒加载 图片是前端应用中最常见的资源之一,懒加载技术可以在图片进入可视区域时才加载。常见的实现方式有 阅读全文
posted @ 2025-02-17 14:03 脆皮鸡 阅读(187) 评论(0) 推荐(0)
摘要: 以下是 Nginx 和 Git 的常见面试问题扩充,以及简短的回答建议: Nginx 相关问题扩充 Nginx 的工作原理是什么? 回答: Nginx 采用事件驱动的异步架构,使用多 worker 进程处理请求,适合高并发场景。 如何配置 HTTPS? 回答: 使用 ssl_certificate 阅读全文
posted @ 2025-02-17 13:56 脆皮鸡 阅读(67) 评论(0) 推荐(0)
摘要: 在面试中,关于 Webpack 和 Vite 的底层原理和优化策略,面试官通常会从以下几个方面提问。以下是一些常见问题及回答思路: 1. Webpack 和 Vite 的核心区别是什么? Webpack:基于打包的思想,将所有模块打包成一个或多个 bundle 文件。它通过 loader 处理各种资 阅读全文
posted @ 2025-02-17 11:45 脆皮鸡 阅读(844) 评论(0) 推荐(0)
摘要: Suspense 是 Vue 3 中引入的一个内置组件,主要用于处理异步组件的加载状态。它允许你在等待异步组件加载时显示一个备用内容(如加载指示器),从而提升用户体验。 主要用途 Suspense 的主要用途是处理以下场景: 异步组件加载:当组件需要异步加载时(例如通过 defineAsyncCom 阅读全文
posted @ 2025-02-17 10:56 脆皮鸡 阅读(312) 评论(0) 推荐(0)
摘要: Vue 2 和 Vue 3 的响应式原理在核心思想上是相似的,都是通过数据劫持和依赖收集来实现数据的响应式更新。然而,Vue 3 在实现细节和性能上做了很多优化和改进。以下是它们的主要区别: 1. 响应式系统的实现方式 Vue 2:使用 Object.defineProperty 来实现数据的响应式 阅读全文
posted @ 2025-02-17 10:53 脆皮鸡 阅读(285) 评论(0) 推荐(0)
摘要: 背景 由于业务需求,需要进行拍照上传,百度了一遍组件都不太合适。自己结合已有案例封装了一下,可以把这个组件嵌套到el-dialog里面就可以使用。 实现功能 实时加载预览画面 点击拍照截取照片 不满意可以重拍,不会中断之前的视频流 加载当前设备的所有摄像头,可以进行选择切换 依赖 ElementPl 阅读全文
posted @ 2024-10-23 11:59 脆皮鸡 阅读(806) 评论(0) 推荐(0)
摘要: 背景 由于需要使用摄像头拍照,需要将原来的http升级到https,通过一顿捣鼓,升级成功。 不过页面加载出现了问题,具体的提示是说:你的页面是在https环境,但是你访问了一个资源(我这里是iframe,也可能是stylesheet等其他资源),而这个资源是在http环境下的,浏览器不给你这样玩。 阅读全文
posted @ 2024-10-11 10:47 脆皮鸡 阅读(3343) 评论(0) 推荐(0)
摘要: 背景 由于业务,需要做一个循环切换的轮播图效果,循环展示列表中的每个item,但是由于切换(从左往右移动,遇到末尾则跳到开头)的过程中可能会删掉当前元素,所以需要更新下标后再切换。由于涉及到几个临界条件,这里列出来处理方式,以便后续参考。 情况分析 一共有两大类:保留(不删除当前元素,直接更新指针) 阅读全文
posted @ 2024-09-29 10:36 脆皮鸡 阅读(256) 评论(0) 推荐(0)
摘要: 背景 项目使用到Vite5.3.1+Sass,然后突然某天启动项目,控制台出现了这一行报错,百度找了一遍没找到解决方案。 最后去StackOverflow找了一下,解决了。 解决办法 在 vite.config.js 中添加这一配置即可。 import { defineConfig } from " 阅读全文
posted @ 2024-09-19 10:19 脆皮鸡 阅读(22442) 评论(2) 推荐(0)
上一页 1 2 3 4 5 6 7 ··· 15 下一页