冬眠海带丝-CSDN博客

原创 ES6_08- 函数的扩展

例如：第一章 Python 机器学习入门之pandas的使用。

2022-08-22 22:35:47 289 1

原创 ES6_01-ES6学习路线及简介

例如：第一章 Python 机器学习入门之pandas的使用根据《es6入门》分章节执行以下步骤：1.听小马哥视频，手写结构笔记 →2.看《es6入门》在线教程，勾画记录重难点，跟着教程敲代码→3.汇总整理形成线上笔记。......

2022-08-07 00:51:39 177

原创 ES6_03- 变量的解构赋值

例如：第一章 Python 机器学习入门之pandas的使用。

2022-08-07 00:47:17 111

原创 ES6_02- let 和const 命令

作用：(1)不污染全局变量；(2)for 循环使用习惯：默认情况下使用const，当知道变量值需要被修改时用let。

2022-08-07 00:40:45 259

原创 ES6_04- 模板字符串+标签模板字符串

比如，大括号中是一个对象，将默认调用对象的toString方法。，则values返回的是一个由变量组成的。不是字符串，将按照一般的规则。

2022-08-07 00:39:17 2020

移动端浏览器兼容性较好，我们不需要考虑以前 JS 的兼容性问题，可以放心的使用原生 JS 书写效果，但是移动端也有自己独特的地方。比如触屏事件 touch（也称触摸事件），Android 和 IOS 都有。touch 对象代表一个触摸点。触摸点可能是一根手指，也可能是一根触摸笔。触屏事件可响应用户手指（或触控笔）对屏幕或者触控板操作。JS 插件是 js 文件，它遵循一定规范编写，方便程序展示效果，拥有特定功能且方便调用。如轮播图和瀑布流插件。...

2022-08-04 15:24:15 196

原创 01- PC端网页特效

offset翻译过来就是偏移量，我们使用offset系列相关属性可以动态地得到该元素的位置（偏移）、大小等。获得元素距离带有定位父元素的位置获得元素自身的大小（宽度高度）注意返回的数值都不带单位positionrelative;width300px;height200px;margin}.son{positionabsolute;width100px;height50px;marginborderpadding5px;获得。...

2022-07-29 12:27:19 124

原创 04- BOM 浏览器对象模型

BOM（）即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是window。BOM由一系列相关的对象构成，并且每个对象都提供了很多方法与属性。BOM缺乏标准，JavaScript语法的标准化组织是ECMA，DOM的标准化组织是W3C，BOM最初是Netscape浏览器标准的一部分。window对象给我们提供了一个location属性用于获取或设置窗体的URL，并且可以用于解析URL。因为这个属性返回的是一个对象，所以我们将这个属性也称为。...

2022-07-23 22:25:33 99

原创 03- 事件高级

给元素添加事件，称为注册事件或者绑定事件。传统方式和方法监听注册方式。}）//这个event就是事件对象，我们还喜欢的写成e或者evt官方解释event对象代表事件的状态，比如键盘按键的状态、鼠标的位置、鼠标按钮的状态。简单理解事件发生后，跟事件相关的一系列信息数据的集合都放到这个对象里面，这个对象就是事件对象event，它有很多属性和方法。比如1.谁绑定了这个事件。2.鼠标触发事件的话，会得到鼠标的相关信息，如鼠标位置。...

2022-07-21 01:40:29 78

原创 02- DOM

文档对象模型（DocumentObjectModel，简称DOM），是W3C组织推荐的处理可扩展标记语言（HTML或者XML）的标准编程接口。W3C已经定义了一系列的DOM接口，通过这些DOM接口可以改变网页的内容、结构和样式。JavaScript使我们有能力创建动态页面，而事件是可以被JavaScript侦测到的行为。简单理解触发—响应机制。pink;案例百度换肤①这个案例练习的是给一组元素注册事件②给4个小图片利用循环注册点击事件核心算法。......

2022-07-17 19:28:03 132

原创 01-Web APIs简介

总结： JS基础学习ECMAScript基础语法为后面做铺垫，Web APIs是 JS 的应用，大量使用 JS 基础语法做交互效果。

2022-06-06 17:39:54 69

原创 16-JavaScript 简单类型与复杂类型

文章目录1. 简单类型与复杂类型2. 堆和栈3. 简单类型的内存分配4. 复杂类型的内存分配5. 简单类型传参6. 复杂类型传参1. 简单类型与复杂类型简单类型又叫做基本数据类型或者值类型，复杂类型又叫做引用类型。值类型：简单数据类型/基本数据类型，在存储时变量中存储的是值本身，因此叫做值类型string ，number，boolean，undefined，null引用类型：复杂数据类型，在存储时变量中存储的仅仅是地址（引用），因此叫做引用数据类型通过 new 关键字创建的对象（系统对象、自定义

2022-06-06 16:32:25 45

原创 15-JavaScript内置对象

文章目录1. 内置对象2. 查文档3. Math对象3.1. Math 概述3.2.随机数方法 random()4. Date日期对象5. Array数组对象6. String字符串对象1. 内置对象JavaScript 中的对象分为3种：自定义对象、内置对象、浏览器对象前面两种对象是JS 基础内容，属于 ECMAScript；第三个浏览器对象属于我们JS 独有的，我们JS API 讲解内置对象就是指 JS 语言自带的一些对象，这些对象供开发者使用，并提供了一些常用的或是最基本而必要的

2022-05-27 01:47:25 64

原创 14-JavaScript对象

文章目录1.对象1.1.什么是对象？1.2.为什么需要对象2.创建对象的三种方式2.1.利用字面量创建对象2.2.利用new Object创建对象2.3.利用构造函数创建对象3.new关键字4.遍历对象属性1.对象1.1.什么是对象？现实生活中：万物皆对象，对象是一个具体的事物，看得见摸得着的实物。例如，一本书、一辆汽车、一个人可以是“对象”，一个数据库、一张网页、一个与远程服务器的连接也可以是“对象”。在 JavaScript 中，对象是一组无序的相关属性和方法的集合，所有的事物都是对象，例如

2022-04-30 17:33:26 59

原创 13-JavaScript预解析

文章目录1.预解析2.变量预解析和函数预解析2.1.变量预解析（变量提升）2.2.函数预解析（函数提升）3.预解析案例1.预解析JavaScript 代码是由浏览器中的 JavaScript 解析器来执行的。JavaScript 解析器在运行 JavaScript 代码的时候分为两步：预解析和代码执行。**预解析：**在当前作用域下, JS 代码执行之前，浏览器会默认把带有 var 和 function 声明的变量在内存中进行提前声明或者定义。代码执行：从上到下执行JS语句。预解析只会发生在通

2022-04-26 00:40:35 40

原创 12-JavaScript作用域

文章目录1.作用域1.1.作用域概述1.2.全局作用域1.3.局部作用域（函数作用域）1.4.JS 没有块级作用域（ES6有）2.变量的作用域2.1.变量作用域的分类2.2.全局变量2.3.局部变量2.3.全局变量和局部变量的区别3.作用域链（就近原则）1.作用域1.1.作用域概述通常来说，一段程序代码中所用到的名字并不总是有效和可用的，而限定这个名字的可用性的代码范围就是这个名字的作用域。作用域的使用提高了程序逻辑的局部性，增强了程序的可靠性，减少了名字冲突。JavaScript（es

2022-04-25 22:26:24 43

原创 11-JavaScript函数

文章目录1.函数概念2.函数的使用2.1.声明函数2.2.调用函数2.3.函数的封装2.4.练习3.函数的参数3.1.形参和实参3.2.函数参数的传递过程3.3.函数形参和实参个数不匹配问题3.4.小结4.函数的返回值4.1.return 语句4.2.return 终止函数4.4.函数没有 return 返回 undefined4.5.break ,continue ,return 的区别5.arguments的使用6.函数案例7.函数的两种声明方式1.函数概念在 JS 里面，可能会定义非常多的相同

2022-04-25 21:53:34 285

原创 10- JS数组

文章目录1.数组的概念2.创建数组2.1.数组的创建方式2.2.利用 new 创建数组2.3.利用数组字面量创建数组3. 获取数组中的元素3.1.数组的索引4.遍历数组4.1.数组的长度4.2.练习5.数组中新增元素5.1.通过修改 length 长度新增数组元素5.2.通过修改数组索引新增数组元素5.3.练习6.数组案例1.数组的概念数组是指一组数据的集合，其中的每个数据被称作元素，在数组中可以存放任意类型的元素。数组是一种将一组数据存储在单个变量名下的优雅方式。2.创建数组2.1.数组的创建方

2022-04-20 00:10:23 225

原创 09-JavaScript 命名规范以及语法格式

文章目录1.标识符命名规范2.操作符规范3.单行注释规范4.其他规范1.标识符命名规范变量、函数的命名必须要有意义变量的名称一般用名词函数的名称一般用动词2.操作符规范// 操作符的左右两侧各保留一个空格for (var i = 1; i <= 5; i++) {if (i == 3) {break; // 直接退出整个 for 循环，跳到整个for循环下面的语句}console.log('我正在吃第' + i + '个包子呢');}3.单行注释规范for (va

2022-04-16 01:03:57 701

原创 08-JavaScript 流程控制-循环

文章目录1. 循环1.1.循环目的1.2.JS 中的循环2. for 循环2.1.语法结构2.2.代码体验2.3.执行过程2.4.断点调试2.5.for 循环重复相同的代码2.6.for 循环重复不相同的代码2.7.循环重复某些相同操作2.8.练习3. 双重 for 循环3.1.概述3.2.语法结构3.3.执行思路3.4.打印五行五列星星3.5.练习3.6. for 循环小结4. while 循环4.1.语法结构4.2.执行思路4.3.练习5. do while 循环5.1.语法结构5.2.执行思路5.3.

2022-04-15 22:31:19 61

原创 07-JavaScript 流程控制-分支

文章目录1.流程控制2.顺序流程控制3.分支流程控制 if 语句3.1.分支结构3.2.if 语句3.3.if else 语句（双分支语句）3.4.if else if 语句(多分支语句)4.三元表达式5.分支流程控制 switch 语句5.1.switch语句5.2.switch 语句和 if else if 语句的区别1.流程控制流程控制主要有三种结构，分别是顺序结构、分支结构和循环结构，这三种结构代表三种代码执行的顺序。2.顺序流程控制顺序结构是程序中最简单、最基本的流程控制，它没有

2022-04-15 02:35:24 419

原创 06-JS运算符

文章目录1.运算符2.算数运算符2.1.算术运算符概述2.2.浮点数的精度问题2.3.表达式和返回值3.递增和递减运算符3.1.递增和递减运算符概述3.2.递增运算符3.3.前置递增和后置递增小结4.比较运算符4.1.比较运算符概述4.2.=小结5.逻辑运算符5.1.逻辑运算符概述5.2.逻辑与&&5.3.逻辑或 ||5.4.逻辑非！5.5.短路运算（逻辑中断）5.5.1.逻辑与短路运算5.5.2.逻辑或短路运算6.赋值运算符7.运算符优先级1.运算符也被称作操作符。Ja

2022-04-14 21:16:28 49

原创 05-扩展阅读以及作业

文章目录1.解释型语言和编译型语言2.标识符、关键字、保留字2.1.标识符2.2.关键字2.3.保留字1.解释型语言和编译型语言翻译器翻译的方式有两种：一个是编译，另外一个是解释。两种方式之间的区别在于翻译的时间点不同。编译器是在代码执行之前进行编译，生成中间代码文件。解释器是在运行时进行及时解释，并立即执行(当编译器以解释方式运行的时候，也称之为解释器)。JS是解释型语言2.标识符、关键字、保留字2.1.标识符标识(zhi)符：就是指开发人员为变量、属性、函数、参数取的名字。标识

2022-04-14 17:03:20 34

原创 04-数据类型

文章目录1.数据类型简介1.1.为什么需要数据类型1.2.变量的数据类型1.3.数据类型的分类2.简单数据类型2.1.简单数据类型有五类2.2.数字型 Number2.2.1.数字型进制2.2.2.数字型范围2.2.3.数字型三个特殊值2.2.4.isNaN()2.3.字符串 String2.3.1.字符串引号嵌套2.3.2.字符串转义符2.3.3.字符串长度（重要）2.3.4.字符串拼接2.3.5.字符串拼接加强（重要）2.4.布尔型 Boolean2.5.Undefined 和 Null3.获取变量数据

2022-04-13 00:57:37 534

qq_45599475的博客