- 博客(12)
- 收藏
- 关注
RSS订阅原创 3. CSS 布局居中问题
摘要：本文探讨了在Grid布局中实现无权限提示内容完全居中的两种方案。方案1利用grid-column属性跨越所有列，结合Flexbox实现居中；方案2直接使用Flexbox布局，设置垂直水平居中及最小高度。同时介绍了需要掌握的关键知识点：Flexbox的居中属性、Grid的列跨越语法，以及CSS Modules和SCSS的使用方法。两种方案都能有效实现内容居中效果，可根据实际场景选择适合的布局方式。
2025-12-08 14:53:39
174
原创 2. TypeScript 类型系统问题
摘要：使用as const会将数组转换为只读字面量类型，导致includes()方法报类型错误。解决方案是通过类型断言as readonly string[]将数组显式声明为只读字符串数组。需要理解as const的作用（产生不可变字面量类型）、类型断言的用法（不影响运行时）以及readonly修饰符的特性。相关学习资源包括TypeScript官方文档中关于类型断言和as const的章节。
2025-12-08 14:48:40
276
原创 1. 页面权限控制实现
本文介绍了一种基于mis账号的前端页面权限控制方案。通过在配置文件中定义各页面允许访问的mis账号列表，并创建自定义Hook进行权限校验。方案核心包括：1) 创建权限配置文件permissions.ts定义页面权限；2) 实现usePagePermission Hook，通过userService获取用户信息并进行权限校验；3) 在页面组件中使用该Hook控制渲染逻辑。该方案涉及React Hooks、自定义Hook设计、异步数据处理等技术点，适用于需要精细权限控制的场景，具有配置灵活、逻辑清晰的特点。
2025-12-05 16:51:20
141
原创 源文本下面的框复制好的东西粘贴不上去...??
解决方法：在函数中保留长度截断逻辑，并在同步状态后更新DOM内容（如editableRef.current.textContent = next）。
2025-11-07 17:04:25
110
原创 React 性能优化资料，减少渲染次数、使用 React.memo 等要点。
React 性能优化资料，减少渲染次数、使用 React.memo 等要点。
2025-04-18 09:59:10
153
原创 pnpm install出现报错node与pnpm版本不匹配并且pnpm -v 出现同样报错怎么解决
pnpm install出现报错node与pnpm版本不匹配并且pnpm -v 出现同样报错
2025-03-11 15:10:03
376
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人