首页
分类
归档
瞬间
图库
标签
友链
关于亦轩
逆水行舟,不进则退
累计撰写
78
篇文章
累计创建
18
个标签
累计收到
4
条评论
栏目
首页
分类
归档
瞬间
图库
标签
友链
目 录
CONTENT
最新文章
Element plus 修改命名空间
Element plus 修改命名空间 使用背景:在使用MicroApp微前端时 主应用会影响到子应用的样式 设置 ElConfigProvider 使用 ElConfigProvider 包裹根组件。 <!-- App.vue --> <template> <el-config-provide
2024-06-05
56
0
0
Element Plus
iframe vs 微前端:哪种方案更适合现代复杂应用?
iframe vs 微前端:哪种方案更适合现代复杂应用? 在现代前端开发中,微前端架构和iframe常被用来实现应用的模块化和隔离,尤其是在需要跨技术栈集成的场景下。很多开发者会考虑使用iframe来实现微前端架构,但实际上,它们各自的优缺点有所不同。本文将详细对比iframe和微前端架构,并讨论为
2024-06-01
22
0
0
前端
简单大文件分片上传
简单大文件分片上传 流程 将文件切片后发起上传文件请求 后端返回n个接口供上传不同的分片 上传成功后发起合并文件请求 源码: // 分片上传文件 async sendChunkFile(file) { // 显示上传进度条 this.showProgress = true;
2024-04-25
47
0
0
前端
关闭Safari将数字识别为电话号码
关闭Safari 识别电话号码/邮箱 关闭IOS浏览器自动将数字识别为电话号码 在项目中发现Safari会自动把数字串添加电话链接,数字颜色变为蓝,点击之后会询问用户是否想要拨打该号码。这样就破坏了原来页面的设计,如果你不希望开启这个自动识别,可以将它关闭: <meta name="format-
2024-02-14
75
0
0
工具
React.useMemo
React.useMemo 要理解 React.useMemo 需要先理解 memo React 默认有很多多余的 render memo 示例: function App() { const [value, setValue] = useState(0); const [m, setM]
2024-02-08
77
0
0
React
React.useLayoutEffect
React.useLayoutEffect 布局副作用 useEffect 在浏览器渲染完成后执行 useLayoutEffect 在浏览器渲染前执行 示例: 以下代码会在渲染时闪一下 value 会从 0 变到 1000 function App() { const [value, setVa
2024-02-08
49
0
0
React
React.useReducer
React.useReducer 创建初始值 initialState 创建所有操作 reducer(state, action) 创建 useReducer 得到读写 API 调用 写 dispatch({type:'操作类型'}) 总的来说 useReducer 其实是 useState 的复杂
2024-02-08
70
0
0
React
React.useState 的简单实现
React.useState 的简单实现 只实现基本过程 import React, { StrictMode } from "react"; import { createRoot } from "react-dom/client"; let _state = []; let index = 0
2024-02-08
37
0
0
React
React.useContext
React.useContext React.useContext 可以 让所有的子组件访问到 import React from "react"; const themeContext = React.createContext(null); export default function Ap
2024-02-08
44
0
0
React
React 函数式组件模拟生命周期
React 函数式组件模拟生命周期 使用 useEffect 模拟 componentDidMount useEffect(() => { console.log("第一次渲染"); }, []); 模拟 componentDidUpdate useEffect(() => {
2024-02-08
54
0
0
React
1
2
3
4
5
...
8