摘要:
🧑💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 一.webpack和vite的区别 1.构建速度不同 Webpack: Webpack的构建速度相对较慢,尤其在大型项目中,因为它需要分析整个依赖图,进行多次文件扫描和转译。 Vite: Vite以开发模式下的极速构建著称。它利用ES模块的特性 阅读全文
posted @ 2024-09-18 17:17
林恒
阅读(2266)
评论(1)
推荐(0)
🧑💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 Vue 实战:纯前端生成带中心 Logo 二维码的分享海报 在日常的 Web 业务中,经常会遇到“点击分享,生成一张包含用户信息、业务数据以及专属二维码的海报图”的需求。为了节省服务端资源,我们通常会采用纯前端的方案来完成海报的绘制与下载。 本 阅读全文
🧑💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 一句话拿走:H5 嵌进小程序 web-view 后,想传数据、想跳转页面,靠的不是普通 JS,而是微信给的一根"桥"——这篇文章把这根桥的用法和最容易踩的 2 个坑一次讲清。 一、先说一个你可能正在经历的痛 你用 uni-app 辛辛苦苦写了一 阅读全文
🧑💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 前言 面试官:“聊聊浏览器存储吧。” 我:“Cookie, LocalStorage...” 面试官:“然后呢?IndexedDB 了解吗?” 我:“...” 作为一名前端面试官,我有一个“压箱底”的问题,它像一面镜子,能清晰地照出一位候选人的 阅读全文
🧑💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 Vue 实战:纯前端生成带中心 Logo 二维码的分享海报 在日常的 Web 业务中,经常会遇到“点击分享,生成一张包含用户信息、业务数据以及专属二维码的海报图”的需求。为了节省服务端资源,我们通常会采用纯前端的方案来完成海报的绘制与下载。 本 阅读全文
🧑💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 问题场景 多个团队/项目拼成一个"微前端"大应用时,最头疼的问题之一就是样式打架: 全局样式污染:A 项目引入的 reset.css、B 项目的高优先级选择器,把 C 项目的按钮改得面目全非。 类名冲突:几个子应用都用 .btn、.card,最 阅读全文
🧑💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 一、背景与目标 1.1 什么是"秒开" App 内嵌 H5 的"秒开"指用户点击后,H5 页面在 毫秒级(理想 < 300ms)内完成首屏渲染,用户感知不到明显的白屏或加载过程,体验接近 Native 页面切换。 1.2 为什么 H5 加载慢 阅读全文
🧑💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 个月接到一个需求,产品说"首页加载太慢了,能不能优化一下"。 我打开 Network 面板一看——光图片请求就占了整个页面流量的 70%,最大的一张 PNG 图标居然有 380 多 KB。我当时就觉得,这不是优化问题,这是没做优化。 花了两天时 阅读全文
🧑💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 前言:一个 Code Review 的 comment 上周提交了一个需求:用户手机号在列表页需要脱敏展示。我随手写了这么一段: function maskPhone(phone) { return phone.replace(/(\d{3}) 阅读全文
🧑💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 前言 最近发现了一个在线预览附件功能,相信大多数前端都不陌生,刚开始我就一顿操作,下载pdf.js/pptx.js/vue-office,但是不太友好,我发现怎么弄都不支持.doc和.xls后缀名的文件,然而,一个偶然的机会,我发现了一个非常不 阅读全文
🧑💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 前言 一个完善的通知系统可以显著提升用户体验,让用户及时了解: 新评论回复 文章被点赞 系统公告 签到奖励 今天分享如何实现一个优雅的通知中心! 功能设计 通知类型 // src/types/notification.ts export typ 阅读全文