个人技术分享

但是React官方提供了一个Hooks叫useState，它解决了函数式组件和类式组件的差异，让函数式组件拥有了类式组件所拥有的 state ，同时新增了一些 API ，让函数式组件，变得更加的灵活。count 是初始化的值，而 setCount 就像是一个 action 对象驱动状态更新，我们可以通过 setCount 来更新 count 的值。这里利用了useState，让函数式组件能够维护自己的 state ，它接收一个参数，作为初始化 state 的值，赋值给 count。

在当今信息化高速发展的时代，数据的存储和传输变得尤为重要。特别是在云计算和大数据技术的普及下，文件的压缩与解压缩成为数据处理的基础环节之一。文件压缩不仅可以有效节省存储空间，还能减少数据传输时的带宽占用，提高传输效率。因此，开发一款高效、易用的文件压缩与解压缩系统具有重要的现实意义。基于此，本项目基于SSM（Spring、Spring MVC、MyBatis）和VUE技术栈，旨在提供一个高效、稳定、用户友好的文件压缩与解压缩解决方案。该项目的主要目标是通过前后端分离的开发模式，实现文件的高效压缩与解压缩

Options类型的 API，数据、方法、计算属性等，是分落在：data、methods、computed中的，而CompositionAPI组合式可以用函数的方式，更加工整的组织代码，让相关的代码更加有条理的组织在一起。

Collections.emptyList()

之前一直使用的OC，现在也有不少人使用Swift，我也尝试一下，写一个简单又基础的功能：页面的跳转和返回。这里将显示几个swift文件的代码。

当使用new Vue()方式的时候，无论将data设置对象还是函数都是可以的，因为new Vue()的方式是生成一个根组件，该组件不会复用，也就不存在共享data的情况了。当#号后面的值发生变化了，可以通过hashChange方法监听到url的变化，从而进行页面跳转，hash模式相对来说更简单，且兼容性更好。切换组件防止状态多次渲染，用keep-alive包裹需要保存的组件，被包裹的组件在切换时不会进行销毁，而是缓存到内存中执行。关键是只对比同层的，而不是跨层对比，因为实际业务中也很少跨层对比。

Prop定义：组件上注册的一些自定义属性Prop作用：向子组件传递数据。

项目中遇到的 element-plus 相关问题经验总结

【代码】js图片回显的方法。

TypeScript 提供了丰富的类型系统，允许开发者以静态方式定义和使用数据类型。这不仅提升了代码的安全性，还增强了代码的可读性和可维护性。

在使用 async 关键字声明的函数内部，可以使用 await 关键字来等待一个 Promise 对象解析。这样可以使代码更加清晰和易于理解，因为它们使异步代码看起来更像同步代码，避免了回调地狱。

Vue监听器

注意防止栈溢出（函数调用就是通过栈这种数据结构实现的），需要有结束条件。理论上所有递归都可以用循环实现。

input类型：text password sumbit、reset、 checkbox(多选)、ratio（单选）Array对象：属性length 方法join() reverse() sort()提交表单（

React中props和state的区别是什么？

前端：将数据封装为json格式；；后端：手动处理json格式数据，对request.body接收的二进制数据进行处理：解码 + 反序列化。需要利用内置对象FormData添加普通的键值对添加文件对象需要指定两个关键性的参数contentType:false, // 不需要使用任何编码，django后端能够自动识别formdata对象processDate:false, // 告诉你的浏览器不要对你的数据进行任何处理。

首先，在React组件的状态中定义一个变量来存储输入框的值。事件中，通过事件对象获取输入框的值，并将其更新到状态变量中。最后，在返回的JSX中，我们将输入框的值绑定到。最后，可以通过访问状态变量来获取输入框的值。的状态变量，并将其初始值设置为空字符串。钩子函数来创建一个状态变量。属性，并在下方展示输入框的值。属性获取输入框的值，并使用。函数将其更新到状态变量中。在上面的代码中，我们使用。函数中，我们通过事件对象。钩子函数创建了一个名为。

声明式编程意味着为每个视图状态声明 UI 而非细致地控制 UI（命令式）。当开发一个组件时：写出你的组件中所有的视图状态。确定是什么触发了这些 state 的改变。通过useState模块化内存中的 state。删除任何不必要的 state 变量。连接事件处理函数去设置 state。如果两个 state 变量总是一起更新，请考虑将它们合并为一个。仔细选择你的 state 变量，以避免创建“极难处理”的 state。用一种减少出错更新的机会的方式来构建你的 state。

可以应用于函数组件和类组件，但是对于类组件，它只会对 props 进行浅比较。如果需要对类组件的 state 进行优化，可以考虑使用。接受一个组件作为参数，并返回一个新的优化过的组件。这个新的组件在接收到新的 props 时，会进行浅比较来判断是否需要重新渲染。默认只进行浅比较，如果组件的 props 是一个复杂对象，需要自定义比较函数来判断是否需要重新渲染。是 React 提供的一个高阶组件，用于对函数组件进行性能优化。可以避免不必要的重新渲染，提高组件的性能。比较函数需要返回一个布尔值。