脆皮鸡 - 博客园

2025年2月18日

摘要：传统的 iframe 是一种常用的嵌入网页的技术，但在现代前端开发中，尤其是在微前端架构中，它存在一些显著的问题和局限性。以下是传统 iframe 的主要问题： 1. 性能问题加载性能差：每个 iframe 都需要重新加载 HTML、CSS、JS 等资源，无法复用主应用的资源，导致页面加载速度变慢阅读全文

posted @ 2025-02-18 10:51 脆皮鸡阅读(229) 评论(0) 推荐(0)

前端微前端框架qiankun和wujie的对比

摘要：以下是 qiankun 和 wujie 作为主流微前端框架的对比分析，从技术架构、核心能力、适用场景等多个维度展开：一、技术架构对比 qiankun 基础框架：基于 single-spa 扩展，采用 HTML Entry 方式加载子应用，需通过路由匹配激活子应用。沙箱机制： JS 沙箱：提供快照阅读全文

posted @ 2025-02-18 10:23 脆皮鸡阅读(1943) 评论(0) 推荐(0)

2025年2月17日

如何判断图片进入视口（图片懒加载原理）

摘要：要判断图片是否进入了可视区域，可以使用滚动监听或者更常用的 IntersectionObserver API，后者是一种更加高效且现代的方式。IntersectionObserver 能够监听一个元素是否与视口（可视区域）相交，而不需要手动监听滚动事件。使用 IntersectionObser 阅读全文

posted @ 2025-02-17 14:09 脆皮鸡阅读(127) 评论(0) 推荐(0)

前端懒加载有哪些？

摘要：懒加载（Lazy Loading）是一种优化技术，可以延迟加载页面上的资源，直到用户需要它们时才加载。这样可以提高页面加载速度，提升用户体验。在前端开发中，常见的懒加载方法包括以下几种： 1. 图片懒加载图片是前端应用中最常见的资源之一，懒加载技术可以在图片进入可视区域时才加载。常见的实现方式有阅读全文

posted @ 2025-02-17 14:03 脆皮鸡阅读(213) 评论(0) 推荐(0)

Nginx&Git常见面试题

摘要：以下是 Nginx 和 Git 的常见面试问题扩充，以及简短的回答建议： Nginx 相关问题扩充 Nginx 的工作原理是什么？回答： Nginx 采用事件驱动的异步架构，使用多 worker 进程处理请求，适合高并发场景。如何配置 HTTPS？回答：使用 ssl_certificate 阅读全文

posted @ 2025-02-17 13:56 脆皮鸡阅读(82) 评论(0) 推荐(0)

Webpack 与 Vite 构建工具，了解其底层原理和优化策略面试会怎么问，要怎么答

摘要：在面试中，关于 Webpack 和 Vite 的底层原理和优化策略，面试官通常会从以下几个方面提问。以下是一些常见问题及回答思路： 1. Webpack 和 Vite 的核心区别是什么？ Webpack：基于打包的思想，将所有模块打包成一个或多个 bundle 文件。它通过 loader 处理各种资阅读全文

posted @ 2025-02-17 11:45 脆皮鸡阅读(920) 评论(0) 推荐(0)

Vue3 Suspense是干嘛的

摘要： Suspense 是 Vue 3 中引入的一个内置组件，主要用于处理异步组件的加载状态。它允许你在等待异步组件加载时显示一个备用内容（如加载指示器），从而提升用户体验。主要用途 Suspense 的主要用途是处理以下场景：异步组件加载：当组件需要异步加载时（例如通过 defineAsyncCom 阅读全文

posted @ 2025-02-17 10:56 脆皮鸡阅读(345) 评论(0) 推荐(0)

Vue 响应式原理、2和3的区别

摘要： Vue 2 和 Vue 3 的响应式原理在核心思想上是相似的，都是通过数据劫持和依赖收集来实现数据的响应式更新。然而，Vue 3 在实现细节和性能上做了很多优化和改进。以下是它们的主要区别： 1. 响应式系统的实现方式 Vue 2：使用 Object.defineProperty 来实现数据的响应式阅读全文

posted @ 2025-02-17 10:53 脆皮鸡阅读(313) 评论(0) 推荐(0)

2024年10月23日

Vue拍照上传组件（重拍、切换已有摄像头）

摘要：背景由于业务需求，需要进行拍照上传，百度了一遍组件都不太合适。自己结合已有案例封装了一下，可以把这个组件嵌套到el-dialog里面就可以使用。实现功能实时加载预览画面点击拍照截取照片不满意可以重拍，不会中断之前的视频流加载当前设备的所有摄像头，可以进行选择切换依赖 ElementPl 阅读全文

posted @ 2024-10-23 11:59 脆皮鸡阅读(878) 评论(0) 推荐(0)

2024年10月11日

修复HTTPS升级后出现 Mixed Content: The page at 'https://xxx' was loaded over HTTPS, but requested an insecure frame 'http://xxx'. This request has been blocked; the content must be served over HTTPS. 的问题

摘要：背景由于需要使用摄像头拍照，需要将原来的http升级到https，通过一顿捣鼓，升级成功。不过页面加载出现了问题，具体的提示是说：你的页面是在https环境，但是你访问了一个资源（我这里是iframe，也可能是stylesheet等其他资源），而这个资源是在http环境下的，浏览器不给你这样玩。阅读全文

posted @ 2024-10-11 10:47 脆皮鸡阅读(3503) 评论(0) 推荐(0)

crispyChicken

脆皮鸡宇宙

公告