- 博客(20)
- 收藏
- 关注
RSS订阅原创 props中函数this指向问题
此代码在编译过程中并不会出现类型错误，但当我们在运行代码后，触发Board组件的onClick回调时，却会出现报错，报错提示在handleClick中this.state上并没有找到history属性，此时可见handleClick中的this已经改变指向，不再指向Game而是指向Broad，与期望不符。要使this指向不发生改变，则不能把Game中的定义方法直接传递给Broad，而是传递一个匿名函数，此函数会触发Game中的handleClick，此时this会指向Game而达到期望的效果。
2022-11-16 12:02:17
554
1
原创 隐式转换的逻辑
隐式转换是什么东西，首先我们分析一下这个词，转换是实际操作，隐式是形容这个过程，也就是说，是在我们不知道的内部进行了转换，这么一说就理解了，在1=="1"这个例子中，浏览器自动把两个类型转换成同一个类型然后进行判断，这就是隐式转换，
2022-01-03 00:21:14
283
原创 在控制台打印出红色字体
如何在控制台打印出有颜色甚至有背景色的字体，实际是非常简单的，也不用学习新的代码，只需要发散一下思维，用一下css3的样式就可以改变控制台输入的字体颜色和背景颜色了。
2021-12-26 19:59:16
2882
原创 防抖与节流
防抖与节流的区别相当好区分，要理解其内核即可轻松记下，我们可以一行行分析每行代码的作用，提炼出最核心的地方，理解这个核心就能完全掌握防抖与节流。
2021-12-26 19:37:30
322
原创 五分钟教你分清伪数组与真数组
伪数组与真数组的区别在于两点，一是为数组有length，却不能使用array的方法，二是伪数组的数据类型是object,转换伪数组的重点在于令其原型指向Array
2021-12-19 20:03:14
1381
原创 用js的canvas做一个飞机大战
首先我们绘制一个canvas区域，确实其宽高为480px*852px;水平居中<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,
2021-12-05 21:02:47
3208
原创 css基本选择器、复合选择器、伪类选择器
一、css代码书写方式：1、头部：书写在style标签内。<head> <style> css 代码段 </style></head>2、外链：将css代码写在外部css文件内，再使用link标签链接这个css文件。<link rel="stylesheet" href="css文件地址">3、行内：在标签内添加style属性，将css写在style属性里。<tagName st...
2021-11-24 19:29:39
409
原创 用JS输出一个验证码
html代码：<p>验证码：</p><div id="login" onclick="change()"><a href="#" rel="external nofollow" ></a></div>给div设置了一个click点击事件，js代码如下：function getCode(n) { var all = "azxcvbnmsdfghjklqwertyuiopZXCVBNMASDF..
2021-11-07 19:20:32
205
原创 js中的节点类型与获取方式
节点类型：document 文档节点、整个页面 documentType 文档类型节点 Element 元素节点、标签节点 Attribute 属性节点 Text 文本节点 Comment 注释节点 要用JS方式去对元素进行处理的话，通常需要先去获取元素的节点，然后针对节点进行加工。在js中有以下几种方式去获取节点：一般来说，获取节点是需要在页面上获得的，故通常有document的前缀d...
2021-11-07 18:31:01
697
原创 用js做一个可自定大小的表格
首先要自定义大小，那么表格的高度和宽度就不能定死，需要用变量去控制表格的大小，定义变量后，将变量应用于表格之中，然后输出。代码如下<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <script type="text/javascript"> var w
2021-10-25 20:30:51
728
原创 flex容器与浮动之间的区分
flex容器有两条轴，分别是主轴和从轴，主轴默认条件下是从左到右的水平方向，从轴默认是从上到下的垂直方向。在实际使用过程中，元素通常是一行行换行排行的，div盒子也是如此，为了满足开发的需要，在开发过程中我们通常需要让一部分盒子横向排行，此时使用浮动来让需要横向排序的盒子进行横向排序，不过通常会配合万能清除去清除浮动，因为浮动会脱离文档流，而在使用过程中我们只是需要让盒子横向排序而已。使用flex容器的话，给予父元素此属性，则子元素在默认情况下是横向排序的，而且可以给父元素增加排序来使子元素进行左中右，
2021-10-17 20:04:39
1145
原创 相对定位用法与表单元素基线
相对定位的用法是：position: relative;再输入定位变动代码left/right/top/bottom和像素量。position: relative;top: 10px;left: 10px;输入以下代码时：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/cs
2021-10-12 18:24:47
140
原创 图片超链接方式-css
新人刚学习html，特此收集自己学习过程上一些处理方式，并分析相应方式的优劣点，如有错误，望各位不咎指出。1、在img语句外面套上a语句<a href="#超链接路径"> <img src="图片路径"></a>图片本身会占位，a语句也会占位，哪怕a里面只有img的图片，也会导致a实际占位要比img占位要大，给a加一个边框可以看到a有一个透明的占位。2、在a里面放上一个div盒子，设定盒子的背景为图片<a href="#超链接路
2021-10-10 15:01:32
6628
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人