JavaScript笔记（二）

最新推荐文章于 2024-07-18 10:24:18 发布
最新推荐文章于 2024-07-18 10:24:18 发布
阅读量235 收藏
点赞数
分类专栏： 前端 文章标签： javascript js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lzbmc/article/details/103700127
版权

JavaScript笔记（二）

二、基于对象的JavaScript

1. JS对象概述

1.1. 基本类型与对象

原始类型和引用类型

在ECMAScript（JavaScript）中，变量有两种类型，即原始类型和引用类型。

  • 原始类型：原始类型的值存储在栈（stack）中。
  • 引用类型：引用类型存储的是一个指针。指向存储在堆中的对象。

JavaScript有五种原始类型：Undefined、Null、Boolean、Number和String。

typeof 运算符
  • typeof 运算符有一个参数，即要检查的变量或值
    （java中判断变量属于哪种类型：instanceof）
  • 如果变量是一种引用类型或Null类型的：“object”
    （html中的所元素都是对象）
  • 判断变量类型，如果判断对象返回的都是object
  • 在使用 typeof 运算符时采用引用类型存储值会出现一个问题，无论引用的是什么类型的对象，它都返回 “object”。到底是个什么对象？？——引入instanceof
instanceof 运算符

instanceof 方法要求开发者明确地确认对象的特定类型（对基本数据类型不起作用，全返回false）。

  • js数据类型分为两种
    基本数据类型：Undefined、Null、Boolean、Number和String
    对象类型（instanceof 只对对象判断，对基本数据类型无效都返回false）
  • js中所有new出来的全是对象
  • 所有“对象”都是object的子类
var oStringObject = new String("hello world"); 
alert(oStringObject instanceof String);	//输出 "true"

// 所有“对象”都是object的子类
var str2 = "sssss";
var str19 = new String("sssss");
			
document.write("typeof str2 :" + typeof str2 + "<br/>");  //string
// 对基本数据类型使用 instanceof 返回的全是false，instanceof只对对象有用。
document.write("str2 instanceof String :" + (str2 instanceof String) + "<br/>"); // false
document.write("str2 instanceof Object :" + (str2 instanceof Object) + "<br/>"); // false
			
document.write("typeof str19 :" + typeof str19 + "<br/>");  // object。js中所有new出来的全是对象
document.write("str19 instanceof String :" + (str19 instanceof String) + "<br/>"); // true
document.write("str19 instanceof Object :" + (str19 instanceof Object) + "<br/>"); // true

1.2. JS对象类型

本地对象(内置的类)

Object、Function、Array、String、Boolean、Number、Date、RegExp、Error、EvalError、RangeError、ReferenceError、SyntaxError、TypeError、URIError
由此可以看出，简单来说，本地对象就是 ECMA-262 定义的类（引用类型）。（相当于JavaScript提供的类）
var arr = new Array();

内置对象

ECMA-262 把内置对象（built-in object）定义为“由 ECMAScript 实现提供的、独立于宿主环境的所有对象，在 ECMAScript 程序开始执行时出现”。这意味着开发者不必明确实例化内置对象，它已被实例化了。
只定义了两个内置对象，即 Global 和 Math
Math. （会提示很多，不用new）

宿主对象

由ECMAScript实现的宿主环境提供的对象，可以理解为：浏览器提供的对象。所有的BOM和DOM都是宿主对象。
如Window和Document等。

自定义对象

开发人员自己定义的对象。JS允许使用自定义对象，使JS应用及功能得到扩充。（见三）

2. 对象（Object）

顶级父类，所有对象都继承object

3. 全局对象（Global）

实际上它根本不存在。如果尝试编写下面的代码，将会出错。
var v = Global;
错误消息显示Global不是对象。
用的所有系统提供的函数，实际都是Global。例如：alert() —— Global.alert()
在这里插入图片描述
在这里插入图片描述

encodeURI()、encodeURIComponent()、decodeURI()、decodeURIComponent()

encodeURI() 和 encodeURIComponent() 方法用于编码传递给浏览器的URI(统一资源定位符)。有效的URI不能包含某些字符，比如空格。
这两个方法用于编码URI，这样用专门的UTF-8编码替换所有的非有效的字符，就可以使浏览器理解他们。

encodeURI()方法用于处理完整的URI（例如：http://www.baidu.com/home index.html）
encodeURIComponent()用于处理URI的一个片段（如前面的URI的home index.html）

  • 主要区别：
    encodeURI()方法不对URI中的特殊字符进行编码，如冒号、前斜杠、问好、英镑符号
    encodeURIComponent()则对它发现的所有非标准字符进行编码。
var sUri = “http://www.wrox.com/illegal value.htm#start”;
document.write("encodeURI(sUri)：" + encodeURI(sUri) + '<br/>');
document.write("encodeURIComponent(sUri):" + encodeURIComponent(sUri));

var sUri1 = "http://www.wrox.com/";
var sUri1Component = "illegal value.htm#start";
document.write(sUri1 +  encodeURIComponent(sUri1Component));

输出的结果：
在这里插入图片描述

  • 解码：
    decodeURI()针对的是encodeURI() ，
    decodeURIComponent()是针对encodeURIComponent()。

eval()

eval()里面是js脚本，可以直接执行。
该函数就像是整个ECMAScript的解释程序一样。接受一个参数，即要执行的ECMAScript字符串。

// eval
eval("alert('hi')");

var msg = "hello world";
eval('alert(msg)');

eval("function sayHi(){alert('hi');}");
sayHi();

homework：做一个计算器
在这里插入图片描述

4. 布尔（Boolean）

要创建Boolean对象，只需要传递Boolean值作为参数：

var objBoolean = new Boolean(true);

在这行代码中，计算的是oFalseObject，而不是它的值false。
在Boolean表达式中，所有的对象都会被自动转换为true，oFalseObject是个对象，所以它的值是true。
所以最终结果是true。与事实不符。所以应该避免使用 Boolean对象。

var oFalseObject = new Boolean(false);
alert(oFalseObject); // false
var bResult = oFalseObject && true;
alert(bResult);  // true
  • Boolean() 强制转换规则
    // 有意义的转换为true，无意义的转换成false
    var b1 = Boolean(""); //false 空字符串
    var b2 = Boolean(“hi”); //true 非空字符串
    var b3 = Boolean(100); //true 非0数字
    var b4 = Boolean(null); //false null
    var b5 = Boolean(0); //false 0
    var b6 = Boolean(new Object()); //true object

5. 数字

5.1. JavaScript数字

  • 整数值得变量，它的值由字面量255定义：
    var num1 = 255;

  • 八进制
    var num1=070;
    alert(num1); // 56

  • 十六进制
    var num2 = 0x1f;
    alert(num2); // 31
    Var num3 = 0xAB;

  • 要定义浮点数
    var num4 = 6.0;

  • 注意：尽管所有的整数都可以表示为八进制和十六进制的字面量，但是所有的数学运算返回的都是十进制结果。

5.2. Number对象

Number 对象是原始数值的包装对象。

  • 创建 Number 对象的语法：
var myNum=new Number(value);
var myNum=Number(value);

5.3. 类型转换

1. Number() 的强制类型转换（了解）

Number()的转换规则如下。
Number(false) //结果0
Number(true) //结果1
Number(undefined) //结果NaN
Number(null) //0
Number(“5.5”) //5.5
Number(“56”) //56
Number(“5.6.7”) //NaN
Number(new Object()) //NaN
Number(100) //100

2. Global对象的parseInt()和parseFloat()

parseInt()和parseFloat()是JavaScript 提供的两种把非数字的原始值转换为数字的方法。
前者把值转为整数，后者把值转为浮点数。
只有对String类型调用这些方法，它们才能正常运行。对其他类型返回的都是NaN。

  • parseInt()
var num1 = parseInt("1234aaaaa");   //结果 1234
var num2 = parseInt("0xA");   //0x开头 16进制结果 10
var num3 = parseInt("070");   //0开头 8进制结果??? 70（坑）
var num4 = parseInt("1234.8");   //结果 1234
var num5 = parseInt("aaaaa");   //结果  NaN
  • parseFloat()
var fNum1 = parseFloat("12345red");	//返回 12345
var fNum2 = parseFloat("0xA");	//返回 NaN
var fNum3 = parseFloat("11.2");	//返回 11.2
var fNum4 = parseFloat("11.22.33");	//返回 11.22
var fNum5 = parseFloat("0102");	//返回 102
var fNum1 = parseFloat("red");	//返回 NaN
3. 进制转换

  • parseInt() 方法的基模式
    可以把二进制、八进制、十六进制或其他任何进制的字符串转换成10制整数。

      document.write("parseInt('96',16):" + parseInt('96',16) + "<br/>"); 
  document.write("parseInt('226',8):" + parseInt('226',8) + "<br/>"); 
  document.write("parseInt('10010110',2):" + parseInt('10010110',2) + "<br/>");

  • 将10进制整数转换为2进制、8进制、16进制

      var num_10 = 150;
  document.write("num_10.toString():" + num_10.toString() + "<br/>");  
  document.write("num_10.toString(2):" + num_10.toString(2) + "<br/>");             
  document.write("num_10.toString(8):" + num_10.toString(8) + "<br/>");  
  document.write("num_10.toString(16):" + num_10.toString(16) + "<br/>");  

  var num_11 = 150.15;
  document.write("num_10.toString():" + num_11.toString() + "<br/>");  
  document.write("num_10.toString(2):" + num_11.toString(2) + "<br/>");             
  document.write("num_10.toString(8):" + num_11.toString(8) + "<br/>");  
  document.write("num_10.toString(16):" + num_11.toString(16) + "<br/>");
4. 特殊的Number值
  • Number.MAX_VALUE、Number.MIN_VALUE，Number.POSITIVE_INFINITY、Number.NEGATIVE_INFINITY
document.write("Number.MAX_VALU：" + Number.MAX_VALUE + "<br/>"); // 最大值
document.write("Number.MIN_VALUE：" + Number.MIN_VALUE + "<br/>"); // 最小值
// 当计算生成的数大于 Number.MAX_VALUE 或小于 Number.MIN_VALUE 时，
// 它将被赋予值 Number.POSITIVE_INFINITY 或 Number.NEGATIVE_INFINITY
document.write("Number.POSITIVE_INFINITY：" + Number.POSITIVE_INFINITY + "<br/>"); // 正无穷大
document.write("Number.NEGATIVE_INFINITY：" + Number.NEGATIVE_INFINITY + "<br/>"); // 负无穷大
  • isFinite()
// isFinite()
// 由于无穷大数可以是正数也可以是负数，所以可用一个方法判断一个数是否是有穷的。
// 万一超出范围，程序可能出现问题，做一个提醒（类似异常处理）
// 可以对任何数调用 isFinite() 方法，以确保该数不是无穷大。
// isFinite(num) 判断num是否在Number的有效范围内
var iResult = iNum * some_really_large_number;
if(isFinite(iResult)) {
	alert("finite");
} else {
	alert("infinite");
}
  • isNaN()
// isNaN() 是否是非数字（Not a Number）：不是数字true，数字false
// NaN 的另一个奇特之处在于，它与自身不相等
alert(NaN == NaN); //输出 "false"
alert(isNaN("blue")); //输出 "true"
alert(isNaN("666")); //输出 "false"

document.write("isNaN(''):" + isNaN('') + "<br/>"); // false
document.write("isNaN(null):" + isNaN(null) + "<br/>"); // false
document.write("isNaN(undefined):" + isNaN(undefined) + "<br/>"); // true

6. 字符串（String）

String 对象用于处理文本（字符串）。

  • 创建 String 对象的语法：
new String(s);
String(s);

在这里插入图片描述
在这里插入图片描述

var str = "abc, 23, sad";
var arr = str.split(",");
for(var i in arr){
	document.write(arr[i] + "<br>");
}

7. 日期（Date）

Date 对象用于处理日期和时间。

  • 创建 Date 对象的语法：
var myDate=new Date([arguments list]);

注释：Date 对象会自动把当前日期和时间保存为其初始值。

  • 获取当前日期：
    new Date(); // 格式不是很友好，可以自定义格式
  • 获取指定日期：
    1）new Date(“month dd,yyyy hh:mm:ss”);
    2）new Date(“month dd,yyyy”);
    3）new Date(yyyy,mth,dd,hh,mm,ss); alert(new Date(2017,0,12,22,19,35));
    4）new Date(yyyy,mth,dd);
    5）new Date(ms);
  • 日期格式化
(new Date()).format("yyyy-MM-dd hh:mm:ss.S") == > 2006 - 07 - 02 08: 09: 04.423 *
(new Date()).format("yyyy-MM-dd E HH:mm:ss") == > 2009 - 03 - 10 二 20: 09: 04 *
(new Date()).format("yyyy-MM-dd EE hh:mm:ss") == > 2009 - 03 - 10 周二 08: 09: 04 *
(new Date()).format("yyyy-MM-dd EEE hh:mm:ss") == > 2009 - 03 - 10 星期二 08: 09: 04 
(new Date()).format("yyyy-M-d h:m:s.S") == > 2006 - 7 - 2 8: 9: 4.18 */  

// 日期格式化：直接加上这个代码就可以，放在使用new Date() 之前
			Date.prototype.format = function(fmt) {
				var o = {
					"M+": this.getMonth() + 1, //月份         
					"d+": this.getDate(), //日         
					"h+": this.getHours() % 12 == 0 ? 12 : this.getHours() % 12, //小时         
					"H+": this.getHours(), //小时         
					"m+": this.getMinutes(), //分         
					"s+": this.getSeconds(), //秒         
					"q+": Math.floor((this.getMonth() + 3) / 3), //季度         
					"S": this.getMilliseconds() //毫秒         
				};
				var week = {
					"0": "/u65e5",
					"1": "/u4e00",
					"2": "/u4e8c",
					"3": "/u4e09",
					"4": "/u56db",
					"5": "/u4e94",
					"6": "/u516d"
				};
				if(/(y+)/.test(fmt)) {
					fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
				}
				if(/(E+)/.test(fmt)) {
					fmt = fmt.replace(RegExp.$1, ((RegExp.$1.length > 1) ? (RegExp.$1.length > 2 ? "/u661f/u671f" : "/u5468") : "") + week[this.getDay() + ""]);
				}
				for(var k in o) {
					if(new RegExp("(" + k + ")").test(fmt)) {
						fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
					}
				}
				return fmt;
			}
			alert(new Date().format("yyyy-MM-dd hh:mm:ss.S"));  // 日期格式化

8. 数组（Array）

  • 创建名为 cars 的数组：
var cars=new Array();  
//也可以指定长度,比如 new Array(10);
//当调用构造函数时只传递给它一个数字参数，该构造函数将返回具有指定个数、元素为 undefined 的数组。
cars[0]="Audi";
cars[1]="BMW";
cars[2]="Volvo";

// 或者 (condensed array):
var cars=new Array("Audi","BMW","Volvo");

// 或者 (literal array):
var cars=["Audi","BMW","Volvo"];
  • 方法
    在这里插入图片描述
    在这里插入图片描述

9. 算数（Math，不需要new）

  • 使用 Math 的属性和方法的语法：
var pi_value=Math.PI;
var sqrt_value=Math.sqrt(15);
  • 注释：Math 对象并不像 Date 和 String 那样是对象的类，因此没有构造函数 Math()，像 Math.sin() 这样的函数只是函数，不是某个对象的方法。您无需创建它，通过把 Math 作为对象使用就可以调用其所有属性和方法。
    在这里插入图片描述
    在这里插入图片描述

10. 正则表达式（RegExp）

10.1. JS使用方法

  • 直接量语法（Perl风格的语法）
    /pattern/attributes
  • 创建 RegExp 对象的语法：
    new RegExp(pattern, attributes);
  • 参数说明：
    • pattern 是一个字符串，称为模式字符串，指定了正则表达式的模式或其他正则表达式。
    • attributes 是一个可选的字符串，指定了额外的处理指令。
    • 包含属性 “g”、“i” 和 “m”，分别用于指定全局匹配、区分大小写的匹配和多行匹配。

10.2. 使用RegExp对象

test() 方法
var v = "aaacatbbbcat";
var reCat = /cat/;  // 创建正则表达式对象
// test()方法：如果字符串中包含指定正则表达式模式就返回 true。
document.write("regCat.test(v)：" + reCat.test(v) + "<br/>");  // true
exec() 方法
var v = "aaacatbbbcat";
var reCat = new RegExp("cat");  // 创建正则表达式对象。用上面双斜杠简单
// exec()方法：只返回第一个匹配项。
document.write("reCat.eval(v)：" + reCat.exec(v))  // cat（只出现一次，为什么？）

10.3. 扩展的字符串方法

match() 方法

返回一个包含在字符串中的所有匹配的数组。（非全局匹配只返回一个，全局：所有）

replace()方法

替换字符串中的某一部分。它可以用另一个字符串（第二个参数）来替换某个子串（第一个参数）的所有匹配。
第一个子串（被替换的子串）可以用正则表达式表示。这样符合正则表达式的子串将全部被替换。

search()方法（返回第一次出现的位置，是一个数字）

Search()方法与indexOf()方法有些类似，但是它使用一个RegExp对象而非一个子字符串。Search()方法返回在字符串中出现的第一个匹配的位置。全局匹配正则表达式(带参数g)在使用search()方法时不起作用。

split()方法

将字符串分割成一系列子串并通过一个数组返回。

例子：

var str = "abcdefg10higkl30mnop888qefgo";
document.write("str:" + str + "<br/>");
document.write("str.match(/\d+/g):" + str.match(/\d+/g) + "<br/>");  // g:全局匹配，没有g只匹配一个
document.write("str.replace(/\d+/g):" + str.replace(/\d+/g, '@') + "<br/>");
document.write("str.search(/\d+/g):" + str.search(/\d+/g) + "<br/>");
document.write("str.split(/\d+/g):" + str.split(/\d+/g) + "<br/>");

10.4. 正则表达式语法

正则表达式语法
在这里插入图片描述

10.5. 反向引用

反向引用是针对分组的技术。反向引用是获得正则表达式中某个分组匹配到的值。

// 反向引用
var sToMatch = "#123456aaa$789";
var reNumbers = /#(\d+([a-z]*(\$)))/;
alert(reNumbers.test(sToMatch));
// 分组：几个()几个分组
document.write("<br/>RegExp.$1:" + RegExp.$1);  // 最外面的括号
document.write("<br/>RegExp.$2:" + RegExp.$2);  // ([a-z]*(\$))
document.write("<br/>RegExp.$3:" + RegExp.$3);  // (\$)

11. 事件

在这里插入图片描述

B&&C
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
黑马JavaScript笔记二.md
11-02
黑马JavaScript笔记二.md
狂神说系列 JavaScript笔记
06-15
【狂神说系列 JavaScript笔记】是一份全面且深入的JavaScript学习资源，旨在帮助开发者和初学者深入理解这门广泛应用于Web开发的脚本语言。这份笔记涵盖了JavaScript的基础语法、核心概念以及高级特性，旨在构建一个...
javascript中 && 和 || 的使用技巧
fansofhaitao的专栏
08-04 375
① && 优先级高于 || ② && 和 || 都会引起逻辑短路，要注意 var ret = a || b || c, 则，只要 a/b/c中其中一个为真值，则，返回为真值，后面的不计算 var ret = a && b && c，则，只要a/b/c中有一个为假，则返回假值，后面的不计算。 常用来用做计算。 如： var ret = obj && obj.name; //可以防止obj
每天进步一点点-JavaScript之ECMAScript（继JavaScript标准）原始类型（primitive type）
HainuCrazy的专栏
11-30 1005
(本文转自http://www.w3school.com.cn/js/index_pro.asp） DCMAScript（JavaScript） 有 5 种原始类型（primitive type），即 Undefined、Null、Boolean、Number 和 String。 typeof 运算符typeof 运算符有一个参数，即要检查的变量或值。例如：var sTemp
javascript笔记
2301_80250017的博客
03-16 878
1. JavaScript是Web开发领域中的一种强大的编程语言，主要用于开发交互式的网页。我们在计算机，手机等设备上浏览的网页，其多数交互逻辑都可以通过JavaScript实现。下面介绍HTML，CSS，JavaScript的区别2.JavaScript是由ECMAScript，DOM，BOM3.JavaScript初体验像这样使用，在网页打开时会弹出一个警告框，内容为Hello JavaScript。
Javascript入门学习笔记
weixin_61370021的博客
04-27 4597
JS入门学习笔记，JavaScript是目前web开发中不可缺少的脚本语言，js不需要编译即可运行，运行在客户端，需要通过浏览器来解析执行JavaScript代码。
JavaScript笔记（全）
程序猿小九九的博客
06-04 6151
JavaScript是一门世界上最流行的脚本语言一个合格的后端人员，必须要精通JavaScriptECMAScript可以理解为JavaScript的一个标准最新版本已经到es6但是大部分浏览器还只停留在支持es5代码上开发环境~线上环境，版本不一致内部标签 外部引入我的第一个JavaScript程序.html qj.js 03、浏览器控制台使用 04、数据类型快速浏览 变量 numberjs不区分小数和整数，number 字符串‘abc’“abc”布尔值truefalse逻辑运算 比较运算符 这
JavaScript 笔记部分导航
GoldenaArcher的博客
05-28 757
重新学习了一下，可以算是用自己的语言重新组织了一下上面的笔记，并且增添了自己写的一个小案例，感觉现在才算是对 iterator 和 generator 稍微入门一些了。看了看也快 50 篇笔记了，稍微整理一下写了点什么，之后复习的时候也方便找内容。一个整合，第 5 章的内容是基本引用类型，其中一部分内容拆成不同的笔记了。array，map & set 部分内容因为内容量的关系，也单独拆了出来。其实这里的内容，语句里面都提过，然后忘了。暂时归类到这里，等红宝书过到这里再看看要不要修改……
JavaScript笔记
Blue_Pepsi_Cola的博客
01-03 2937
JavaScript一门弱类型脚本语言，其源代码在发往客户端运行之前不需要经过编译，而是将文本格式的字符代码发送给浏览器，由浏览器解释运行。JavaScript（行为）：是一种弱类型脚本语言，其源码不需经过编译，而是由浏览器解释运行，用于控制网页的行为。2.字符串类型：string var s = “abc”/‘abc’;只声明不赋值就是未定义类型。// fn2("孙尚香",60);// fn5("刘备",20);// fn6("吕布",18);//调用 和java一样调用。
JavaScript学习笔记
郑德帅
12-17 1万+
1..什么是JavaScript? 客户端的解释性脚本语言.与Java之间不存在任何关系; 2.JavaScript的语法结构，声明与引入 <script type="text/javascript">...</script> <script type="text/javascript" src="JS文件路径及名称"></scrip...
JavaScript Math 对象笔记
热门推荐
Mr_Bobcp的博客
11-16 1万+
目录定义属性和方法Math对象属性Math对象方法例子 定义 Math 对象主要是为了方便解决数学上的常见但不常规的计算，属性包含如圆周率这类特定数值，方法包含如取绝对值这类计算。 Math对象的使用就是调用函数把返回值赋给变量，不需要实例化。 属性和方法 Math对象属性 属性 描述 数学表达 数值大小 E 自然指数 e 2.71828… LN2 2的自然对数 ln2 0.69314… LN10 10的自然对数 ln10 2.30258… LOG2E 2为底数，e的对数 log
JavaScript高级 笔记
踩的坑越多，经验越多
09-16 2953
JavaScript高级 学习笔记总结
javascript笔记.pdf
11-28
javascript笔记.pdf
javascript学习笔记
11-24
JavaScript是一种广泛应用于网页和网络应用的编程语言，它在客户端运行，无需专门的编译步骤，而是由浏览器实时解释执行。这种解释型的特性使得JavaScript轻便且灵活，能够快速响应用户交互，提升Web应用程序的动态...
李立超JavaScript基础篇笔记
02-02
JavaScript，简称JS，是由Brendan Eich在1995年创造的一种高级编程语言，最初目的是为了增强网页的交互性，特别是在前端进行表单验证。JavaScript不是Java的子集，两者之间没有直接关联。JS起初名为LiveScript，但在...
Sortable.js板块拖拽示例
w11111xxxl的博客
07-14 773
ghostClass: 'blue-background-class' // 拖动时元素的样式类。group: 'shared', // 允许与其它具有相同组名的元素交互。-- 引入 Sortable.js 的 CSS 和 JS 文件 -->width: 150px;/* 减少宽度 */height: 70px;/* 设置高度 */-- 引入 Sortable.js 的 JS 文件 -->animation: 150, // 动画速度。// 初始化 Sortable。
ReactRouter v6升级的步骤
feixin369的博客
07-14 418
React Router v6 引入了一个 Routes组件，它有点像Switch，但功能要强大得多。与Switch相比，RoutesReact.lazy。
vue搜索框过滤--- computed、watch区别
学习笔记分享给大家
07-16 331
计算属性computed适用于需要基于其他数据动态变化，并且需要缓存的场景。侦听器watch适用于需要响应数据变化，执行异步或开销较大操作的场景。方法methods适用于定义组件的具体行为，包括事件处理和业务逻辑等。
react 快速入门思维导图
最新发布
weixin_44565776的博客
07-18 108
只要掌握了这些react技能，基本就可以熟练使用react了

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值