JS学习笔记
文章平均质量分 61
将JS的学习笔记分享出来
vegetable-WEN
一个仍是前端小白的人
展开
-
es6 let、const关键字
最近看JavaScript有关es6 let、const关键字的知识分享给大家文章目录前言一、let二、使用步骤1.引入库2.读入数据总结前言Js中var、let、const关键字都是用来声明变量的,但是它们之间是有区别的使用的场景也不一样。一、letlet关键字就是用来声明变量的let a = 10;console.log(a);使用let关键字声明的变量具有块级作用域在这里插入代码片二、使用步骤1.引入库代码如下(示例):import numpy as np原创 2021-07-06 21:59:24 · 209 阅读 · 0 评论 -
JS学习笔记之闭包
最近看JavaScript有关闭包的知识分享给大家文章目录一、闭包是什么?例如:解析:二、闭包的作用在全局作用域下也可以访问一个函数内部的局部变量例如:解析:总结一、闭包是什么?闭包指的是有权访问另一个函数作用域中变量的函数,简单来说就是一个作用域可以访问另一个函数内部的局部变量。例如:function fn() { var a = 10; function fn1() { console.log('a的值:' +原创 2021-07-02 18:19:39 · 110 阅读 · 0 评论 -
JS学习笔记之构造函数和原型、原型链
最近看JavaScript有关构造函数和原型的知识分享给大家文章目录一、构造函数?二、原型?1.构造函数原型对象prototype2.对象原型__proto__3.原型constructor构造函数4.原型链总结一、构造函数?构造函数是一种特殊的函数,主要用来初始化对象,即为对象成员变量赋初始值,它总与new一起使用。我们可以把对象中一些公共的属性和方法抽取出来,然后封装到这个函数里面。// 定义一个People构造函数 function People(name, age, he原创 2021-06-28 14:18:03 · 220 阅读 · 0 评论 -
JS学习笔记之mouseenter和mouseover的区别
最近在学习JavaScript的时候将mouseenter和mouseover的区别分享给大家鼠标事件mouseenter和mouseover共同:当鼠标移动到元素上时就会触发事件区别:mouseover鼠标经过自身盒子会触发,经过子盒子还会触发。mouseenter只会经过自身盒子触发原因:mouseenter不会冒泡跟mouseenter搭配鼠标离开mouseleave一样不会冒泡总结以上就是今天要跟大家分享的鼠标事件mouseenter和mouseover的区别。...原创 2021-05-13 08:56:00 · 179 阅读 · 0 评论 -
JS学习笔记之element.offsetWidth、element.clientWidth、element.scrollWidth的区别
最近在学习JavaScript的时候将element.offsetWidth、element.clientWidth、element.scrollWidth的区别以及三个系列的用法分享给大家一、作用对比:1.element.offsetWidth:返回自身包括padding、边框、内容区的宽度、返回数值不带单位2.element.clientWidth:返回自身包括padding、内容区的宽度、不含边框、返回数值不带单位3.element.offsetWidth:返回自身实际宽度、不含边框,返回原创 2021-05-12 20:41:15 · 347 阅读 · 0 评论 -
JS学习笔记之立即执行函数
最近在学习JavaScript,将立即执行函数的知识分享给大家。文章目录一、什么是立即执行函数?二、对比1.普通函数的声明要调用2.立即执行函数声明不需要调用总结一、什么是立即执行函数?立即执行函数不需要调用,立马能够自己执行的函数。二、对比1.普通函数的声明要调用代码如下:function fn() { console.log(1);}fn();声明了之后还要调用才会执行。2.立即执行函数声明不需要调用代码如下:(function sub(a, b) { c.原创 2021-05-11 17:42:47 · 103 阅读 · 0 评论 -
JS学习笔记之三种动态创建元素区别
最近在学习JavaScript的时候动态创建元素区别的内容将笔记分享给大家文章目录前言一、三种方法:1.代码如下:2.分析:二、innerHTML和document.createElement创建元素1.代码如下:2.分析:总结前言JS有三种方法来创建动态元素,分别是:1.document.write()2.innerHTML3.document.createElement()一、三种方法:1.代码如下:<!DOCTYPE html><html lang="en原创 2021-04-19 18:16:14 · 255 阅读 · 4 评论 -
JS学习笔记之数据类型传参
JS数据类型传参笔记最近在学习JavaScript的时候遇到了简单和复杂数据类型传参的内容将笔记分享给大家文章目录JS数据类型传参笔记前言一、简单数据类型和复杂数据类型是什么?二、案例说明1.简单数据类型传参2.复杂数据类型传参总结前言首先我们知道操作系统会把内存分成两大类,简单数据类型是存放到栈里面的,复杂数据类型是存放到堆里面的。一、简单数据类型和复杂数据类型是什么?1.简单数据类型:又叫做基本数据类型或者值类型,在存储时变量中存储的是值本身,因此叫做值类型如:(string,num原创 2021-01-17 14:59:22 · 482 阅读 · 2 评论 -
JS学习笔记之JS预解析
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一、pandas是什么?二、使用步骤1.引入库2.读入数据总结前言提示:这里可以添加本文要记录的大概内容:例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。提示:以下是本篇文章正文内容,下面案例可供参考一、pandas是什么?示例:pandas 是基于NumPy 的一种工具,该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码原创 2020-12-24 12:56:07 · 4564 阅读 · 11 评论