JS基础知识学习笔记全

于 2024-07-21 23:48:11 发布
阅读量582 收藏 7
点赞数 23
文章标签： javascript 学习 笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hetupyou/article/details/140596368
版权

JS基础知识学习笔记全

一、引入方式

1、内部脚本

（一般定义在body下面会改善执行速度）

<body>
    
</body>
 <!-- 内部脚本 -->
 <script>
    /* 打开页面警告框显示的内容 */
    alert('helloJS');
 </script>

image-20240721144637265

2、外部脚本

外部专门新建一个.js文件，里面只存放js代码，没有外部的script标签，文件中内容如下

/* 打开页面警告框显示的内容 */
alert('helloJS');

html文件中想要引入这个js代码就通过如下代码引用

<script src="../js/demo.js"></script>

src="../js/demo.js"里面的url值为.js文件在文件夹里的相对路径，…/代表跳到上一级目录
!!

二、JS基础语法

1、书写语法

1）区分大小写
2）每行结尾分号可有可无（建议写）
3）注释（同java)

单行：//
多行：/* */

4){}表示代码块（同java）

if(count==3){
    alert(count);
}
5）输出语句（3种）

01window.alert("01helloJS");//浏览器弹出警告框

image-20240721150543444

02document.write("02helloJS");//直接在浏览器的页面中展示

image-20240721150605827

03console.log("03helloJS");//在浏览器的控制台展示

打开浏览器页面->右键->检查->点击console

image-20240721150703706

2、变量

JS是弱类型的语言，变量是可以存储不同类型的值的

命名规则同java

/* var定义变量 */
var a=20;
a="张三";
alert(a);
特点：
1）作用域比较大，属于全局变量
2）可以重复初始化定义，即重复声明（而java不能）
var a=20;
var a=40;//重复声明
alert(a);

let关键字声明局部变量，且不能重复声明（类似java声明变量）

const声明常量，不可再改变

3、数据类型、运算符、流程控制语句

3.1数据类型
原始类型（基本数据类型）
number(整数、小数、NAN(Not a Number))
string(单双引号均可)
boolean(false true)
null(对象为空)
undefined(当声明的变量未初始化，该变量的默认值为undefined)

使用typeof 变量可以获得该变量的变量类型

alert(typeof 3);//-->number
alert(typeof "a");//-->string
alert(typeof true);//-->boolean
alert(typeof null);//对象为空-->object
var a;
alert(typeof a);//-->undefined
引用类型（对象）
3.2运算符

基本运算符同Java

名称运算符
算术运算符+ - * / % ++ –
赋值运算符= += -= *= %=
比较运算符> < >= <= != == ===
逻辑运算符&& || ！
三元运算符条件表达式？true_value : false_value

=======与==

==会进行类型转换，===不会进行类型转换

var a=7;
alert(a=='7');//true '=='先进行类型转换为整数再比较
alert(a==='10');//false '==='发现两边类型不同，直接返回false
类型转换
1）将字符串字面值转换为数字，若不是数字则转换为NaN(Not a Number)

alert(parseInt("12"));

image-20240721154935019

alert(parseInt("12AS"));js从左到右一个一个转换，前面12是数字就转换为数字，后面不是数字就停止转换所以最后显示12

image-20240721155209011

alert(parseInt("A12"));第一个A就不是数字,直接转换为NaN

image-20240721155417817

2）将其他类型转换为boolean类型
数据类型falsetrue
number0 ,NAN其他
string“”(空字符串)其他
null和undefined均转为false
/* 
转为false的在浏览器的弹窗页面是不会显示的，只有值为true的才会显示
*/
/* 01数字number类型 */
if(0){
    alert("0转为false");
}
if(NaN){
    alert("NaN(Not a Number)转为false");
}
if(-12344){
    alert("除了0和NaN其他转转为true")
}
/* 02字符串string类型 */
if(""){
    alert("空字符串转为false");
}
/* 03 null和undefined全转为false*/
if(null){
    alert("null转为false");
}
if(undefined){
    alert("undefined转为false");}
3.3流程控制语句(同java)

if...else

switch

for

while

do...while

三、JS函数

定义语法（JavaScript是弱类型语言，形式参数不需要类型，也不需要定义方法返回值）

//定义语法01
function functionName(参数1，参数2..){
    //要执行的代码
}
//定义一个加法函数
function add(a,b){
    return a+b;
} 
//调用函数
var a=4;
var b=5;
var result=add(a,b);
alert(result);

image-20240721161855541

//定义语法02
var functionName=function(参数1，参数2){
    //要执行的代码
}
//add类型举例
var add = function(a,b){
    return a + b;
}
var result=add(12,32);
alert(result);

运算结果如下

image-20240721163010129

JS函数调用可以传递任意个数的参数(后面的参数即使传递了，实际上没有接收，不影响计算前面的结果)

四、JS对象

1、Array

1.1定义
//方法1
var arr=new Array(1,2,3,4);
//方法2
var arr1=[1,2,3,4];//java中是{},不要混淆
1.2访问
var arr=new Array(1,2,3,4);
/* 数组访问，输出到浏览器控制台 */
console.log(arr[0]);
console.log(arr[1]);

image-20240721164108430

1.3特点

js当中的数组类似于java当中的集合：长度可变，类型可变

1.3.1长度可变
var arr=new Array(1,2,3,4);
/* 定义一个数组元素的值 */
arr[10]=90;
console.log(arr[10]);//数组长度可变，可成功赋值
/* 未定义的变量值默认为undefined */
console.log(arr[9]);
console.log(arr[8]);

image-20240721164701209

1.3.2类型可变
var arr=new Array(1,2,3,4);
/* 定义一个数组元素的值 */
arr[5]="A";
arr[6]=true;
arr[7]=null;
arr[8]=undefined;

console.log(arr);//直接控制台输出这整个数组

image-20240721165308317

1.4属性
属性描述
length设置/返回数组中元素数量
var arr=[1,2,3,4];
for (let i = 0; i < arr.length; i++) {
    console.log(arr[i]);
}
1.5方法
方法描述
forEach()遍历数组中每个有值的元素，并调用一次传入的函数
push()新元素添加到数组尾部，返回新长度（+1）
splice()从数组中删除元素
1.5.1 forEach()
var arr=[1,2,3,4];
arr[7]=12;//这样的话arr[4],arr[5],arr[6]均为undefined,不会被forEach遍历(!!arr从0开始计数arr[0]==1,arr[1]==2)
arr.forEach(function(e){
    console.log(e);
})

等价于（用箭头函数表示如下）

arr.forEach((e)=>{
    console.log(e);
})

image-20240721170427410

1.5.2 push()
var arr=[1,2,3,4];
arr.push("a",2,1.3);//添加元素到数组尾部
console.log(arr);

image-20240721171034278

1.5.3splice()

删除元素

var arr=[1,2,3,4];
/* 从arr[2]==3开始删，删两个,即删除了3和4 */
arr.splice(2,2);//splice(start,deleteCount)
console.log(arr);

image-20240721171353897

2、String

2.1定义
//方法01
var str01=new String("helloStr01");
//方法02 单引号双引号都可以
var str021="helloStr021";
var str022='helloStr022';
2.2属性
属性描述
length字符串长度
var str="hello 123";
console.log(str.length);

image-20240721172527666

2.3方法
方法描述
charAt()返回指定位置的字符
indexOf()检索字符串
trim()去除字符串两边的空格,并返回一个新的字符串
substring()提取字符串中的一小段字符
2.3.1 charAt(i)
var str="hello 123";
console.log(str.charAt(1));

image-20240721172801803

2.3.2 indexOf(“”)

检索字符串（以字符串开头的第一个字符所在位置为准）

var str="hello 123";
console.log(str.indexOf("ll"));//不要忘了加""

image-20240721173109673

2.3.3 trim()
var str="    hello 123   ";
var s=str.trim();
console.log(s);
console.log(s[0]);

image-20240721173504815

2.3.4 substring(start,end)

开始索引，结束索引 含头不含尾

var str="hello 123";
//!!含头不含尾 要想截取到l需要取尾部值为str.charAt(4)=='0'
console.log(str.substring(0,4));

image-20240721174103272

3、JSON

JS自定义对象
var user={
    //属性名:属性值
    name:"赵小花",
    age:18,
    gender:"女",
    //函数名称:function(形参列表){}
    eat:function(){
        alert("开饭喽")
    }

}
console.log(user.name);
console.log(user.age);
console.log(user.gender);
console.log(user.eat());

eat:function(){ alert("开饭喽") }可以简化为 eat(){ alert("开饭喽") }

image-20240721174631988

3.1定义

JSON(JavaScript Object Notation)就是JavaScript对象标记法书写的文本

JSON中所有的属性名都要用""双引号括起来(这是和JS自定义对象的语法的第一个区别)

JSON是一个文本，为变量赋值一个JSON格式的字符串–>{}外面还要套一层’'将JSON格式的文本转换为字符串((这是和JS自定义对象的语法的第二个区别))

var userStr='{
    //"属性名":属性值
    "name":"赵小花",
    "age":18,
    "gender":"女",
    "addr":["北京","上海","天津"]
    //对象，在{}中表示
}'//{}外面还要套一层''将JSON格式的文本转换为字符串传递给userStr变量

前后端请求响应一般使用JSON作为数据载体

3.2JSON字符串转换为JS对象

var o=JSON.parse(userStr)

alert(o.name)(可以用调用对象属性的方法操作o)

3.3JS对象转换为JSON字符串

var str=JSON.stringify(user)

alert(str)(直接显示字符串的JSON值)

4、BOM(浏览器对象模型)

BOM(Browser Object Model)浏览器对象模型，允许JS与浏览器对话，JS将浏览器的各个组成部分封装成对象

对象名称
Window浏览器窗口对象
Screen屏幕对象
Location地址栏对象
History历史记录对象（<- ->）
Navigator浏览器对象（浏览器的版本、应用名称、内核）
4.1 Window
4.1.1获取

window.属性

4.1.2属性
01history

window.history.获取history对象（window.可省略）

image-20240721195015011

02location
03navigator
4.1.3方法
01 alert()

弹出警告框

/* 获取 */
window.alert("Hello BOM");

image-20240721200758987

02 confirm() 展示对话框（确认or取消 -->删除某个信息）
//01对话框 确认true 取消false
var flag=window.confirm("您确认删除该记录吗？");//confirm返回值为boolean类型，确认就返回true，取消就返回false

image-20240721200658595

03 setInterval() 指定周期（ms）调用函数or计算表达式

interval 间隙 间隔

//02定时器setInterval
var count=0;
setInterval(function(){
    count++
    console.log("定时器执行了"+count);
},2000);//每搁2000ms==2s执行一次function函数

image-20240721200609484

04 setTimeout() 指定时间到达后调用函数or计算表达式

延迟指定时间执行一次

setTimeout(function(){
    alert("你看见我的时候浏览器已经打开3000ms了");
},3000)

image-20240721201228312

4.2 Location
4.2.1获取

window.location.属性 orlocation.属性（因为window可以省略）

4.2.2 属性
href:设置或者返回完整的url
//href 设置或返回浏览器地址栏的url
alert(location.href)//显示当前地址栏的地址
location.href="http://www.baidu.com"//关闭警示框后 浏览器自动跳转到赋值后的地址

image-20240721202128402

点击确定后，跳转到赋值的网址

image-20240721202212125

5、DOM(文档对象模型)

将标记语言的各个组成部分封装成对应的对象
是W3C（万维网联盟）的标准，定义了访问.html和.xml文档的标准

5.1Core DOM 所有文档类型的标准模型
01Document 整个文档对象（整个html文档封装成一个对象）
02Element 元素对象（将每个html标签都封装成一个元素对象）
03Attribute 标签属性
04Text 标签之间的文本对象
05Coment 注释对象
5.2 XML DOM 文档的标准模型（Core DOM的子集）
5.3 HTML DOM HTML文档的标准类型（Core DOM的扩充）

将所有的html标签都各自封装成一个单独的对象

获取html对象->调用该元素对象的属性方法—>改变元素内容

5.3.1获取元素对象

获取元素对象->通过document对象获取->通过windows对象获取document对象

<body>
    <img od="light1" src="../img/off.gif" alt=""> 
</body>
01 根据id获取，返回单个Element对象
/* 获取Element元素对象的函数 */
//01 根据==id==获取，返回单个Element对象
var light1=document.getElementById('light1');
alert(light1);

image-20240721211117323

<body>
   <div>小红厂</div><br>
   <div>小白厂</div><br>
</body>
02 根据标签名称获取，返回Element对象数组
//02 根据==标签名称==获取，返回Element对象数组
var divs=document.getElementsByTagName('div');
for (let i = 0; i< divs.length; i++) {
  alert(divs[i]);
    }

001 获取第一个div对象

image-20240721212534934

002获取第二个div对象

image-20240721212554143

003显示出文本小红厂和小白厂（返回的是一个数组）

image-20240721212658723

03 根据name属性值获取，返回数组
<body>
  <input type="checkbox" name="hobby">跑步
  <input type="checkbox" name="hobby">睡觉
  <input type="checkbox" name="hobby">刷手机
  <input type="checkbox" name="hobby">唱歌
</body>

//03 根据name属性值获取，返回数组
var hobbys=document.getElementsByName('hobby');
for (let i = 0; i < hobbys.length; i++) {
   alert(hobbys[i]);//同上02也是警示框依次显示各个对象然后出来html页面的复选框
    
}

image-20240721213434511

04 根据class属性值获取，返回数组
<body>
 <div class="cls">小紫厂</div>
 <div class="cls">小蓝厂</div>
</body>

//04 根据class属性值获取，返回数组
var clases=document.getElementsByClassName('cls');
for (let i = 0; i < clses.length; i++) {
    alert(clses[i]);
}
5.3.2查询参考手册–>调用该元素对象的属性方法
改变文本内容
<body>
 <div class="cls">小紫厂</div>
 <div class="cls">小蓝厂</div>
</body>

var clases=document.getElementsByClassName('cls');
var div1=clases[0];//获得了第一个元素
/* innerHTML  设置或者返回元素的内容 */
div1.innerHTML="我现在变了一个值我现在不是小紫厂而是紫蘑菇了哟"

image-20240721214844796

5.4 DOM案例练习

原始html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>DOM案例练习</title>
    
</head>
<body>
    <img id=i1 src="../img/off.gif" alt="">
 <div class="cls">小紫厂</div>
 <div class="cls">小蓝厂</div>
 <input type="checkbox" name="hobby">跑步
 <input type="checkbox" name="hobby">睡觉
 <input type="checkbox" name="hobby">刷手机
 <input type="checkbox" name="hobby">唱歌
</body>
<script src="../js/demo.js">
  
</script>
</html>

原始浏览器页面效果

image-20240721220432512

利用DOM操纵元素变成下面的效果（灯泡颜色是两张不同的图片）

image-20240721220519004

答案如下，用到的JS

//01改变i1的src属性
var i1=document.getElementById('i1');
i1.src="../img/on.gif";
//02 改变div文本内容
var clses=document.getElementsByClassName('cls');
for (let i = 0; i < clses.length; i++) {
    const element = clses[i]
    element.innerHTML+="  <font color=red>very good</font>";
}
//03使得所有的复选框都处于被选中的状态
var hobbys=document.getElementsByName('hobby');
for (let i = 0; i < hobbys.length; i++) {
    const element = hobbys[i];
    element.checked=true;
    
}

五、JS事件监听

事件：发生在html元素上的事情

常见事件如下：
01 按钮被点击
02 鼠标移动到元素上
03 按下键盘按钮

事件监听 JS在事件被侦测到时执行代码

1、事件绑定

方法1：通过html标签中的事件属性进行绑定

<body>
    <input type="button" onclick="on()" value="按钮">
</body>
<script 
src="../js/demo.js">
  
</script>

function on(){
    alert("我被点击啦！")
}

方法2：通过DOM元素属性绑定

<body>
    <input type="button" id="btn" value="按钮">
</body>
<script 
src="../js/demo.js">
</script>

var btn=document.getElementById('btn');
btn.onclick=function(){
    alert("我被点击啦！")
}

2、常见事件

事件名说明
onclick鼠标单击事件
onblur元素失去焦点
onfocus元素获得焦点
onload某个页面或者图像被完成加载
onsubmit当表单提交（登录页面信息提交时）时触发该事件
onkeydown当某个键的键盘被按下
onmouseover鼠标被移动到某个元素上（常用）
onmouseout鼠标从某个元素移开
onload
<body onload="load()">  //在body标签上加上onload事件，一旦body包裹的页面或者图片加载完成，就执行load()方法
</body>

//onload 当元素包裹的页面或者图片加载完成后
function load(){
    console.log("页面加载完成...");
}

image-20240721224401789

onclick
<input type="button" onclick="click1()">

//onclick 当鼠标点击时
function click1(){
    console.log("我被点击啦！");
}

image-20240721224851300

onfocus
    <input type="text" name="username" onfocus="focus1()">

//onfocus 当获得焦点（输入框内光标闪动）
function focus1(){
    console.log("获得焦点~");
}

image-20240721225348560

onblur
    <input type="text" name="username" onblur="blur1()" >

//onblur 失去焦点
function blur1(){
    console.log("失去焦点···");
}

image-20240721225625281

onkeydown
    <input type="text" name="username" onkeydown="keydown1()">

//onkeydown 当键盘被按下
function keydown1(){
    console.log("键盘被按下了");
}

image-20240721225936943

onmouseover&onmouseout

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>DOM案例练习</title>
    
</head>
<body onload="load()">
   <table width="800px" border="solid" cellspacing="0" align="center" onmouseover="mouseover1()" onmouseout="mouseout1()">
    <tr>
        <th>水果</th>
        <th>价格/个</th>
    </tr>
    <tr>
        <td>葡萄</td>
        <td>10r</td>
    </tr>
    <tr>
        <td>桃子</td>
        <td>1.3r</td>
    </tr>
   </table>
    
</body>
<script 
src="../js/demo.js">
</script>
</html>

//onmouseover
function mouseover1(){
    console.log("鼠标移入");
}
//onmouseout
function mouseout1(){
    console.log("鼠标移出");
}

image-20240721230856658

onsubmit

当表单被提交就会触发这个事件，表单一旦提交页面就会被重新加载，就不能再用kog检查是否触发事件，应该用alert

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>DOM案例练习</title>
    
</head>
<body onload="load()">
<form action="" onsubmit="submit1()">
    <input id="b1" type="submit" value="提交">
</form>
    
</body>
<script 
src="../js/demo.js">
</script>
</html>

//onsubmit
function submit1(){
alert("表单被提交");
}

image-20240721231703996

3、案例

文件夹结构如下

image-20240721234020467

原始html页面打开浏览器效果如下

image-20240721234120126

要实现效果

1）点击点亮灯泡变亮，点击熄灭灯泡熄灭

2）点击文本框XIXIXILUCKY变成小写xixixilucky

3）点击全选则三个复选框全部选中，点击反选三个复选框全部取消选中

实现代码如下

html如下

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <img id="i1" src="../img/off.gif" alt=""><br>
    <input id="b1" type="button" value="点亮" onclick="c1()">
    <input id="b2" type="button" value="熄灭" onclick="c2()"><br><br>
    <input id="t1" type="text" value="XIXIXILUCKY" onblur="b1()" onfocus="b2()"><br><br>
    <input type="checkbox" name="hobby">电影
    <input type="checkbox" name="hobby">旅游
    <input type="checkbox" name="hobby">游戏<br>
    <input id="b3" type="button" value="全选" onclick="x1()">
    <input id="b4" type="button" value="反选" onclick="x2()">

</body>
<script src="../js/demo.js"></script>
</html>

demo.js如下

var i1=document.getElementById('i1')
//点亮
function c1(){
    i1.src="../img/on.gif"
}
//熄灭
function c2(){
    i1.src="../img/off.gif"
}
var t1=document.getElementById('t1')
//失焦
function b1(){
    t1.value=t1.value.toLowerCase()
}
//聚焦
function b2(){
    t1.value=t1.value.toUpperCase()
}
var hobbies=document.getElementsByName('hobby')
function x1(){
    for (let i = 0; i < hobbies.length; i++) {
        const element = hobbies[i];
        element.checked=true;
    }
}
function x2(){
    for (let i = 0; i < hobbies.length; i++) {
        const element = hobbies[i];
        element.checked=false;
    }
}

跟练视频

type=“button” value=“熄灭” οnclick=“c2()”>





电影
旅游
游戏


```

demo.js如下

var i1=document.getElementById('i1')
//点亮
function c1(){
    i1.src="../img/on.gif"
}
//熄灭
function c2(){
    i1.src="../img/off.gif"
}
var t1=document.getElementById('t1')
//失焦
function b1(){
    t1.value=t1.value.toLowerCase()
}
//聚焦
function b2(){
    t1.value=t1.value.toUpperCase()
}
var hobbies=document.getElementsByName('hobby')
function x1(){
    for (let i = 0; i < hobbies.length; i++) {
        const element = hobbies[i];
        element.checked=true;
    }
}
function x2(){
    for (let i = 0; i < hobbies.length; i++) {
        const element = hobbies[i];
        element.checked=false;
    }
}

跟练视频

【黑马程序员JavaWeb开发教程，实现javaweb企业开发全流程（涵盖Spring+MyBatis+SpringMVC+SpringBoot等）】https://www.bilibili.com/video/BV1m84y1w7Tb?p=27&vd_source=d37e5d90380fc98bc085eb27052f0d0b

xixixiLucky
关注
  • 23
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
JavaScript基础知识学习笔记
10-25
以上只是JavaScript基础知识的一部分，深入学习JavaScript还需要理解更多高级概念，如模块系统、Promise和async/await、模板字符串、ES6及后续版本的新特性等。对于初学者来说，逐步掌握这些知识，结合实践操作，将...
bootstrap基础知识学习笔记
09-01
Bootstrap 基础知识学习笔记主要涵盖了以下几个核心概念： 1. **引入 Bootstrap**：在 HTML 文件中，你需要引入 Bootstrap 的 CSS 和 JavaScript 文件。这通常包括 jQuery（因为 Bootstrap 的某些组件依赖于它）。...
JavaScript基础知识学习笔记[Web开发]
Jenlibein的博客
07-19 510
JavaScript是一门跨平台面向对象的脚本语言，最初被创建的目的是“使网页更生动”。JavaScript 的 作用使网页可交互（例如拥有复杂的动画，可点击的按钮，通俗的菜单等）在服务端执行，例如 Node.js，可以在网页上添加更多功能，不仅仅是下载文件（例如在多台电脑之间的协同合作）可以在任意搭载了 JavaScript 引擎 的设备中执行。这意味着，在浏览器中，JavaScript 可以改变网页（DOM）的外观与样式。
学习笔记 JavaScript基础语法（全）
weixin_63676550的博客
01-15 6341
JavaScript基础语法学习笔记，视频教程链接放在末尾
JavaScript基础知识学习笔记(一)
weixin_52450489的博客
01-04 485
js有三种书写位置，分别为行内式，内嵌式，和外部引入。
JS学习笔记——入门基础知识总结
bxqm111的博客
07-11 2267
前言 基础背景知识 一、产生历史： 二、特点： 三、应用方向： 四、Javascript组成： JavaScript书写使用方式 一、行内式（了解即可，项目中不使用，日常练习尽量不用） 二、内嵌式 三、外链式 学习笔记链接 1、Javascript由来及书写方式【本篇】 2、数据类型与简单运算 3、选择语句if、switch及练习题 4、循环语句while、dowhile、for及练习题 5、函数、预解析、作用域 6、数组、冒泡排序、选择排序
three.js 基础知识学习笔记（上部分）
weixin_44565776的博客
03-05 254
3月，学习从3D展厅练手项目开始！在实践中成长。
js学习笔记
angel_791的博客
06-11 4006
JavaScript学习笔记 前端学习
javascript基础知识学习笔记——五种方法判断变量类型
2301_77033813的博客
04-07 983
/object//object// object二、instandof对于引用类型或者有构造器的函数对象，可以用这个instandof区分变量是否是该对象的子类或者派生出来的。缺点无法区别五大基本类型。//是否为数组var arr=[];//false三、构造器。
TypeScript基础学习笔记
jason_renyu的博客
07-13 1986
以下为在学习ts过程中笔记，为自己认为需要谨记的点，再次整理出来为了以后自己能温故知新，若有幸被哪位读者所读到也有所帮助的，还是非常庆幸的。 由于下方为个人的学习笔记，基础知识内容不多，如有需要的朋友可以到TypeScript官网学习，这里推荐阮一峰的《TypeScript 入门教程》 《TypeScript 入门教程》师傅领进门修行在个人，感觉基础的看完研究透彻，然后上项目历练效果挺好的。ts官方的定义是 Typed JavaScript at Any Scale. （添加了类型系统的JavaScript
JS学习笔记——基础知识总结（对象）
bxqm111的博客
07-24 301
前言 一、对象的概念 二、复杂数据类型 三、创建一个对象 学习笔记链接 1、Javascript由来及书写方式【本篇】 2、数据类型与简单运算 3、选择语句if、switch及练习题 4、循环语句while、dowhile、for及练习题 5、函数、预解析、作用域 5.1、递归函数、斐波那契数列计算 6、数组、冒泡排序、选择排序
JavaScript基础学习笔记
10-25
本资源摘要信息基于黑马视频记录的学习笔记，涵盖了 JavaScript 基础知识点，包括 HTML、CSS、JavaScript、DOM、事件处理等内容。 HTML 和 CSS 基础 * HTML 结构：head、body、title、meta、link、script 等标签的...
javascript学习笔记（一）基础知识
10-25
总的来说，JavaScript的基础知识包括但不限于语法、变量、数据类型、运算符、流程控制和函数等，这些都是编写JavaScript程序的基础。通过深入理解和熟练掌握这些知识点，开发者可以构建出功能丰富的交互式网页和应用...
extjs 学习笔记（一） 一些基础知识
10-29
相信很多人对使用js进行客户端的编程比较头大，其实现在已经有了很多优秀的js库，可以大大简化js编程的工作量，其中，jquery和extjs就是两款非常优秀的js库。
Next.js静态导出与动态路由优化
最新发布
天涯学馆
07-20 799
Next.js 是一个流行的 React 框架，它简化了构建服务端渲染（SSR）和静态站点生成（SSG）的应用。静态导出是Next.js的一项强大特性，它允许你将整个应用程序导出为静态文件，从而在无服务器环境下运行，提高加载速度和降低服务器成本。动态路由则允许你根据数据生成页面，即使在静态导出的情况下也能保持灵活性。
TinyVue v3.17.0 正式发布，推出了一款基于 Quill 2.0 的富文本编辑器，功能强大、开箱即用！
OpenTiny的博客
07-17 1128
本文由体验技术团队Kagol老师原创~我们非常高兴地宣布，2024年6月26日，TinyVue 发布了 v3.17.0 🎉。TinyVue 每次大版本发布，都会给大家带来一些实用的新特性，上一个版本我们重构了 chart-core，新增 CircleProcessChart 圆环进度图等6个新的图表组件，并增加了 Statistic 数据统计组件。表格图片超链接复制粘贴插入表情文件上传@提醒斜杆菜单v-auto-tip。
谷粒商城实战笔记-39-前端基础-Vue-指令-v-on、v-for、v-if
epitomizelu的专栏
07-20 644
v-on 是 Vue.js 中的一个指令，用于在 DOM 元素上监听用户事件，并在事件触发时执行相应的 JavaScript 函数。它提供了一种将 Vue 实例中的方法与 DOM 事件关联起来的方式，使得你可以轻松地对用户交互做出响应。v-on 指令的基本语法是在元素上添加 v-on:event-name=“method”，其中 event-name 是你要监听的 DOM 事件类型（如 click、mouseover、keydown 等），method 则是 Vue 实例中定义的方法名。
vue执行npm install问题idealTree:yudao-ui-admin-vben: sill idealTree buildDeps
yuan5025的博客
07-17 1096
目前这个问题只在芋道源码yudao-ui-admin-vben碰到了，其他vue项目没用遇到过。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

xixixiLucky

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值