自定义博客皮肤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)
  • 收藏
  • 关注

原创 react中的路由使用

路由的原理和使用

2022-03-03 14:59:40 871 1

原创 react之中利用第三方库添加类名classnames

React之中类名添加的第三方库:classnames

2022-02-18 15:15:32 2642

原创 React之中的styled-components

react之中styled-components设置css样式

2022-02-17 20:01:20 1150

原创 React中高阶组件应用

高阶组件:函数传入一个组件,返回一个新的组件。

2022-02-17 19:41:44 436

原创 react全局事件传递

react之中实现兄弟组件的信息传输

2022-01-29 19:56:49 1691 1

原创 React的更新

react之中新旧树对比,以及相关性能的优化

2022-01-28 22:16:46 976

原创 react之中的setState

setState是同步还是异步,以及有关数据的合并

2022-01-22 22:51:24 428

原创 Js学习4

1.数组一般方式:let arr=new Array();arr[0]=0;运用1:arr[length]=9;能够在数组末尾添加元素运用2:数组依旧是对象,也就是arr.age=18;依旧能够成功一般面量:let arr=[1,2,3,4,5] <script> //代表其中只有一个元素10 let arr=[10]; //代表创建了有十个数字的数组 let arr2=new Array(10);

2020-10-31 22:51:12 70

原创 JS学习3

1.引用当一个对象变量被拷贝 —— 引用则被拷贝,而该对象并没有被复制引用之后,两者指向同一地方,任意一个做出相关的数据修改,另外一个数据也修改 <script> //let fruit=prompt('whhile fruit you want'); let user={ '+2':'二傻', '+3':'三傻', '+1':'大傻', } let

2020-10-30 13:24:54 106

原创 JS学习日记2

一:变量是动态变量,也就是可以存储任何类型,不需要声明变量的类型 (区别c语言)二:交互附加其余:空值合并运算符:?? 运算符从一列变量中,选取值为已定义的值(defined value)的变量。a ?? b 的结果是 a,除非 a 为 null/undefined,这时结果是 b。比较运算符:对不同类型的值进行相等检查时,运算符 == 会将不同类型的值转换为数字(除了 null 和 undefined,它们彼此相等而没有其他情况),所以下面的例子是相等的:...

2020-10-28 19:57:27 113

原创 JS学习笔记1

1.函数function声明:function 函数名(参数){}2.局部变量,外部变量函数可以访问外部变量,也可以修改外部变量 <script> let username='John'; function showMessages() { username='mark'; alert('hello'+username); } al

2020-10-28 14:59:44 87

原创 Css5

JS学习:1.浮点数:注意:浮点数不能直接相互比较有精度问题 <script> //浮点数注意 算数运算出问题 console.log(0.1+0.2); console.log(0.07*100); //结果是 // 0.30000000000000004 //7.000000000000001 //不能拿浮点数直接相互比较 var num

2020-10-20 00:14:38 813 1

原创 Css日记4

一:3D案例:实现一个鼠标通过,立体感的上下翻转,此案例注意的十,上下盒子的位置,先设置下盒子向屏幕方向下爬,也就是x轴度数为正的旋转,再移动到前面盒子的底部,此时移动前面盒子的z轴向往,主要是未来控制立方体的体心在轴上位置。<style> *{ margin: 0; padding: 0; } li{ list-style: none; }

2020-10-19 00:22:44 98

原创 Css3日记

一:3D转换区别之前的2D转换,容易记混。3D转换,需要在父盒子上添加一个透视作用,透视越低立体感越强。transform:rotateX(45deg):中心轴X轴上旋转,正方向(度数为正)超电脑里面方向旋转。如图方向transform:rotateY(45deg):中心轴Y轴上旋转,正方向(度数为正)超电脑里面方向旋转。transform:rotateZ(45deg):Z轴旋转就像是平面的2D旋转,由于Z轴垂直于界面加了透视效果也不明显。transform3d(1,0,0,45deg); 表

2020-10-17 23:40:02 116

原创 Cssr日记2

~昨日补充:一:-2D转换综合写法:设置盒子先移动后旋转,同时有位移和其他属性,位移 放前。注意:如果先旋转再移动 会出现偏差(改变坐标轴的方向)<style> div{ width: 200px; height: 200px; transition: all 1s; background-color: brown; } div:hover{

2020-10-16 22:52:11 182

原创 Css日记1

css 日记11.新增属性选择器方便于相同的标签选用(1)如下选择为 input[value]<input type="text" value=""><input type="text">(2)如下选择为 input[type=text]<input type="text" > <input type="password">(3)形式如class="icon-n"的选择(都以icon开头)/*选择为: div[class^ic

2020-10-15 22:32:36 163 1

空空如也

空空如也

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

TA关注的人

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