个人技术分享

v-bind

从另一方面来说，由于可以通过保持属性引用稳定来避免子组件的重渲染，那么我们应该细分组件来尽量避免多余的渲染（只要组件对应的对象 地址不发生改变，则不会重新渲染）。当使用v-mode1绑定一个表单项时，当用户改变表单项的状态时，也会随之改变数据，从而导致vue发生重渲染(rerender)，这会带来一些性能的开销。我们可以通过使用lazy或不使用v-model的方式解决该问题，但要注意，这样可能会导致在某一个时间段内数据和表单项的值是不一致的。但是这种也会存在问题，就是数据不是实时的。

先将nodejs的版本切换到18：接着，使用webstorm打开这个刚创建的项目：添加一个npm run start的配置：通过start启动服务：浏览器访问：http://localhost:3000/

勾选或清除复选框时，计数器状态不会重置。它是同一位置的相同组件，所以从 React 的角度来看，它是相同的计数器。同一位置的相同组件保留状态。

element 表格滚动条滑动，表格错位

Next.js 是一个基于 React 的开源框架，它使得构建用户界面变得更加简单而高效。Next.js 特别适合用于构建服务器端渲染（Server-Side Rendering,）和静态导出的网站和应用程序。它提供了自动的代码分割、服务器端渲染、客户端渲染、静态网站生成（Static Site Generation,通过掌握上述知识和技术，你可以有效地使用 Next.js 和 React 构建高质量的网页应用。

！！声明必看：由于本篇开始就写了Vue，内容过多，本篇部分内容还有待完善，小编先去将连续更新的js高阶第四天完成~本篇部分待完善内容明日更新。

注意，这里充分体现了Django开发最不方便的地方，因为我们没有继承默认的DRF类，所以这个接口不支持通过网页测试了。这里不能叫auth，否则会重名，会抛异常。所以，这里我们使用Postman进行测试。注册成功以后，会返回一个token。

最近在做项目时遇到一个问题，使用elementUI的Descriptions 描述列表与form表单校验时，遇到校验信息显示的位置不对，效果如图

在项目的开发中，何时使用状态提升，何时使用上下文，我们需要根据具体需求，以及组件的复杂性。当只有少数几个组件需要访问状态，并且这些组件关系密切（如父子或兄弟组件）时使用。保持数据流简单和明确，使得追踪和调试数据流通过组件的方式更加容易。状态提升的好处是简单、方便，但是需要层层传递，如果结构复杂就显得比较混乱。对应使用上下文，可以应用在以下几种场景当状态需要被应用内不同层级的许多组件访问时。用于可以被视为“全局”的数据，如主题、用户设置、身份验证数据等。

来监听 DOM 事件，并在事件触发时执行对应的 Vue的JavaScript代码。// 响应式数据 当发生变化时,会自动更新 dom树。// 通过事件对象阻止组件的默认行为。

让我们看看创建的项目文件。使用代码编辑器打开backend项目。我会在这本书中使用vscode编辑器。

React 通过 Batch 方式将所有的数据更新整合在一起，而不是每次都进行更新。在 React 渲染分为两个阶段，Render 和 Commit，Render 是修改 React 组件的状态，把需要更新的组件标记为待更新，在 Commit 阶段将待更新的组件进行渲染并最终更新到浏览器的 Dom 树中。Render 阶段是可以并执行操作的，组件状态如有变更，保留新的状态，抛弃老的状态，这个阶段就是虚拟 Dom 更新阶段，不是简单销毁并重新构建，而是通过一系列比较算法只更新有变化的属性。

让我们看看创建的项目文件。使用代码编辑器打开backend项目。我会在这本书中使用vscode编辑器。

【代码】react mobx mobx-react-lite 使用。

Vue中的`v-for`指令可以用于循环渲染一个数组或对象的数据。通过`v-for`指令，我们可以遍历数组或对象的每个元素，并根据模板生成相应的DOM元素。这个指令提供了灵活的方式来渲染列表数据

react 核心概念-JSX

还会持续更新

现在，让我们开始开发我们的后端服务吧！一个Django项目可以包含一个或者多个应用，用于一起写作以提供强大的API功能。Django使用应用来划分各个模块的核心功能，用来保障代码的整洁和可读性！在bakend根目录下，使用下面的命令，来创建一个叫做todo的新应用。一个叫做todo的文件夹会被添加到项目中。在接下来的开发中，我们会解释这个文件夹内部的各个文件为用法。尽管我们的应用已经存在项目目录了，但是Django无法自动识别它，除非我们显式的添加它。

常用的前端框架有以下几种：