学习React:认知React中的不可变性和状态
![](/images/tt/react.jpg) [React](/React/)强制实施状态不可变性,这意味着不能直接更改有状态值。 这实际上可以释放,并帮助消除整个类 bug。 亚伦·鲍威尔 (@斜杠) 谈论不可变性、为什么很重要,以及如何在React中管理它。 不变性对应的英文单词是 Immutability,它不是 [React](/React/) 中的概念,但它...
![](/images/tt/react.jpg) [React](/React/)强制实施状态不可变性,这意味着不能直接更改有状态值。 这实际上可以释放,并帮助消除整个类 bug。 亚伦·鲍威尔 (@斜杠) 谈论不可变性、为什么很重要,以及如何在React中管理它。 不变性对应的英文单词是 Immutability,它不是 [React](/React/) 中的概念,但它...
![](/images/tt/react.jpg) 聊聊[React](/React/)中setState是异步和同步。 setState异步更新 {#heading-0} ------------------------- 开发中当组件中的状态发生了变化,页面并不会重新渲染。我们必须要通过setState来告知React数据已经发生了变化,重新渲染页面。 先来看下面的...
![](/images/tt/react.jpg) [React](/React/)基础知识:聊聊[React](/React/)中的useState与useReducer。 在正式讲`useState`,我们先热热身,了解下必备知识。 {#_label1} 为什么会有hooks {#heading-1} ----------------------- 大家都知道`h...
![](/images/tt/vue.jpg) [vue3](/tags/vue3/)每日一学:分享在[vue3](/tags/vue3/)+vite中使用vuex。 在[vue3](/tags/vue3/)+vite创建的项目中使用vuex,要注意的是vite有部分写法和之前的webpack是不同的,比如,他不支持 require,想把vue2的项目直接升级到vue3的时...
![](/images/tt/html.jpg) 当然发生一切大事情的,一些大型门户网站变灰,为了纪念某个节日或者缅怀伟人等等。身为站长的我们都会让自己的网站的全部网页变成灰色(黑白色),以表示我们对逝者的悼念。 实现这个功能其实很简单,通过几行简单的代码即可,接下来,小编分享给大家。 修改CSS文件 ------- 我们可以在网页的CSS文件中添加以下的CSS代码,来...
![](/images/tt/vue.jpg) [Vue](/VueJs/)基础应用:遍历和修改数组和对象的方式。 对数组和对象进行遍历和修改 {#heading-0} -------------------------- {#_lab2_0_0} ### 1、对数组进行循环 {#heading-1} v-for进行循环,有两个参数(item,index) 注意:t...
![](/images/tt/vue.jpg) [vue](/VueJs/)应用:过滤、模糊查询及计算属性。 ### 什么是计算属性 概念 > 计算属性是vue里面为了简化在模板语法中对响应式属性做计算而存在的 什么时候应该使用计算属性 > 根据现有响应式的值得到一个新的值 ### 1、结构 ``` <!-- * @Descripttion: ...
![500.jpg](http://static.51tbox.com/static/2024-11-23/col/7206722d01fce2eba05eca2992546916/c442c76900994f21a65ba6e316e2643c.jpg.jpg "500.jpg") 今天介绍一个[CSS](/Html4css/)小应用,当我们全选页面后,...
![](/images/tt/vue.jpg) 今天分享一个[vue](/VueJs/)小知识:带你了解[Vue](/VueJs/).extend()的基本使用规则。我们一起往下学下吧。 Vue.extend介绍 ------------ Vue.extend 属于 Vue 的全局 API,在实际业务开发中我们很少使用,因为相比常用的 Vue.component 写法使用...
![](/images/tt/react.jpg) 今天我们聊聊一个[React](/React/)基础知识:约束性组件( controlled component)与非约束性组件( uncontrolled component),以及他们有什么区别呢? 在 React中,组件负责控制和管理自己的状态。 如果将HTML中的表单元素( input、 select、 text...