2025-02-20 前端日常-基于RBAC和React-Router(V6)的权限控制 ReactReact-Router 前端 theme: channing-cyan在一个后台管理系统中,安全是很重要的。不光后端需要做权限校验,前端也需要做权限控制。我们可以大致将权限分为 3 种: 接口权限、页面权限、按钮权限。 在这当中,前端主要关注点则是页面权限,按钮权限,
2023-06-03 移动端开发H5页面,各种问题介绍 移动端 前端 本文主要用于梳理移动端开发的一些概念 基础概念屏幕尺寸平时,我们所说的手机屏幕尺寸指的就是手机显示屏对角线的长度,单位是英寸,而一英寸 = 25.4毫米。可以通过勾股定理的公式先算出对角线的长度,然后再计算出屏幕的尺寸 不同手机的屏幕尺寸
2023-06-03 移动端开发H5页面,各种问题介绍 移动端 前端 移动端如何进行适配 使用 viewprot 配合 vw/vh。首先给 html 文件增加 viewport 配置 <meta name="viewport" content="width=device-width,
2023-05-21 使用Typescript和rollup开发一个工具库,并使用github actions来自动发布npm包 工程化 前端 在日常开发中,经常会遇到一些通用的逻辑,导致每次都需要复制粘贴。而我们作为 coder,可以将一些常用业务逻辑封装成通用的函数库,并发布到 npm 中。这样,每次遇到新的项目时,只需要 install 一下即可 这里我们已经有了一个fe-u
2023-05-20 从零开始一个前端可视化搭建平台 可视化 前端 文章同步于我的掘金 VLayout 是一个学习页面可视化搭建的项目, 使用了 React + TS 技术来开发。如果您有好的建议,欢迎提出,如果感觉帮助到了您,不妨点个赞或star。 功能设计首先开始一个项目时,我们需要理清他有哪些功能
2023-05-10 React如何利用浏览器的事件循环来实现并发特性 React 前端 本文只是用于将学习到的知识做一个梳理与总结 浏览器架构现代浏览器通常采用多进程架构。每个进程都有独立的内存空间,相互隔离,提高浏览器的稳定性、安全性和性能。 以 Chrome 为例,浏览器的进程包含以下几个主要进程: 浏览器主进程: 负责
2023-05-09 React18中的useTransition和useDeferredValue React 前端 React18 引入了一个关键概念 并发性(Concurrency)。 并发则涉及到多个更新操作的同时执行,这可以说是 React18 中最重要的功能。除了并发,React18 新增了两个 hook ,也就是useTransition和us
2023-05-02 前端日常-基于React-Router(V6)的权限控制 ReactReact-Router 前端 在一个后台管理系统中,安全是很重要的。不光后端需要做权限校验,前端也需要做权限控制。我们可以大致将权限分为 3 种: 接口权限、页面权限、按钮权限。 在这当中,前端主要关注点则是页面权限,按钮权限,而前端做这些的主要目的则是: 禁止用户访
2023-04-12 React Hook React 前端 类组件的不足(Hooks 要解决的问题)缺少逻辑复用机制为了复用逻辑增加无实际渲染效果的组件(高阶组件、渲染属性),它们增加了组件层级显示十分臃肿,增加了调试的难度以及运行效率的降低 类组件经常会变得很复杂难以维护 将一组相干的业务逻辑拆分
2023-04-12 《从零实现React18》学习总结 React 前端 本文章是用来总结卡颂大佬的《从零实现 React18》课程的。 章节 1主要讲解了一个项目的搭建应该从以下几个角度出发: 项目结构(是选择 Multi-repo 还是 Mono-repo) 打包工具 如何定义开发规范 章节 2这一章