最近在 Vue 项目中给页面加水印，发现了一个比较奇怪的现象，有的页面水印颜色深，有的页面水印颜色浅，特别是在主题色（背景色）很重的页面，水印看起来格外显眼。经 code review 发现页面使用了 <keep-alive> 组件缓存，导致 mounted 和 beforeDestroy 钩子函数中的方法不能正常被调用。

阅读全文

CSS 预处理器赋予了 CSS 逻辑编程的能力，其中 Sass、Less、Stylus 最受欢迎，语法都是大同小异，上手也很快。在项目中使用最多的可能要数 Sass 了，本文就讲讲 Sass 中循环遍历 @each、@for 和 @if 判断的搭配使用。

阅读全文

在使用 VantUI 开发 H5 应用时，引入了 Popover 气泡弹出框组件，其中弹出位置参数设置的是 placement="bottom-end"，但是最后 Popover 弹出层的位置出现了错乱，没有在指定的位置展示。

阅读全文

使用 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 中找到相关解决方案。

阅读全文