记一次 iOS 环境 H5 页面突然白屏
在新版本 iOS 系统中，某页面出现白屏，原因是 Safari 浏览器新增的全局变量 browser 与旧项目中的同名变量冲突。通过临时修复和代码重构解决了此问题，并加强代码审查和监控机制，以防止类似情况再次发生。
分类： JavaScript
Node.js 项目通过 .npmrc 文件指定依赖安装源
背景
npm 命令运行时，往往通过命令行指定相关配置，最常用的便是使用 --registry 来指定依赖的安装源。
npm install --registry=https://registry.npmmirror.com同样的效果也可以使用 .npmrc 来实现：
registry=https://registry.npmmirror.com"Node.js 项目通过 .npmrc 文件指定依赖安装源"继续阅读
npm / cnpm 设置镜像地址
使用 npm 和 cnpm 查看及修改镜像源。npm 的默认镜像源为 https://registry.npmjs.org/，可通过 npm config set registry 命令进行修改。安装 cnpm 后，查看和修改镜像源的命令与 npm 类似。确保转载时包含版权声明，并附上作者和原始地址的超链接。
npm 直接安装 GitHub / GitLab 仓库代码及 npm link 本地调试
介绍了使用 npm 安装 GitHub/GitLab 仓库代码的方法，提供了 npm link 本地调试的步骤，以及如何使用 npm unlink 解除链接。示例展示了如何通过 SSH 和 HTTPS 安装仓库代码，并使用 npm link 在本地项目中进行调试。
前端性能和加载体验优化实践（附：PWA、离线包、内存优化、预渲染）
探讨了页面加载卡顿的原因并提出了多种优化方法。主要原因包括项目包或第三方脚本过大、JavaScript 执行阻塞页面加载、图片体积大且多等。优化策略包括构建缩包按需加载、减少图片体积等。文章还详细介绍了如何通过 Webpack 插件分析项目中用到的 npm 包及大小，以及如何通过调整图片尺寸、格式转换、压缩等方式减小图片体积。
Promise + Async&Await + Array.reduce + 函数递归 解决网络/接口请求的依次/排队不间断间隔访问
背景
试想在一个需要频繁更新数据的场景（例如：监控、图表类），常规方法是设置一个间隔 N 秒的定时器 setInterval；但是这种方式存在一个问题，当前一个请求时间过长时（超过了间隔时间），后一个请求的接口响应会先于前一个请求，也就是说，将导致旧的数据渲染会覆盖新的数据渲染。
"Promise + Async&Await + Array.reduce + 函数递归 解决网络/接口请求的依次/排队不间断间隔访问"继续阅读
解决 NPM 安装 node-sass 因为网络问题超时失败的问题
在项目根目录下面新建文件 .npmrc，复制下面代码到该文件。
sass_binary_site=https://npm.taobao.org/mirrors/node-sass/
registry=https://registry.npm.taobao.orgWebpack 只打包 CSS
背景
Webpack 作为热门前端构建打包工具，常用来构建打包应用型项目，包含 HTML、JavaScript、CSS 等代码。但是遇到比较零散的项目，往往需要单独打包某一模块，比如：CSS。
"Webpack 只打包 CSS"继续阅读
上传图片之前修改图片名称的必要性
背景
在上传图片的方式中，拍摄上传往往是热门选择，但是在 IOS 系统下的拍摄上传的图片，名称统一为 image，当我们把上传后的图片放在同一目录下面的时候，后来的图片就会把之前的图片覆盖了。
"上传图片之前修改图片名称的必要性"继续阅读