项目亮点
31篇文章 · 0订阅
  • 使用 Sentry 做异常监控 - 如何优雅的解决 Qiankun 下 Sentry 异常上报无法自动区分项目的问题 ?
    最近项目组决定将前端异常监控由 Fundebug 切换为 Sentry。整个切换过程可以说非常简单，部署一个后台服务，然后将 Sentry SDK 集成到前端应用中就完事儿了。在之后的使用过程中，小编
    前端
  • 面试官：聊聊单点登录（SSO）
    一个规模大点的公司大概率会有很多子系统，每个子系统都是属于公司的，没必要为每个子系统做一个登录系统，因为用户是相通的，把每个子系统的登录部分抽离出来形成一个认证中心，这就是单点登录 实现单点登录
    前端 JavaScript 面试
  • 从 2.3MB 到 280KB：我是如何给前端 JS「瘦」身的
    从 2.3MB 到 280KB：我是如何给前端 JS「瘦」身的 去年接手一个电商项目时，我遇到了个棘手问题：首屏加载要等 5 秒多，用户投诉像在看「加载动画展」。打开 Chrome 开发者工具一看，主
    前端 JavaScript 性能优化
    从 2.3MB 到 280KB：我是如何给前端 JS「瘦」身的
  • 面试一问就给我整不会了😭如何跨标签页通信
    当时面试官问我：'前端跨标签页通信有几种方案？各自适用什么场景？'我大脑瞬间空白——毕竟平时只会用 localStorage 乱怼...
    前端 面试
    面试一问就给我整不会了😭如何跨标签页通信
  • 【自制组件库】从零到一实现属于自己的 Vue3 组件库!!!
    初始化项目 项目准备：node >=19、pnpm >=8 项目搭建 介绍：初始化UI组件库是为了更好的管理文件模块的目录结构，区分不同文件模块的功能。 UI组件库将使用pnpm+workspace来
    JavaScript Vue.js
    【自制组件库】从零到一实现属于自己的 Vue3 组件库!!!
  • H5与原生应用的通信桥梁：JSBridge实现原理与实践
    H5与原生应用的通信桥梁：JSBridge实现原理与实践 前言 在当今移动互联网时代，Hybrid开发模式已成为主流选择之一。在这种模式下，H5页面与原生应用之间的无缝通信至关重要。本文将深入探讨H5
    JavaScript
  • 前端性能优化的几个大招（理论+实践，看完就是Leader水平）
    前言 性能优化，一个掣肘用户体验的关键模块。它没有固定的标准定义或唯一的解决方案。但是我们从整个项目的开发-部署-用户体验的整个过程中，总能摸到很多有普适性的规范或者优化理念。 我们的目的是什么？优化
    前端 面试 性能优化
  • 还在用菊花图加载？让骨架屏提升你的用户体验
    本文深入探讨了骨架屏的实现方案，从最基础的HTML+CSS实现到Vue组件化开发。通过渐进式的开发思路，详细介绍了如何构建可复用的骨架屏组件系统，以提升页面首屏加载体验。
    Vue.js 前端框架
    还在用菊花图加载？让骨架屏提升你的用户体验
  • 什么？2025年了发版后还要手动清浏览器缓存？
    破解浏览器缓存之谜：为何你的 Webpack 应用总是无法自动更新？ 你是否也经历过这样的场景：刚刚加班加点修复了一个线上紧急 Bug，满怀信心地通知用户刷新页面，得到的反馈却是“问题依旧”。你无奈地
    前端 Nginx
  • 手把手教学：Vue下拉刷新、上拉加载组件插件（超详细）
    拖了很久的下拉刷新Vue组件——终于来了，其实写了很久了，一直拖着没写文章... touchstart: 手指触屏触发的事件，主要工作是在触发时获取鼠标点击的Y坐标，event.touches[0].pageY。 touchmove: 手指滑动触发的事件, 主要工作是在触发时获…
    Vue.js