夏日杨洋-CSDN博客

原创 vue知识点

提交异步请求，组件通过this.$store.dispatch('行为','值')，可在这里发送请求,之后可以通过commit('行为','值')来提交给mutations，如果不需要向服务器发送请求，可以在组件中通过this.$store.commit('行为','值')来直接提交到mutations里。-虚拟dom中，key是唯一标识，当状态中的数据发生变化时，vue会根据新数据生成新的虚拟dom，随后新的虚拟dom与旧的虚拟dom进行差异比较(diff算法)。适用于任意组件通信。

2023-06-07 21:01:18 145 1

原创 React 面试题（3）

实际上它只是一层对真实DOM的抽象，以JavaScript对象（VNode节点）作为基础的树，用对象的属性来描述节点，最终可以通过一系列操作时这棵树映射到真实环境上，创建虚拟DOM就是为了更好将虚拟的节点渲染到页面视图中，所以虚拟DOM对象的节点与真实DOM的属性一一照应。3、根据上面提到的规则（如果一个操作数是对象，另一个操作数不是，则调用对象的valueOf()方法，用得到的基本类型值按照前面的规则进行比较，如果对象没有valueOf()方法，则调用 toString()）

2023-05-24 19:35:30 198

原创 React面试题进阶

从设计上来说，React 元素是一个普通的对象但是，如果服务器侧有一个允许用户存储任意JSON对象的漏洞，而客户端代码期待一个字符串，在这种情况下，React 0.13很容易受到XSS攻击。Koa的洋葱模型是以next()函数为分割点，先由外到内执行Request的逻辑，然后再由内到外执行Response的逻辑，这里的request的逻辑，我们可以理解为是next之前的内容，response的逻辑是next函数之后的内容，也可以说每一个中间件都有两次处理时机。

2023-05-16 09:54:54 194 1

原创 react面试题

1.说说你对react的理解？有哪些特性？理解？React，用于构建用户界面的 JavaScript 库，提供了 UI 层面的解决方案遵循组件设计模式、声明式编程范式和函数式编程概念，以使前端应用程序更高效使用虚拟DOM来有效地操作DOM，遵循从高阶组件到低阶组件的单向数据流帮助我们将界面成了各个独立的小块，每一个块就是组件，这些组件之间可以组合、嵌套，构成整体页面react 类组件使用一个名为 render() 的方法或者函数组件return，接收输入的数据并返回需要展示的内容特性。

2023-05-15 10:59:41 220

原创 React路由

不是所有组件都直接与路由相连（比如拆分的子组件）的，当这些组件需要路由参数时，使用withRouter就可以给此组件传入路由参数，将react-router的history、location、match三个对象传入props对象上，此时就可以使用this.props.history跳转页面了或者接受参数了。this.props.location.query.id 获取query传递的参数据，刷新数据不在。props.history.push(url) 跳转页面可以返回上一页，保留历史记录。

2023-04-19 19:27:54 182

原创 React生命周期

(1) componentWillMount ,在ssr中这个方法将会被多次调用，所以会重复触发多遍，同时在这里如果绑定事件，:用于控制组件重新渲染的生命周期，state发生变化，组件会进入重新渲染的流程，在这里return false可以阻止组件的更新。: 在接受父组件改变后的props需要重新渲染组件时用到的比较多，外部组件传递频繁的时候会导致效率比较低。: 在调用 render 方法之前调用，并且在初始挂载及后续更新时都会被调用。在 React 组件挂载之前，会调用它的构造函数。

2023-04-17 16:49:14 76

原创 React组件与组件通信

由于React的数据流是自上而下的，所以是从父组件向子组件进行传递；比如，给表单元素input绑定一个onChange事件，当input状态发生变化时就会触发onChange事件，从而更新组件的state。即不受setState()的控制，与传统的HTML表单输入相似，input输入值即显示最新值。state是组件内部的状态（数据），不能够直接修改，必须要通过setState来改变值的状态，从而达到更新组件内部数据的作用。由React控制的输入表单元素而改变其值的方式，称为受控组件。

2023-04-17 16:45:57 61 1

原创初识React

key是虚拟DOM对象的唯一标识，在更新显示时key起到极其重要的作用，简单的来说就是为了提高diff的同级比较的效率，避免原地复用带来的副作用。react采用的是自顶而下的更新策略，每次小的改动都会生成一个全新的的vdom，从而进行diff，如果不写key，就会发生本来应该更新却没有更新。react中可以使用map方法渲染列表，return对应的页面结构即可， React 在渲染列表时，会要求开发者为每一个列表元素指定唯一的。函数是被组件实例调用的，因此render函数中的this指向当前组件。

2023-04-17 16:43:54 72 1

原创 Django的基本使用

python manage.py makemigrations [app名称]python manage.py migrate [app名称]django-admin startproject 文件名。django-admin startapp [APP名称]

2023-04-17 16:35:02 66 1

原创 git仓库的使用

git仓库的使用

2023-04-17 16:30:42 434 1

2301_76784640的博客