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

阅读全文

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

阅读全文

使用 svg （D3.js）或 canvas （PIXI.js）绘图时，经常要考虑文字长度和一些动态边界问题，所以还是有必要弄清楚：在 svg 或 canvas 中获取 text 文字宽度的方法。

阅读全文

最近使用 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 卡片组件。

阅读全文

大部分服务器都是运载 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 。

阅读全文