钱，但是丢掉太可惜。想着用来做一个电子相册，但是找了几个PC端的软件，实再是没好用的，后来想着干脆不如自己写个web页面，能满足自己的需求。但是再用Html感觉没什么意思，于是想找一个前端框架，想起了React。 学习过程 今天是2023年12月10日已经学了差不多1小时左右，在MacOs上搭建了环境，运行了默认的项目，也学会了npm run build 项目并发布到服务器上。 学习笔记 后来改主意了，目前...

Hooks 是 React 16.8 的新增特性。它可以让你在不编写 class 组件的情况下使用 state 以及其他的 React 特性。React Hooks 表现形式是以 use 开头的函数被称为 Hook。useState 是 React 提供的一个内置 Hook。你可以在 React API 参考 中找到其他内置的 Hook。你也可以通过组合现有的 Hook 来编写属于你自己的 Hook。...

pp这个DOM节点中 app.mount('#app');//viewModel是组件帮助我们完成的 </script> </body></html> 结果展示：从图中我们发现值发生了变化 4、通过reactive创建响应式参数 1、非基础类型的数据响应，我们选择使用reactive,如数组类型，json类型等。 2、const {ref,reactive} =Vue;从Vue中引出ref和reactiv...

一、概述         本文将通过React Router & React Redux实现登录和授权路由功能，将会从以下三个部分入手。 二、技术实现 auth-action-reducer (redux配置) export const Login = (username, password) => ({type: 'login',username: username,password: password ...

在 Vue3 中，reactive, ref, toRef, toRefs 都是用于创建响应式数据的方法。它们之间的主要区别在于它们的使用方式和返回值类型。 reactive：用于将一个普通对象转换为响应式对象。当对象的属性发生变化时，视图会自动更新。 import { reactive } from 'vue'; const state = reactive({ count: 0, info: { na...

前言 更新状态导致重新渲染时，由于子组件中的逻辑很多，影响到父组件的回显速度。 React18之前，由于渲染是同步的，一旦开始渲染，就不可被中断，所谓的同步，就是指如果react的某个组件执行时间长，它无法中断，会一直执行，直到组件完全渲染到DOM中。在这个过程中，由于Javascript是单线程的，因此渲染任务会占满JavaScript线程，阻塞浏览器的主线程，从而导致用户无法进行交互操作。 但Reac...

一、简介         react router是一个构建基于react应用的路由管理库。允许你在程序中定义不同的路由和导航规则。以实现不同的url路径显示不同的组件。 二、相关技术 <Router> <div> <ul id = "menu"> <li><Link to = "/home">Home</Link></li> <li><Link to = "/hello">Hello</Link></li...

ad方法，可以看到它会将读取生成的NioServerChannel注册到childGroup，这里的childGroup就是ServerBootstrap启动时候指定EventLoopGroup（主从reactor模式中的从reactor） 也就是说主reactor负责处理accept事件，从reactor负责处理read事件2.channelReadComplete事件传播大多数人看到 channel...

一、简介         防抖和节流主要用于控制事件触发频率，提高页面性能和用户体验。         防抖: 当事件被触发后，在一定时间内有新的对应事件，则会取消老的事件执行。         节流: 当事件触发后，在一定时间内会忽略新的事件执行。 二、技术实现 1、useDebounce hook export const useDebounce = (state, delay) => { const ...

一、简介 通过自定义hook，实现对http请求封装。 支持loading状态判断请求进度，支持获取请求正确和错误结果。 二、技术方案 use request hook export const useRequest = (options) => { // 请求参数 const [url, ...init] = options; // 请求返回的数据 const [data, setData] = useS...