2025-09-15 【架构】访问埋点与站点统计 深入解析Web应用的数据采集体系,涵盖用户行为统计、性能监控(RUM)及异常监控,对比主流工具与自研方案。 架构设计 #埋点 #监控 #数据分析 #RUM
2025-09-15 【架构】图片懒加载 图片懒加载方式 为什么要做图片懒加载 维度 具体收益 量化参考 省 节省流量(服务器 + 用户) 首屏 30 张图 → 只加载 3 张,节省 80% 以上出站流量;移动端每 100 KB ≈ 1 分钱,电商大促日可省万元带宽费。 升 1 提升首屏速度 减少首屏 HTTP 请求数与下载量,Largest Contentful Paint(LCP)平均缩短 20%–40%,直接优化 工具 #懒加载
2025-09-11 【工程化】Vue3脚手架搭建 自研脚手架(CLI)是提升团队开发效率、统一技术栈规范的关键手段。在 Monorepo 架构或管理 20 个子应用的场景下,一个好的脚手架能自动化完成从“项目创建”到“发布部署”的全生命周期。 以下是自研脚手架的核心架构与实现步骤: 1. 脚手架的工作原理脚手架本质上是一个运行在 Node.js 环境下的 命令行工具。其核心逻辑通常分为三步: 交互(Inquiry):通过命令行询问用户需求(如 Hexo
2025-08-28 【AI设计】主流AI设计工具对比分析 全面对比分析当前主流的AI设计工具,包括Midjourney、DALL-E、Stable Diffusion等,帮助设计师选择合适的AI辅助工具 AI设计 #AI设计 #工具对比 #Midjourney #DALL-E #Stable Diffusion
2025-08-21-【chrome扩展】Chrome扩展开发-侧边栏垂直标签页 Chrome 垂直标签页管理扩展开发指南背景介绍在现代 Web 开发中,浏览器标签页管理已成为提升工作效率的重要环节。传统的水平标签页布局在打开大量标签页时存在明显缺陷:标签页宽度压缩、难以快速定位、缺乏有效的组织方式。Chrome 垂直标签页管理扩展应运而生,通过侧边栏垂直布局和智能分组功能,为用户提供更直观、高效的标签页管理体验。 问题痛点 标签页过多时难以管理:水平标签页在数量增多时宽度被压 chrome扩展
2025-08-20 【架构】监控上报采样率思考 背景由于腾讯云 RUM 上报免费额度为 50w 条/日,为保障监控稳定运行与成本考量,特此对上报率进行有效规划及优化。 对于日活(UV)3000+、日访问量(PV)1.5 万+的小程序来说,应属于中小型应用,但考虑用户量周增长 2k 左右,为后期用户量爆发打好提前量。在当前体量下,设置采样率的核心逻辑不是为了节省昂贵的服务器成本(因为总量并不大),而是为了在“数据代表性”与“上报干扰”之 架构设计 #监控 #RUM
2025-08-20 【架构】前端低代码思考 前端低代码(Low-Code)平台的核心目标是通过可视化界面减少手动代码编写。其本质是将复杂的业务逻辑和 UI 结构抽象为标准化的元数据(JSON Schema),并通过引擎实时解析或编译生成最终应用。 一、 核心实现原理:元数据驱动低代码系统的基石是 DSL(Domain Specific Language,领域特定语言)。开发者在设计器上的每一次拖拽、缩放、属性修改,最终都会转化为一段结构化 架构设计 #监控 #RUM
2025-07-24 【docker】tkex基础镜像制作 一、背景由于原有前端 web 基础镜像由外部 cenos+openresty 制作而来,不符合 tkex 业务上云标准规范,现需使用基于腾讯云内部系统 tlinux 系统重新制作 web 基础镜像。 二、web 基础镜像制作项目地址 nginx_fed 2.1 dockerfile 方式创建 dockerfile 说明:基于 tlinux2.2-bridge-tcloud-underlay-min 工程化 #nginx #docker #tlinux