摘要：
简介 :nth-child(notation) 是 CSS3 规范中新增的一个伪类选择器，用于选中符合 notaion 表达式的目标“子元素”。 该选择器左侧若有其他选择器，表示命中同时符合左侧条件以及 notation 的“子元素”，如：p:nth-child(n+2) 表示命中所有属于其父元素下 阅读全文
摘要：
简介 pinia 官网介绍了在组件外使用 pinia 实例的方式并不适用于所有场景，只是希望开发者能在实例创建好并注册到 app 实例后再使用 use*Store 获取对应仓库的实例。 这是链接：https://pinia.vuejs.org/zh/core-concepts/outside-com 阅读全文
摘要：
简介 上一篇在这里： https://www.cnblogs.com/cjc-0313/p/16964840.html 之前只是统一将获取函数放到全局进行维护，然后在各组件中导入，但函数的导入和调用还是有些不便，因此，简单优化一下使用方式。 getI18nGlobal 在 src/locale 路径 阅读全文
摘要：
简介 本文介绍一种在项目定义 i18n 文本结构的简单思路，以及定义一些简单的全局函数，用于获取 i18n 文本。 文件结构 src ├── i18n └── index.js ├── zhCN ├── index.js ├── common.js // 放置项目中通用的文本 ├── moduleN 阅读全文
摘要：
简介 PC 端路由跳转除了各种点击事件外，还经常会通过前进后退键触发，此时，为了确保导航菜单与路由地址的同步关系，就需要在菜单点击事件的基础上，新增对路由的侦听。 同时，若是希望在添加了导航持久化的情况下，在用户关闭标签（或浏览器）后重新时，可以直接重定向到离开时的路由，则需要在页面初始化时手动调用 阅读全文
摘要：
简介 视图层相比脚本，具有不便于调试、无效信息过多（与当前逻辑不相关的属性）等特点，因此，同样的逻辑位于视图可能比位于脚本中的复杂程度更高。 因此，在开发复杂组件，尤其是嵌套组件时，最好遵循一定的规范，且尽量简化视图层需要处理的逻辑，应当在脚本中完成大部分视图层所需内容的处理，若是能直接将数据或内容 阅读全文
摘要：
简介 在项目中使用 i18n 统一处理国际化。当用户点击菜单（二级菜单被选中）时，将二级模块为当前菜单项的对应变量设置到状态库；之后新页面加载时，会从状态库获取该变量，并作为根路径（模块名）寻找对应的变量，i18n.$$() 方法参数格式为：subModuleName.特定的i18n变量路径，示例： 阅读全文
摘要：
简介 某些场景下，容器组件会包含很多子组件，比如表格的列和表单的字段，而一旦数量上去而且列/字段组件还嵌套了其他组件，就会导致渲染时长急剧增加。因此，考虑封装一个通用的懒加载组件，分组延迟加载子组件，使得第一次渲染不会产生明显的卡顿；更多的子组件会在第一组子组件渲染完毕一段时间后再依次分段渲染。 实 阅读全文
摘要：
简介 pnpm 相比 npm 提高了安装速度、降低了存储空间，这得益于其在路径结构和存储方式上所做的改进。 pnpm 解决的问题： /.pnpm 路径的存在解决了“幽灵依赖”问题（或者可以称为隐形依赖，也就是未在 package.json 中声明，但代码中引用了某个依赖包；一开始看到这个词还以为是指 阅读全文
摘要：
简介 本文根据 MDN 上 DOM、BOM API 中与尺寸和布局相关属性和方法的说明，总结成表，方便快速查询。 对象层级 屏幕(screen) 物理设备(device) 屏幕可用区域(avai) 浏览器窗口(window) 视口(viewport) 文档节点(documentElement) 以及 阅读全文