- 博客(16)
- 收藏
- 关注
原创 什么是虚拟DOM
虚拟DOM是一个以JavaScript对象形式表示真实DOM的抽象层,它通过比较新旧虚拟DOM之间的差异,并最小化地更新真实DOM,以提高渲染性能和效率。
2024-10-28 14:38:13
258
原创 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基础(五)
当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
原创 原码、反码、补码
定义:十进制数据的二进制表现形式,最左边是符号位,0为正,1为负利用原码对正数计算不会有任何问题但如果是负数计算,实际运算的结果会与预期的结果相反10000000 值为 -0进行加1操作 -0+1 = 1而10000000 加1后为 10000001 值为-1。
2024-07-25 17:07:45
811
React+echarts 渐变横向排名柱状图
2024-09-11
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人