自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 React的生命周期

只有类组件才有生命周期,函数组件是没有生命周期的,在任何情况下都会重新渲染函数组件可以使用React.memo优化,跳过渲染过程,复用最后一次的结果按照以下的顺序分析:挂载->更新->卸载。......

2022-08-25 22:37:05 226 1

原创 为什么React要用JSX

在面向对象的编程设计中有一个核心概念称为关注点分离,是指将代码分隔成不同的部分的设计原则,目的在于简化程序的开发和维护,当关注点分开时各部门可以重复使用已经独立开发更新。模板的缺点是:模板的关注点分离比较弱,它更关注的是技术栈的分离,而不是关注点;模板引入了更多的概念,新的模板语法,模板指令。既然在编译的时候都会编译成React.createElement的语法,那么为什么不使用模板、模板字符串。JSX是一个js的语法扩展 、一个类似于XML的ECMAScript的语法扩展。这样的写法也是可以的。

2022-08-25 15:12:53 409

原创 ES6解构赋值

-----------数组解构赋值-----------------------------------------------------以前对变量赋值只能为变量指定赋值,es6允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构。----对象解构赋值,变量的取值和赋值次序无关,赋值的属性名必须和变量名一致时赋值。-----------是一种针对数组或者对象进行模式匹配,然后对其中的变量进行赋值,方便了复杂对象中数据字段的获取。

2022-08-25 13:56:15 158

原创 VUE中使用SCSS ,SCSS的使用

scss是一种css预处理语言。定义了一种新的专门的编程语言,编译后形成正常的css文件,为css增加一些编程特性,无需考虑浏览器的兼容性(完全兼容css3),让css更加简洁、适应性更强,可读性更佳,更易于代码的维护等诸多好处。常见的css预处理语言有SCSS (SASS) 和LESS、POSTCSS那么SCSS和SASS 有什么区别呢· 文件扩展名不同,文件后缀分别是“.scss”和“.sass”

2022-08-25 09:40:17 1857 1

原创 React理解

react将DOM抽象成虚拟DOM,开发者不会直接操作DOM。使得React不在局限于web平台( react native、react 360)react并不是一个一揽子框架,在开发应用时候,更依赖社区的解决方案,虽然促进了社区的发展,也导致在技术选项和学习使用上有比较高的开发成本。react是一个构建前端界面的js库,通过组件化的方式构建快速响应的大型Web应用程序。优势:视图的拆分和模块复用,更容易做到高内聚低耦合。没有采用模板,而是采用了 声明式的JSX。通过组件化的的方式解决了开发复用的问题。

2022-08-22 21:57:33 151

空空如也

空空如也

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

TA关注的人

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