Mulianju

当用户点开一个链接或者是直接在浏览器中输入`url`开始进行访问时，就开始等待页面的展示。页面渲染的时间越短，用户等待的时间就越短，用户感知到页面的速度就越快。这样可以极大的提升用户的体验，减少用户的跳出，提升页面的留存率。

前端性能优化，很大一部分工作就是首屏加载和渲染的优化，要进行这项工作，首先就需要了解浏览器在输入URL到呈现页面之间都做了哪些工作，哪些步骤有哪些需要注意的事项和优化手段。

前端性能监控通常包括页面加载时间、首字节时间、渲染时间、每秒帧数、内存使用量、首次绘制时间、长任务等指标，这些指标分别是什么，如何实现监控呢。

前端性能优化一直是一个很头疼的问题，虽然网上资料很多，但每次有优化需求时，还是感觉很焦虑，这里收藏一篇比较全面的文章（知识点全面，但并不深入，随用随差），以备不时之需吧

进行软著申请的时候，相关负责人经常会来找开发提供文件数量和代码量信息，很多开发，尤其前端，不太清楚该如何快速计算这两个结果，我们这里来普及一下吧

本文主要介绍如何向Sass数组添加元素，以便在项目应用中更灵活的使用数组。

利用tree命令，可以快速输出目录树形结构，通过不同参数的设置，还可以灵活控制目录层级、忽略目录、设置树形结构颜色等

手把手教你写一个node-cli工具，主要实现了自动初始化项目、自动克隆远程git仓库、自动创建component || page模板文件...

最近在日常开发中，项目报了一个莫名其妙的错误：

1

Already included file name 'd:/work/work/git/base-biz/src/modules/nps/pages/ItemRadioInput.vue' differs from file name 'd:/work/work/git/base-biz/src/modules/nps/pages/itemRadioInput.vue' only in casing.

看字面意思，好像是重复引用了，于是全局搜索了一下相关文件的引入，结果并没有，又反复确认了引入路径，发现也完全没什么问题。

后来经过查询资料，得到以下两种解决方案：

1. 去掉引入文件的.vue后缀名：

1

import ItemRadioInput from "./ItemRadioInput";

2. 利用alias别名，用绝对路径形式引入相关文件：

1

import ItemRadioInput from "@/components/ItemRadioInput.vue";

本文永久链接: https://www.mulianju.com/already-included-file-name/

从零开始开发一个vscode插件，来实现一键替换css色值为对应css变量，支持自定义css变量定义文件