![](https://img-blog.csdnimg.cn/20190927151117521.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
JavaScript学习记录
文章平均质量分 70
JavaScript学习记录
NGC_2070
纸上得来终觉浅,绝知此事要躬行!
展开
-
JavaScript 名称排序示例
JavaScript 名称排序示例let Array = [ { name: "rtsp测试1" }, { name: "btsp测试5" }, { name: "测试3" }, { name: "ctsp测试2" }, { name: "编码器3" }, { name: "编码器4" }, { name: "rtsp测试3" }, { name: "2rtsp测试7" }, { name: "1rtsp测试8" }, { name: "测试" }, { n转载 2022-05-03 16:32:55 · 1318 阅读 · 0 评论 -
canvas学习笔记
canvas学习笔记canvas API中文网 - Canvas API中文文档首页地图 使用canvas来绘制图形 - Web API 接口参考 | MDN 什么是Canvas? Canvas是H5新增的一个标签, 我们可以通过JS在这个标签上绘制各种图案 Canvas 拥有多种绘制路径、矩形、圆形、字符以及图片的方法。 示例:<body><!--1.在body中创建一个canvas标签--><!--注意点canvas标签有默认的宽度和高度默转载 2022-03-26 19:18:11 · 928 阅读 · 0 评论 -
深入JavaScript 学习笔记:原型链与继承
深入JavaScript 学习笔记:原型链与继承参考:王红元老师的深入JavaScript课程 用对象来描述事物,更有利于我们将现实的事物,抽离成代码中某个数据结。 JavaScript其实支持多种编程范式的,包括函数式编程和面向对象编程: JavaScript中的对象被设计成一组属性的无序集合,像是一个哈希表,有key和value组成; key是一个标识符名称,value可以是任意类型,也可以是其他对象或者函数类型; 如果值是一个函数,那么我们可以称之为是对象的方法; 创建对象的两种转载 2022-03-20 21:23:50 · 144 阅读 · 0 评论 -
深入JavaScript 学习笔记:with、eval与严格模式
with语句with语句 扩展一个语句的作用域链。"use strict";var message = "Hello World"// console.log(message)// with语句: 可以形成自己的作用域var obj = {name: "why", age: 18, message: "obj message"}function foo() { function bar() { with(obj) { console.log(message..转载 2022-03-19 16:43:24 · 113 阅读 · 0 评论 -
深入JavaScript 学习笔记:arguments、纯函数、柯里化、组合函数
深入JavaScript 学习笔记:arguments、纯函数、柯里化、组合函数参考:王红元老师的深入JavaScript课程认识argumentsarguments 是一个 对应于 传递给函数的参数 的 类数组(array-like)对象。array-like意味着它不是一个数组类型,而是一个对象类型: 但是它却拥有数组的一些特性,比如说length,比如可以通过index索引来访问; 但是它却没有数组的一些方法,比如forEach、map等; function foo(转载 2022-02-04 18:05:29 · 84 阅读 · 0 评论 -
深入JavaScript 学习笔记:函数的this指向
深入JavaScript 学习笔记:函数的this指向参考:王红元老师的深入JavaScript课程为什么需要this?在常见的编程语言中,几乎都有this这个关键字(Objective-C中使用的是self),但是JavaScript中的this和常见的面向对象语 言中的this不太一样: 常见面向对象的编程语言中,比如Java、C++、Swift、Dart等等一系列语言中,this通常只会出现在类的方法中。 也就是你需要有一个类,类中的方法(特别是实例方法)中,this代表的是当前转载 2022-02-04 14:33:14 · 262 阅读 · 0 评论 -
深入JavaScript 学习笔记:内存管理和闭包
深入JavaScript 学习笔记:内存管理和闭包参考:王红元老师的深入JavaScript课程JS的内存管理JavaScript会在定义变量时为我们分配内存。 但是内存分配方式是一样的吗? JS对于基本数据类型内存的分配会在执行时, 直接在栈空间进行分配; JS对于复杂数据类型内存的分配会在堆内存 中开辟一块空间,并且将这块空间的指针返 回值变量引用; JS的垃圾回收因为内存的大小是有限的,所以当内存不再需要的时候,我们需要对其进行释放,以便腾出更多的内存空间。 在手动转载 2022-02-03 17:11:29 · 151 阅读 · 0 评论 -
深入JavaScript 学习笔记:运行原理
深入JavaScript 学习笔记:运行原理参考:王红元老师的React浏览器渲染过程在这个执行过程中,HTML解析的时候遇到了JavaScript标签,应该怎么办呢? 会停止解析HTML,而去加载和执行JavaScript代码; V8引擎的原理V8引擎的架构Parse模块会将JavaScript代码转换成AST(抽象语法树),这是因为解释器并不直接认识JavaScript代码; 如果函数没有被调用,那么是不会被转换成AST的; Parse的V8官方文档:http转载 2022-02-02 20:04:51 · 121 阅读 · 0 评论 -
JavaScript 参考网址
ECMAScript 6 简介 - ES6 教程 - 网道 ES6 入门教程 JavaScript 和 HTML DOM 参考手册 JavaScript 简介 JavaScript | MDN util 实用工具 | Node.js API 文档async和await - 简书转载 2021-10-20 14:10:49 · 165 阅读 · 0 评论 -
(JavaScript学习记录):jQuery 尺寸、位置操作
写在前面:参考哔哩哔哩黑马程序员pink老师教程 地址:https://www.bilibili.com/video/BV1Sy4y1C7ha?t=41&p=4目录jQuery 尺寸、位置操作jQuery 尺寸jQuery 位置offset() 设置或获取元素偏移position() 获取元素偏移scrollTop()/scrollLeft() 设置或获取元素被卷去的头部和左侧jQuery 尺寸、位置操作jQuery 尺寸以上参数为空,则是获取相应.原创 2020-10-01 16:05:30 · 960 阅读 · 0 评论 -
(JavaScript学习记录):jQuery 对象拷贝、多库共存、jQuery 插件
写在前面:参考哔哩哔哩黑马程序员pink老师教程 地址:https://www.bilibili.com/video/BV1Sy4y1C7ha?t=41&p=4目录jQuery 对象拷贝jQuery 多库共存jQuery 插件瀑布流插件(重点讲解)图片懒加载全屏滚动(fullpage.js)bootstrap JS 插件jQuery 对象拷贝如果想要把某个对象拷贝(合并) 给另外一个对象使用,此时可以使用 $.extend() 方法$.extend.原创 2020-10-01 14:48:41 · 223 阅读 · 0 评论 -
(JavaScript学习记录):jQuery 事件
写在前面:参考哔哩哔哩黑马程序员pink老师教程 地址:https://www.bilibili.com/video/BV1Sy4y1C7ha?t=41&p=4目录jQuery 事件jQuery 事件注册单个事件注册事件处理 on() 绑定事件案例:发布微博案例事件处理 off() 解绑事件自动触发事件 trigger()jQuery 事件对象jQuery 事件jQuery 事件注册单个事件注册element.事件(function(){.转载 2020-10-01 11:59:07 · 161 阅读 · 0 评论 -
(JavaScript学习记录):jQuery 元素操作
写在前面:参考哔哩哔哩黑马程序员pink老师教程 地址:https://www.bilibili.com/video/BV1Sy4y1C7ha?t=41&p=4目录jQuery 元素操作遍历元素案例:购物车案例模块-计算总计和总额创建元素添加元素内部添加外部添加删除元素案例:购物车案例模块-删除商品模块案例:购物车案例模块-选中商品添加背景jQuery 元素操作主要是遍历、创建、添加、删除元素操作。遍历元素jQuery 隐式迭代.原创 2020-10-01 00:36:57 · 195 阅读 · 0 评论 -
(JavaScript学习记录):jQuery 内容文本值
写在前面:参考哔哩哔哩黑马程序员pink老师教程 地址:https://www.bilibili.com/video/BV1Sy4y1C7ha?t=41&p=4目录jQuery 内容文本值普通元素内容 html()( 相当于原生inner HTML)普通元素文本内容 text() (相当与原生 innerText)表单的值 val()( 相当于原生value)案例:购物车案例模块-增减商品数量案例:购物车案例模块-修改商品小计jQuery 内容文本值主要针.原创 2020-09-30 22:00:56 · 341 阅读 · 0 评论 -
(JavaScript学习记录):jQuery 属性操作
写在前面:参考哔哩哔哩黑马程序员pink老师教程 地址:https://www.bilibili.com/video/BV1Sy4y1C7ha?t=41&p=4目录jQuery 属性操作设置或获取元素固有属性值 prop()设置或获取元素自定义属性值 attr()数据缓存 data()案例:购物车案例模块-全选jQuery 属性操作设置或获取元素固有属性值 prop()所谓元素固有属性就是元素本身自带的属性,比如 元素里面的 href ,比如 元素.原创 2020-09-30 21:21:05 · 1234 阅读 · 0 评论 -
(JavaScript学习记录):jQuery 效果
写在前面:参考哔哩哔哩黑马程序员pink老师教程 地址:https://www.bilibili.com/video/BV1Sy4y1C7ha?t=41&p=4目录jQuery 效果显示隐藏效果滑动效果事件切换动画队列及其停止排队方法淡入淡出效果自定义动画 animate案例:王者荣耀手风琴效果jQuery 效果jQuery 给我们封装了很多动画效果,最为常见的如下:注意: 动画或者效果一旦触发就会执行,如果多次触发,就造成多个动画或者效.原创 2020-09-30 19:43:28 · 234 阅读 · 0 评论 -
(JavaScript学习记录):jQuery 样式操作
写在前面:参考哔哩哔哩黑马程序员pink老师教程 地址:https://www.bilibili.com/video/BV1Sy4y1C7ha?t=41&p=4目录jQuery 样式操作操作 css 方法设置类样式方法案例:tab 栏切换类操作与className区别jQuery 样式操作操作 css 方法jQuery 可以使用 css 方法来修改简单元素样式; 也可以操作类,修改多个样式。 参数只写属性名,则是返回属性值$(this).css(''.原创 2020-09-30 18:54:38 · 1845 阅读 · 0 评论 -
(JavaScript学习记录):jQuery 选择器
写在前面:参考哔哩哔哩黑马程序员pink老师教程 地址:https://www.bilibili.com/video/BV1Sy4y1C7ha?t=41&p=4目录jQuery 选择器基础选择器层级选择器隐式迭代(重要)筛选选择器jQuery 筛选方法(重点)案例:新浪下拉菜单jQuery 里面的排他思想案例:淘宝服饰精品案例分析jQuery 选择器原生 JS 获取元素方式很多,很杂,而且兼容性情况不一致,因此 jQuery 给我们做了封装,使.原创 2020-09-30 17:32:24 · 179 阅读 · 0 评论 -
(JavaScript学习记录):jQuery 介绍、基本使用
写在前面:参考哔哩哔哩黑马程序员pink老师教程 地址:https://www.bilibili.com/video/BV1Sy4y1C7ha?t=41&p=4目录jQuery 介绍JavaScript 库jQuery的概念jQuery的优点jQuery 的基本使用jQuery 的下载体验jQueryjQuery的入口函数jQuery中的顶级对象$jQuery 对象和 DOM 对象jQuery 对象和 DOM 对象转换】jQuery 介绍.原创 2020-09-30 15:42:47 · 300 阅读 · 0 评论 -
(JavaScript学习记录):元素偏移量 offset、元素可视区 client 、元素滚动 scroll及动画函数封装
写在前面:参考哔哩哔哩黑马程序员pink老师教程 地址:https://www.bilibili.com/video/BV1Sy4y1C7ha?t=41&p=4目录元素偏移量 offset 系列offset 概述offset 与 style 区别元素可视区 client 系列立即执行函数 (function() {})() 或者 (function(){}())元素滚动 scroll 系列元素 scroll 系列属性页面被卷去的头部页面被卷去的头部兼容性解.原创 2020-09-29 19:10:30 · 264 阅读 · 0 评论 -
(JavaScript学习记录):BOM 浏览器对象模型
写在前面:参考哔哩哔哩黑马程序员pink老师教程 地址:https://www.bilibili.com/video/BV1Sy4y1C7ha?t=41&p=4目录BOM 浏览器对象模型BOM 概述什么是 BOMBOM 的构成window 对象的常见事件窗口加载事件调整窗口大小事件定时器setTimeout() 定时器案例: 5秒后自动关闭的广告停止 setTimeout() 定时器setInterval() 定时器案例: 倒计时停止 .原创 2020-09-29 01:31:39 · 382 阅读 · 0 评论 -
(JavaScript学习记录):DOM 事件高级
写在前面:参考哔哩哔哩黑马程序员pink老师教程 地址:https://www.bilibili.com/video/BV1Sy4y1C7ha?t=41&p=4目录事件高级注册事件(绑定事件)注册事件概述addEventListener 事件监听方式删除事件(解绑事件)传统注册方式方法监听注册方式DOM 事件流事件对象什么是事件对象事件对象的使用语法事件对象的兼容性方案事件对象的常见属性和方法阻止事件冒泡的两种方式阻止事件冒泡阻.原创 2020-09-28 19:54:46 · 324 阅读 · 0 评论 -
(JavaScript学习记录):DOM 重点核心小结
写在前面:参考哔哩哔哩黑马程序员pink老师教程 地址:https://www.bilibili.com/video/BV1Sy4y1C7ha?t=41&p=4DOM 重点核心小结关于dom操作,我们主要针对于元素的操作。主要有创建、增、删、改、查、属性操作、事件操作创建1. document.write2. innerHTML3. createElement增1. appendChild2. insertBefore删1. removeC.原创 2020-09-28 15:57:41 · 282 阅读 · 0 评论 -
(JavaScript学习记录):DOM 节点操作
写在前面:参考哔哩哔哩黑马程序员pink老师教程 地址:https://www.bilibili.com/video/BV1Sy4y1C7ha?t=41&p=4目录节点操作为什么学节点操作节点概述节点层级父级节点子节点1子节点2案例:下拉菜单兄弟节点创建节点添加节点案例:简单版发布留言案例删除节点案例:删除留言案例复制节点(克隆节点)案例:动态生成表格三种动态创建元素区别节点操作为什么学节点操作利用 D.原创 2020-09-28 15:55:29 · 1035 阅读 · 0 评论 -
(JavaScript学习记录):DOM 操作元素(续)
写在前面:参考哔哩哔哩黑马程序员pink老师教程 地址:https://www.bilibili.com/video/BV1Sy4y1C7ha?t=41&p=4目录操作元素排他思想案例:百度换肤案例:表格隔行变色案例:表单全选取消全选案例自定义属性的操作获取属性值设置属性值移除属性案例:自定义属性案例:tab 栏切换(重点案例)H5自定义属性设置H5自定义属性获取H5自定义属性案例:H5自定义属性操作元素排他思想如果.原创 2020-09-28 12:13:25 · 262 阅读 · 0 评论 -
(JavaScript学习记录):Web APIs、DOM 操作元素
写在前面:参考哔哩哔哩黑马程序员pink老师教程 地址:https://www.bilibili.com/video/BV1Sy4y1C7ha?t=41&p=4目录Web APIs 简介Web APIs 和 JS 基础关联性JS 的组成APIWeb API的概念API 和 Web API 总结DOM 简介什么是 DOMDOM 树获取元素如何获取页面元素根据 ID 获取根据标签名获取通过 HTML5 新增的方法获取获取特殊元素(bod.原创 2020-09-27 23:53:37 · 250 阅读 · 0 评论 -
(JavaScript学习记录):面向对象
写在前面:参考哔哩哔哩黑马程序员pink老师教程 地址:https://www.bilibili.com/video/BV1Sy4y1C7ha?t=41&p=4目录面向对象编程介绍面向过程编程 POP(Process-oriented programming)面向对象编程 OOP (Object Oriented Programming)面向过程和面向对象的对比ES6 中的类和对象面向对象对象类 class创建类类 constructor 构造函数.原创 2020-09-17 15:01:34 · 272 阅读 · 0 评论 -
(JavaScript学习记录):简单类型与复杂类型
写在前面:参考哔哩哔哩黑马程序员pink老师教程 地址:https://www.bilibili.com/video/BV1Sy4y1C7ha?t=41&p=4目录简单类型与复杂类型简单类型与复杂类型堆栈空间分配区别简单类型的内存分配复杂类型的内存分配简单类型传参复杂类型传参简单类型与复杂类型简单类型与复杂类型简单类型又叫做基本数据类型或者值类型,复杂类型又叫做引用类型。 值类型:简单数据类型/基本数据类型,在存储时变量中存储的是值本身,因此叫做值类.原创 2020-09-17 00:48:09 · 913 阅读 · 0 评论 -
(JavaScript学习记录):内置对象
写在前面:参考哔哩哔哩黑马程序员pink老师教程 地址:https://www.bilibili.com/video/BV1Sy4y1C7ha?t=41&p=4目录内置对象查文档Math 对象Math 概述随机数方法 random()日期对象Date 概述Date()方法的使用获取当前时间必须实例化Date() 构造函数的参数日期格式化案例: 输出当前日期案例: 输出当前时间获取日期的总的毫秒形式获得Data总的毫秒数案例:倒..原创 2020-09-17 00:37:45 · 251 阅读 · 0 评论 -
(JavaScript学习记录):对象
写在前面:参考哔哩哔哩黑马程序员pink老师教程 地址:https://www.bilibili.com/video/BV1Sy4y1C7ha?t=41&p=4目录对象什么是对象?为什么需要对象创建对象的三种方式利用字面量创建对象对象的调用变量、属性、函数、方法总结利用new Object创建对象利用构造函数创建对象new关键字遍历对象属性总结对象什么是对象?现实生活中:万物皆对象,对象是一个具体的事物,看得见摸得着的实物。例如,一.原创 2020-09-16 15:16:34 · 247 阅读 · 0 评论 -
(JavaScript学习记录):预解析
写在前面:参考哔哩哔哩黑马程序员pink老师教程 地址:https://www.bilibili.com/video/BV1Sy4y1C7ha?t=41&p=4目录预解析变量预解析和函数预解析变量预解析(变量提升)函数预解析(函数提升)解决函数表达式声明调用问题预解析案例预解析JavaScript 代码是由浏览器中的 JavaScript 解析器来执行的。JavaScript 解析器在运行 JavaScript 代码的时候分为两步:预解析和代码执行。 预解析.原创 2020-09-16 13:25:33 · 359 阅读 · 0 评论 -
(JavaScript学习记录):作用域
写在前面:参考哔哩哔哩黑马程序员pink老师教程 地址:https://www.bilibili.com/video/BV1Sy4y1C7ha?t=41&p=4目录作用域作用域概述全局作用域局部作用域 (函数作用域)JS 没有块级作用域变量的作用域变量作用域的分类全局变量局部变量全局变量和局部变量的区别作用域链作用域作用域概述通常来说,一段程序代码中所用到的名字并不总是有效和可用的,而限定这个名字的可用性的代码范围就是这个名字的作用域。.原创 2020-09-16 12:24:24 · 759 阅读 · 0 评论 -
(JavaScript学习记录):函数
写在前面:参考哔哩哔哩黑马程序员pink老师教程 地址:https://www.bilibili.com/video/BV1Sy4y1C7ha?t=41&p=4目录函数的概念函数的使用声明函数调用函数函数的封装函数的参数形参和实参函数参数的传递过程函数形参和实参个数不匹配问题小结函数的返回值return 语句return 终止函数return 的返回值函数没有 return 返回 undefinedbreak ,continue.原创 2020-09-16 02:07:33 · 193 阅读 · 0 评论 -
(JavaScript学习记录):数组
写在前面:参考哔哩哔哩黑马程序员pink老师教程 地址:https://www.bilibili.com/video/BV1Sy4y1C7ha?t=41&p=4目录数组的概念创建数组数组的创建方式利用 new 创建数组利用数组字面量创建数组数组元素的类型获取数组元素数组的索引遍历数组数组的长度数组中新增元素通过修改 length 长度新增数组元素通过修改数组索引新增数组元素数组案例数组的概念数组是指一组数据的集合,其中的每个数据..原创 2020-09-15 22:53:19 · 182 阅读 · 0 评论 -
(JavaScript学习记录):循环
写在前面:参考哔哩哔哩黑马程序员pink老师教程地址:https://www.bilibili.com/video/BV1Sy4y1C7ha?t=41&p=4文章目录循环for循环双重for循环while循环do-while循环continue、break循环for循环语法结构for(初始化变量; 条件表达式; 操作表达式 ){//循环体}| 名称 | 作用原创 2020-09-15 19:55:02 · 130 阅读 · 0 评论 -
(JavaScript学习记录):流程控制-分支
写在前面:参考哔哩哔哩黑马程序员pink老师教程 地址:https://www.bilibili.com/video/BV1Sy4y1C7ha?t=41&p=4目录流程控制顺序流程控制分支流程控制 if 语句分支结构if 语句if else语句(双分支语句)if else if 语句(多分支语句)三元表达式分支流程控制 switch 语句流程控制简单理解: 流程控制就是来控制我们的代码按照什么结构顺序来执行 流程控制主要有三种结构,分别是顺序结构.原创 2020-09-15 12:27:45 · 253 阅读 · 0 评论 -
(JavaScript学习记录):运算符
写在前面:参考哔哩哔哩黑马程序员pink老师教程 课程地址:https://www.bilibili.com/video/BV1Sy4y1C7ha?t=41&p=4目录运算符算术运算符算术运算符概述浮点数的精度问题表达式和返回值递增和递减运算符递增和递减运算符概述递增运算符前置递增和后置递增小结比较运算符比较运算符概述=小结逻辑运算符逻辑运算符概述逻辑与&&逻辑或 ||逻辑非 !短路运算(逻辑中断)逻.原创 2020-09-15 00:28:05 · 314 阅读 · 0 评论 -
(JavaScript学习记录):数据类型
写在前面:参考哔哩哔哩黑马程序员pink老师教程 课程地址:https://www.bilibili.com/video/BV1Sy4y1C7ha?t=41&p=4目录数据类型简介为什么需要数据类型变量的数据类型简单数据类型简单数据类型(基本数据类型)数字型 Number数字型进制数字型范围数字型三个特殊值isNaN()字符串型 String字符串引号嵌套字符串转义符字符串长度:length字符串拼接字符串拼接加强布尔型 B.原创 2020-09-14 22:06:54 · 233 阅读 · 0 评论 -
(JavaScript学习记录):变量
写在前面:参考哔哩哔哩黑马程序员pink老师教程 课程地址:https://www.bilibili.com/video/BV1Sy4y1C7ha?t=41&p=4目录变量概述变量的使用声明变量赋值变量的初始化案例1案例2变量语法扩展更新变量同时声明多个变量声明变量特殊情况变量命名规范案例:交换两个变量的值小结变量概述什么是变量白话:变量就是一个装东西的盒子。 通俗:变量是用于存放数据的容器。 我们通过 变量名 获取数据,.原创 2020-09-14 17:45:47 · 151 阅读 · 0 评论 -
(JavaScript学习记录):初识 JavaScript
写在前面:参考哔哩哔哩黑马程序员pink老师教程 课程地址:https://www.bilibili.com/video/BV1Sy4y1C7ha?t=41&p=4目录初识 JavaScriptJavaScript 是什么JavaScript 的作用HTML/CSS/JS 的关系浏览器执行 JS 简介JS 的组成JS 有3种书写位置:行内、内嵌和外部行内式 JS内嵌 JS外部 JS文件JavaScript注释JavaScript 输入输出语句.原创 2020-09-14 16:37:36 · 208 阅读 · 0 评论