使用 vue-cli 3.0 (@vue/cli) 脚手架构建的项目，一般在本地开发过程中，会有不少 console 调试信息。如果不处理这些日志信息，默认情况下，即使是构建生产环境的包，这些 console 打印也不会被移除，这显然是不够严谨的。所以就介绍一下怎么来配置根据环境删除 console 日志。

阅读全文

最近使用 D3.js 开发可视化图表，因为移动端做了 rem 适配，所以需要动态计算获取图表容器的宽高，其中涉及到一些原生DOM API的使用，避免遗忘这里总结一下。

阅读全文

在前端开发中，使用循环遍历操作肯定不可避免。常用的循环语句如：for、do/while、while、for/in、for/of、forEach、map 等等，日常开发时经常会遇到遍历某些值要跳过循环、或者中断循环，这时就要用到 break、return、continue 等关键词来区别处理。

阅读全文

Web Components 是一个浏览器原生支持的组件化方案，允许你创建新的自定义、可封装、可重用的HTML 标记。不用加载任何外部模块，直接就可以在浏览器中跑。本文就简单介绍一下：使用 Web Components 实现一个类 Element UI 中的 Card 卡片组件。

阅读全文

Blob 对象表示一个不可变、原始数据的类文件对象。它的数据可以按文本或二进制的格式进行读取，也可以转换成 ReadableStream 来用于数据操作。在 JS 中通常使用 Blob 进行文件下载保存，new 转换过程中需要指定下载文件 MIME 类型。

阅读全文

大部分服务器都是运载 Linux 系统，而 CentOS 是 Linux 发行版之一，具有稳定，可预测，可管理和可复现等特性。
日常环境搭建、服务部署基本都是使用 linux 命令来进行操作，就前端而言，经常会使用 Nginx 部署多个静态服务，这时就需要查查所使用的端口号是否被占用，以避免 Nginx 启动失败。

阅读全文

使用 pnpm install 安装项目依赖时出现：ERR_PNPM_PEER_DEP_ISSUES Unmet peer dependencies，在 pnpm github issues 中找到相关解决方案。

阅读全文

当使用 nodejs + axios 来爬取某个 url 对应的 html 时，出现中文乱码。

阅读全文

使用 nvm 升级 node 版本，从 v12.5.0 升级到 v16.15.1，升级完成后，使用 npm 命令时总是出现警告： npm WARN config global '--global', '--local' are deprecated. Use '--location=global' instead 。

阅读全文

各行各业都有一定的准则和规范，搞技术写代码也是一样，统一的规范对于团队开发协作不可或缺。随着前端应用的大型化和复杂化，越来越多的前端团队对代码规范越来越重视。Prettier 是一个代码格式化工具，可以格式化代码，结合 ESLint 使用，可以提高代码质量。

阅读全文