51工具盒子

依楼听风雨
笑看云卷云舒,淡观潮起潮落

前端开发

学习React:认知React中的不可变性和状态

学习React:认知React中的不可变性和状态

厉飞雨 阅读(6) 评论(0) 赞(0)

![](/images/tt/react.jpg) [React](/React/)强制实施状态不可变性,这意味着不能直接更改有状态值。 这实际上可以释放,并帮助消除整个类 bug。 亚伦·鲍威尔 (@斜杠) 谈论不可变性、为什么很重要,以及如何在React中管理它。 不变性对应的英文单词是 Immutability,它不是 [React](/React/) 中的概念,但它...

React应用:了解下setState是异步还是同步

React应用:了解下setState是异步还是同步

厉飞雨 阅读(7) 评论(0) 赞(0)

![](/images/tt/react.jpg) 聊聊[React](/React/)中setState是异步和同步。 setState异步更新 {#heading-0} ------------------------- 开发中当组件中的状态发生了变化,页面并不会重新渲染。我们必须要通过setState来告知React数据已经发生了变化,重新渲染页面。 先来看下面的...

React基础知识:聊聊React中的useState与useReducer

React基础知识:聊聊React中的useState与useReducer

厉飞雨 阅读(4) 评论(0) 赞(0)

![](/images/tt/react.jpg) [React](/React/)基础知识:聊聊[React](/React/)中的useState与useReducer。 在正式讲`useState`,我们先热热身,了解下必备知识。 {#_label1} 为什么会有hooks {#heading-1} ----------------------- 大家都知道`h...

vue3每日一学:分享在vue3+vite中使用vuex

vue3每日一学:分享在vue3+vite中使用vuex

厉飞雨 阅读(7) 评论(0) 赞(0)

![](/images/tt/vue.jpg) [vue3](/tags/vue3/)每日一学:分享在[vue3](/tags/vue3/)+vite中使用vuex。 在[vue3](/tags/vue3/)+vite创建的项目中使用vuex,要注意的是vite有部分写法和之前的webpack是不同的,比如,他不支持 require,想把vue2的项目直接升级到vue3的时...

CSS应用:分享一些“一键使得网站变灰”的方法

CSS应用:分享一些“一键使得网站变灰”的方法

厉飞雨 阅读(5) 评论(0) 赞(0)

![](/images/tt/html.jpg) 当然发生一切大事情的,一些大型门户网站变灰,为了纪念某个节日或者缅怀伟人等等。身为站长的我们都会让自己的网站的全部网页变成灰色(黑白色),以表示我们对逝者的悼念。 实现这个功能其实很简单,通过几行简单的代码即可,接下来,小编分享给大家。 修改CSS文件 ------- 我们可以在网页的CSS文件中添加以下的CSS代码,来...

Vue基础应用:遍历和修改数组和对象的方式

Vue基础应用:遍历和修改数组和对象的方式

厉飞雨 阅读(4) 评论(0) 赞(0)

![](/images/tt/vue.jpg) [Vue](/VueJs/)基础应用:遍历和修改数组和对象的方式。 对数组和对象进行遍历和修改 {#heading-0} -------------------------- {#_lab2_0_0} ### 1、对数组进行循环 {#heading-1} v-for进行循环,有两个参数(item,index) 注意:t...

vue应用:过滤、模糊查询及计算属性

vue应用:过滤、模糊查询及计算属性

厉飞雨 阅读(4) 评论(0) 赞(0)

![](/images/tt/vue.jpg) [vue](/VueJs/)应用:过滤、模糊查询及计算属性。 ### 什么是计算属性 概念 > 计算属性是vue里面为了简化在模板语法中对响应式属性做计算而存在的 什么时候应该使用计算属性 > 根据现有响应式的值得到一个新的值 ### 1、结构 ``` <!--  * @Descripttion: ...

vue小知识:带你了解Vue.extend()的基本使用规则

vue小知识:带你了解Vue.extend()的基本使用规则

厉飞雨 阅读(4) 评论(0) 赞(0)

![](/images/tt/vue.jpg) 今天分享一个[vue](/VueJs/)小知识:带你了解[Vue](/VueJs/).extend()的基本使用规则。我们一起往下学下吧。 Vue.extend介绍 ------------ Vue.extend 属于 Vue 的全局 API,在实际业务开发中我们很少使用,因为相比常用的 Vue.component 写法使用...

React基础知识:约束性组件( controlled component)与非约束性组件( uncontrolled component)有什么区别?

React基础知识:约束性组件( controlled component)与非约束性组件( uncontrolled component)有什么区别?

厉飞雨 阅读(4) 评论(0) 赞(0)

![](/images/tt/react.jpg) 今天我们聊聊一个[React](/React/)基础知识:约束性组件( controlled component)与非约束性组件( uncontrolled component),以及他们有什么区别呢? 在 React中,组件负责控制和管理自己的状态。 如果将HTML中的表单元素( input、 select、 text...