发布 TypeScript 包到 NPM 一、背景本次将 NPM 包 yt-comment-date-format 从 1.0.3 版本升级至 2.0.1,核心目标是为其添加 TypeScript 支持,让使用者获得完整的类型推断能力。本文完整记录从配置调整到发布上线的全流程,适用于所有 TS 包的 NPM 发布场景。 二、前置准备1. 环境配置 注册 NPM 账号:前往 NPM 官网 完成注册; 安装 Node.js/NVM: 2021-04-13 前端开发 #TypeScript #NPM #包发布 #类型声明
JS调用摄像头及常见错误处理 因业务需求,做了一段事件webRTC直播相关项目的开发。为避免遗忘,整理一下JS获取设备信息及常见错误处理方法,以便后期查阅搬砖。 2021-03-29 前端开发 #JavaScript #WebRTC #摄像头 #getUserMedia
正则匹配内网地址 由于项目的需求,需要过滤掉内网IP地址。首先我们需要知道内网网段范围(内网保留地址),然后根据其规则,使用正则表达式针对性去匹配。 2021-03-12 前端开发 #JavaScript #正则表达式 #IP地址 #内网地址
服务端渲染(SSR) 一、重构背景与目标1. 业务场景官网宣传页、商城、资讯等核心模块需重构,此类场景对SEO、首屏加载速度要求较高。 2. 技术栈对比 阶段 技术框架 核心痛点 旧版 Express + Ejs 开发效率低、前端交互体验差 重构后 Vue + Nuxt.js / Vue + Quasar 兼顾SSR、开发效率、跨端能力 3. 核心重构目标 保留并强化SEO能力(核心诉求); 2021-03-08 前端开发 #Vue #Nuxt.js #SSR #Quasar #前端重构
前端异常监控方案 一、前言前端作为直面用户的一层,即使经过多轮测试,仍可能存在隐蔽 Bug(如环境差异、用户特殊操作触发)。完善的异常捕获与上报机制能快速定位问题、减少损失,是前端质量保障的核心环节。 目前主流的异常监控方案分为两类:第三方托管工具(如阿里云 ARMS、Sentry 云服务)和 自建工具(如基于 Sentry 开源版本部署)。本文将结合核心捕获原理,详解两类工具的实战落地流程。 二、前端异常捕获核心 2021-01-27 前端开发 #JavaScript #异常监控 #Sentry #错误处理 #ARMS
使用vite搭建vue3.0项目模板 搭建步骤创建vite-vue项目模板123456789101112# https://github.com/vitejs/vite/tree/main/packages/create-appnpm init @vitejs/app m-vvv3 --template vue-ts# 成功后提示:npx: 5 安装成功,用时 4.119 秒Scaffolding project in C:\*\m- 2021-01-12 前端开发 #vite #vue
CICD 持续集成持续交付 CI/CD 核心概念与 Jenkins 自动化部署全流程系统了解 CI/CD 的核心概念,以及基于 Jenkins 实现自动化部署的完整流程。本文将从「CI/CD 本质定义 → Jenkins 环境搭建 → 自动化部署实战 → 流水线优化」四个维度,结合实战示例(前端/后端项目),帮你掌握 Jenkins 自动化部署的核心逻辑,适合新手快速落地。 一、CI& 2020-12-30 运维部署 #Jenkins
前端自动化测试 实践前端自动化测试的核心目标是保障代码质量、降低迭代风险、提升开发效率,其完整流程需覆盖「前期准备→工具选型→用例编写→测试执行→覆盖率分析→持续集成→维护优化」,以下结合实战场景详细拆解: 一、前期准备:明确目标与范围1. 确定测试目标 核心诉求:是保障公共组件稳定性、避免回归BUG,还是支撑中长期项目重构? 质量阈值:设定测试覆盖率标准(如语句覆盖率≥60%、分支覆盖率≥60%),避免过度测试 2020-12-30 前端开发 #Puppeteer #Jest #单元测试 #E2E测试 #测试覆盖率
HTTP协议:Content-Type HTTP Content-Type 完全解析:定义、语法与常见 MIME 类型实战关于 HTTP 头部 Content-Type 的核心内容,本文将从定义本质、语法规则、常见 MIME 类型(含使用场景/代码示例)、关键注意事项四个维度,系统梳理 Content-Type 的使用方法,帮你精准掌握不同场景下的类型选型。 一、Content-Type 核心定义Content-Type(实体 2020-12-28 前端开发 #HTTP #Content-Type