自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(16)
  • 收藏
  • 关注

原创 什么是虚拟DOM

虚拟DOM是一个以JavaScript对象形式表示真实DOM的抽象层,它通过比较新旧虚拟DOM之间的差异,并最小化地更新真实DOM,以提高渲染性能和效率。

2024-10-28 14:38:13 258

原创 什么是Redux,是怎么实现的

redux是一个全局状态管理器,解决了在开发过程中数据无限层层传递而引发的一系列问题。

2024-10-28 14:24:56 348

原创 React生命周期和钩子函数

React生命周期可以分为三个阶段:挂载阶段(Mounting)、更新阶段(Updating)、卸载阶段(Unmounting)。组件实例被创建并插入到DOM中,依次执行render()和render()组件的props或state发生变化时,组件会重新渲染。依次执行(可选)、(可选)、(可选,React 16.3引入)、(可选,React 16.3引入)和组件从DOM中移除,执行。

2024-10-16 10:20:00 566

原创 typescript中的interface和type的区别分别的概念

interface和type都是创建自定义类型的手段。1、扩展方式interfaceextendstype2、灵活性interfacetype3、 递归和自引用interfacetype4、合并行为interfacetype。

2024-10-16 09:37:41 238

原创 flex布局

Flex布局即弹性盒布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持,这意味着,现在就能很安全地使用这项功能。:设为Flex布局以后,子元素的float、clear和vertical-align属性将失效。

2024-10-15 14:23:12 687

原创 React如何进行性能优化-方式、原理、示例

基于浅比较(shallow comparison)来检查 props 是否发生变化,如果 props 没有变化,则直接返回上次渲染的结果,而不是重新渲染组件。组件则用于包裹懒加载的组件,并提供一个加载指示器(如“Loading...”文本或加载动画),直到懒加载的组件加载完成。在React组件的JSX中使用内联对象时,每次组件渲染都会创建一个新的对象实例,这意味着每次渲染时该对象的引用都会改变。,则 React 会跳过该组件的渲染过程及其子组件的渲染过程,从而避免不必要的 DOM 操作。

2024-10-11 16:42:21 1099

原创 VUE基础大结局-用vue-cli搭建一个简单的vue项目吧!

vue-cli是vue官方提供的、快速生成vue工程化项目的工具vue-cli官网 https://cli.vuejs.org/zh/

2024-09-11 14:57:03 2040

原创 VUE基础(六)

定义需要路由展示的组件,eg: Home.vue About.vue。

2024-09-04 17:17:40 756

原创 VUE基础(五)

当v-for、v-if等内置指令无法满足开发者的需求时,开发者可自定义指令私有自定义指令全局自定义指令自定义指令在使用时,必须以v-前缀开头,在声明时,不需要加可在组件中,通过directives节点声明私有自定义指令<template>-- 使用v-focus自定义事件 --><script>// 自定义一个私有指令//自定义指令名称:{}focus: {// 当被绑定的元素渲染到DOM中后,自动触发mounted函数//el即为当前指令所绑定的DOM元素el.focus()

2024-08-27 17:00:57 1205

原创 VUE基础(四)

定义:watch侦听器允许开发者监听数据的变化,从而针对数据的变化进行特定操作作用:组件在初次加载完毕后不会调用watch监听器,immediate选项可以让watch监听器立即被调用另username不在是一个方法了,而是指向一个对象作用:如果监听的是对象,对象中的属性值发生了变化,则无法被监听到,此时需要使用deep选项计算属性侧重于监听多个值的变化,最终计算并返回一个新值侦听器侧重于监听单个数据的变化,最终执行特定的业务处理,不需要有任何返回值。

2024-08-23 16:43:43 3110

原创 VUE基础(三)

通过自定义验证函数validator(),可以对props属性的值进行更加精确的控制props: {type: {// 定义验证函数validator,对type属性进行校验// value即为父组件传递来的type的值// props的值,必须匹配下面字符串中的一个,匹配返回true,否则返回false== -1},定义:让组件的使用者可以监听到组件内状态的变化。

2024-08-15 15:02:33 517

原创 Vue基础(二)

为每个组件分配唯一的自定义属性,编写样式时通过属性选择器来控制样式作用域。

2024-08-12 16:45:34 967

原创 Vue基础(一)

定义:vue 用于构建用户界面的渐进式前端框架。

2024-08-07 13:51:09 1955

原创 原码、反码、补码

定义:十进制数据的二进制表现形式,最左边是符号位,0为正,1为负利用原码对正数计算不会有任何问题但如果是负数计算,实际运算的结果会与预期的结果相反10000000 值为 -0进行加1操作 -0+1 = 1而10000000 加1后为 10000001 值为-1。

2024-07-25 17:07:45 811

原创 Java基础语法(一)

计算机语言。

2024-07-20 13:57:49 872

原创 CMD常见命令

命令提示符窗口。

2024-07-16 16:05:07 211

React+echarts 渐变横向排名柱状图

基于React实现的echarts横向柱状图 1、柱状图颜色线性渐变 2、排名效果,前三名name前显示前三排名图片,其他显示具体排名 3、最右侧显示具体数值

2024-09-11

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除