more 注释之前的内容被视为文章摘要。

尝试手动实现一下 unplugin-vue-components 的功能

https://blog.csdn.net/Liu_yunzhao/article/details/130181440 很好的解读使我冰粥旋转

简历需要优化的点

前端工程化

性能优化

性能监控

在 vite 中使用全局变量的方法

现在的方法就是在根目录下.env 文件或.env.local(自动 gitignore)
然后在里面命名以 VITE_APP 开头的变量

VITE_APP_USER_SECRET='c264583195f8c54dfe9bfb342b35448f400fe9b4a5eda6e0758ca04ab7fa133a'

VITE_APP_USER_APP_ID='rm8oj29o'
VITE_APP_USER_TOKEN_SECRET='1c1a5208b1430a17eb4e1b8beef9340eb3b81edc433e35928d811a017437c698'

前端八股合集

[TOC]

计算机网络

GraphQL

设计准则

• 查询为分层结构：查询与响应数据一对一匹配的分层和嵌套字段格式，查询和相应的形状类似于树。
• 以产品为中心，更关心前端希望如何接收数据，并构建交付所需的运行时：前端就可以通过一次请求来获取需要的所有数据，服务器会按照 GraphQL 规范来从不同的端点获取数据
• 使用特定于应用程序的类型系统：开发人员能在执行前确保查询使用了有效类型并且语法正确，否则查询前就会抛出错误
• 客户端确切知道会以何种格式接收数据
• 使用 GraphQL 的服务器结构是内省的

本笔记顺序按照代码随想录

数组

数组只需要明白一点，核心思路是，数组是连续的，二维数组的内存空间也一样是连续的

二分查找

二分查找首先明白两个关键点，第一个是，数组是有序的
，然后看我们查找的区间是闭区间还是开区间

删除数组中重复项

滑动窗口

hot100 无重复字符的最长子串

let s = "abcbbbc";
// todo 明天归纳一下while用于跳过重复项的方法，在双指针里很常见
// 其实这个做法可以等价于，我们平时用i跳过去，不过这个太巧妙了，不用双指针，因为for和while刚好形成了一个时差，导致，只有出现重复项的时候，才会进循环，比如第一次s.slice为空，i = 0 当i = 1时，s[i]已经等于b了
let maxx = s.length ? 1 : 0,
  start = 0;
for (let i = 0; i < s.length; i++) {
  console.log("s son ;", s.slice(start, i));
  console.log("s[i ", s[i]);
  while (s.slice(start, i).includes(s[i])) {
    console.log("i ", i);
    console.log("s son ;", s.slice(start, i));
    console.log(s[i]);
    start++;
  }
  maxx = Math.max(i - start + 1, maxx);
}
console.log(maxx);

计算机基础(面经集合)

关于 ESM

ESM 全称是 ECMAScript Module，是一种 JavaScript 模块化的规范，它是在 ES6 中引入的。ESM 是一种静态模块化规范，它的特点是：

什么是 HMR

Hot Module Replacement（以下简称 HMR）是 webpack 发展至今引入的最令人兴奋的特性之一 ，当你对代码进行修改并保存后，webpack 将对代码重新打包，并将新的模块发送到浏览器端，浏览器通过新的模块替换老的模块，这样在不刷新浏览器的前提下就能够对应用进行更新。例如，在开发 Web 页面过程中，当你点击按钮，出现一个弹窗的时候，发现弹窗标题没有对齐，这时候你修改 CSS 样式，然后保存，在浏览器没有刷新的前提下，标题样式发生了改变。感觉就像在 Chrome 的开发者工具中直接修改元素样式一样。