摘要:
## useRef简单介绍 ```javascript const refContainer = useRef(initialValue); ``` useRef 返回一个可变的 ref 对象,其 .current 属性被初始化为传入的参数(initialValue)。返回的 ref 对象在组件的整 阅读全文
摘要:
### 1、Top-level await 之前await关键字只能在async函数内部使用,在外部使用就会报错: SyntaxError - SyntaxError: await is only valid in async function; 在ES13 允许在模块的顶层使用 await, 并且 阅读全文
摘要:
## 纯函数 在程序设计中,若一个函数符合以下条件,那么这个函数被称为纯函数: - 此函数在 **相同的输入值** 时,需产出 **相同的输出**。 - 函数和输出和输入值以外的其他隐藏信息和状态无关,也和由于 I/O设备产生的外部输出无关。 - 该函数不能有语义上可观察到的函数副作用,诸如“触发事 阅读全文
摘要:
一、React Hook(部分) 1.useEffect useEffect 用于处理组件中的 effect,通常用于请求数据,事件处理,订阅等相关操作。 1.当 useEffect 没有第二个参数时,useEffect 会不停的调用 2.当 useEffect 第二个参数为空数组时,仅在组件挂载和 阅读全文
摘要:
什么是微前端 微前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web 应用的技术手段及方法策略。 微前端(Micro-Frontends)是一种类似于微服务的架构,它将微服务的理念应用于浏览器端,即将 Web 应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。 微前端架构旨在解决 阅读全文
摘要:
## 一、前言 这三者的定位都有些不同,不好直接比较,但是做的事情还算类似,因此放一块拿来说说。vite 是新生技术,由其快速优秀的开发体验有取代 webpack 的趋势,但是它并不如 webpack 打包工具那么灵活,vite 内部的打包工具是采用的 esbuild,其性能之高也来自于此。 ## 阅读全文
摘要:
重新整理了下 Vue 的接口去跨域的事,其实就两个地方实际生效,其他地方乱写端口什么的反倒是阻碍了。这边展示 Vue3+Vite 的例子: ```js // 写在vite.config里 server:{ port:81, //定义前端程序使用的端口 disableHostCheck:true, p 阅读全文
摘要:
Vue 的组件要在其他地方使用得通过这三步 ```js ... ... import vuexxx from '@components/vuexxx' export default{ ... components:[ vuexxx ] } ``` 注册起来比较的繁琐。 这里记录一种自动注册的方式,把 阅读全文
摘要:
问题:跳转到同一个页面,但是传入不同的路由参数,而 data 内数据从 route.params 拿的并不会在路由跳转后再次获取,即不会跟随刷新。 ### 解决方法 ```javascript ``` 阅读全文
摘要:
## 1. 新的 SFC 特性 - ` Color is: {{ color }} ``` script setup 的几个优势 - 更少的样板内容,更简洁的代码。 - 能够使用纯 Typescript 声明 props 和发出事件。 - 更好的运行时性能 (其模板会被编译成与其同一作用域的渲染函数 阅读全文