weixin_52268321的博客

URL Query Editor - Chrome 扩展摘要 这款 Chrome 浏览器扩展专为开发者设计，提供便捷的 URL 查询参数管理功能。它能自动解析当前页面的查询字符串，以结构化 key-value 列表展示参数，支持快速编辑、添加、删除参数并实时刷新页面。特色功能包括： 多环境一键切换（dev/test/prod等域名替换） 参数搜索定位 批量操作支持 一键复制参数值 通过可视化界面简化调试流程，显著提升开发和测试效率。扩展可从 Chrome 应用商店直接安装使用。

在 @types/react 里定义大概是这样的（简化版）| boolean // true/false（但渲染时会忽略）| null // 不渲染| undefined // 不渲染| ReactNode[] // 数组，比如 ["a", <div/>]👉 它几乎涵盖了 JSX 中 所有可能被渲染 的内容。

常规的 commit （使用 git commit 提交的 commit）merge commit

使用 Service Worker 对前端资源进行缓存，预期离线场景也能够正常访问项目

yarn。

*核心：**影子 DOM（Shadow DOM）允许你将一个 DOM 树附加到一个元素上，并且使该树的内部**对于在页面中运行的 JavaScript 和 CSS 是隐藏的

【代码】Vue3: ref 拿到 DOM / 组件实例。

Vue3：【props、emit 和 components】 在 setup 语法糖和非语法糖中的使用

vue3 报错：引用的项目“xxxx/tsconfig.node.json”可能不会禁用发出。

报错解决：Cannot find module '@xxx.vue' or its corresponding type declarations. Vetur(2307) 和 Module '"xxxx.vue"' has no default export.Vetur(1192)

前端界面的渲染过程、次数，会通过高亮变化来显示，通过这种效果排除一些BUG高亮。

react + redux 状态管理操作

Nginx是一款轻量级的Web 服务器，其特点是占有内存少，并发能力强。

就是为 JavaScript 创造多线程环境，允许主线程创建 Worker 子线程，将一些任务分配给后者运行。在主线程运行的同时，Worker 子线程在后台运行，两者互不干扰。等到 Worker 子线程完成计算任务，再把结果返回给主线程。这样的好处是，一些计算密集型或高延迟的任务，被 Worker 子线程负担了，主线程（通常负责 UI 交互）就会很流畅，不会被阻塞或拖慢。

CSS 自定义属性（有时候也被称作CSS 变量或者级联变量），它的值可以在整个文档中重复使用

内联路由中间件，直接在页面内定义。命名路由中间件，放置在 middleware/ 目录下，导入在页面中。全局路由中间件，放置在 middleware/ 目录下，并以 .global 后缀结尾，在每次路由更改时运行。

sync 修饰符以前存在于 Vue1.0 版本里，后来在2.0版本中移除了 .sync 修饰符。但是在 2.0 发布之后的实际应用中，发现 .sync 还是有其适用之处，比如在开发可复用的组件库时。我们需要做的只是。从 2.3.0 起重新引入了 .sync 修饰符，但是这次它只是作为一个编译时的语法糖存在。它会被扩展为一个自动更新父组件属性的 v-on 监听器。

css如何使用js变量

前端接收 easy mock 的模拟数据

国际化 多语言 i18n

G6绘制树形图（自定义节点、自定义边、自定义布局）

css垂直居中的几个方法

flex布局：元素两侧对齐

height:100%实现侧边栏的高度占满屏幕

3分钟学会搭建动态侧边栏导航：Vue + Element-UI

Vue 最独特的特性之一，是其非侵入性的响应式系统。数据模型仅仅是普通的 JavaScript对象。而当你修改它们时，视图会进行更新。这使得状态管理非常简单直接。

虚拟列表其实是按需显示的一种实现，即只对可见区域进行渲染，对非可见区域中的数据不渲染或部分渲染的技术，从而达到极高的渲染性能。

css 设置高度撑开页面

body{background:url(“路径”);background-size: 100% 120%;background-repeat:no-repeat;background-position:center;background-attachment: fixed}