尚硅谷JavaScript高级教程(javascript实战进阶)学习笔记

已于 2023-02-05 15:49:32 修改
阅读量875 收藏 17
点赞数 3
文章标签： javascript 学习 前端
于 2022-10-29 02:10:30 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_62516225/article/details/127561361
版权

前言

这个是我学习过程中的笔记，分享给大家，希望对大家有用。

学习内容是尚硅谷JavaScript高级教程(javascript实战进阶)，这里是视频链接。

我在前面有两篇对于web前端HTML和CSS的学习笔记，有需要的可以看一下哈。
黑马程序员版的Web前端html5+css3前端开发入门学习笔记
尚硅谷版Web前端零基础入门HTML5+CSS3学习笔记补充

文章目录

JavaScript基础

1.数据类型

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

2.数据，变量，内存

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

问题var a=xxx a内存到底保持的是什么？

在这里插入图片描述

问题js调用函数时传递变量参数时，是地址传递还是值传递？

在这里插入图片描述

JS引擎如何管理内存

在这里插入图片描述

3.对象

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

什么时候必须使用[ ’ 属性名’]的方式

在这里插入图片描述

4.函数

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

1）回调函数

在这里插入图片描述

2） IIFE

在这里插入图片描述

3）函数中的this

在这里插入图片描述

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

4）JS语句关于分号的问题

在这里插入图片描述

JavaScript高级

1.函数高级

1）原型（prototype）与原型链

原型（prototype）

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

显示原型与隐式原型

在这里插入图片描述

在这里插入图片描述

原型链

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

在这里插入图片描述

原型链的属性

在这里插入图片描述

探索instanceof

在这里插入图片描述

2）执行上下文与执行上下文栈

变量声明提升和函数声明提升

在这里插入图片描述

执行上下文

在这里插入图片描述

执行上下文栈

在这里插入图片描述

3）作用域与作用域链

在这里插入图片描述

在这里插入图片描述

4）闭包

在这里插入图片描述

常见的闭包

在这里插入图片描述

闭包的作用

在这里插入图片描述

闭包的生命周期

在这里插入图片描述

内存溢出和内存泄漏

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

2.面向对象高级

1）对象创建模式

object构造函数模式

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

对象字面量模式

在这里插入图片描述

工厂模式

在这里插入图片描述

自定义构造函数模式

在这里插入图片描述

构造函数+原型的组合模式

在这里插入图片描述

2）继承模式

原型链继承

在这里插入图片描述

在这里插入图片描述

借用构造函数继承

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

组合继承

在这里插入图片描述

在这里插入图片描述

3.线程机制与事件机制

1)进程与线程

进程（process）
程序的一次执行，它占有一片独立的内存空间。可以通过windows的任务管理器查看进程。

线程（thread）

  1. 是进程内的一个独立执行单元
  2. 是程序执行的一个完整流程
  3. 是CPU的最小的调度单元

进程与线程的关系

在这里插入图片描述

相关知识点

在这里插入图片描述

相关问题

在这里插入图片描述

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

2）浏览器内核

在这里插入图片描述

3）定时器引发的思考

在这里插入图片描述

4）JS是单线程执行的

在这里插入图片描述

5）浏览器的事件循环（轮询）模型

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

6）H5 Web Workers(多线程)

在这里插入图片描述

木子与金与玉
关注
  • 3
    点赞
  • 踩
  • 17
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
语法：Python与C++对比
yly的博客
10-06 9659
Python C++ import cmath 导入模块 #include<cmath> 引入头文件 容器（container） 容器（container） 序列（sequence ，包括列表、字符串和元组） 顺序容器(sequential container，包括vector, deque, list, forward_list, array, string) 映射（如字典）...
【前端学习之路】 JavaScript高级部分 尚硅谷学习笔记
a123456_9的博客
07-12 2715
用来保存多个数据的容器便于统一管理多个数据属性：属性名（字符串）和属性值（任意）组成方法：一种特别的属性（属性值是函数）实现特定功能的n条语句的封装体提高代码复用性便于阅读交流①自己定义的 ②不用手动调 ③最终执行的 满足这三点的都是回调函数常见的回调函数：a.dom事件回调函数b.定时器回调函数c.ajax请求回调函数 d.生命周期回调函数作用：①隐藏实现 ②不会污染外部（全局）命名空间 ③用来编写JS模块每个函数都有一个prototype属性（显示原型），这个属性默认指向一个Objec
【免费】JavaScript高级教程，源码课件视频，尚硅谷
01-04
【免费】JavaScript高级教程，源码课件视频，尚硅谷视频
python之数字类型
happyery的博客
09-30 280
数字类型用于存储数学意义上的数值。 数字类型是不可变类型。所谓的不可变类型，指的是类型的值一旦有不同了，那么它就是一个全新的对象。数字1和2分别代表两个不同的对象，对变量重新赋值一个数字类型，会新建一个数字对象。 还是要强调一下Python的变量和数据类型的关系，变量只是对某个对象的引用或者说代号、名字、调用等等，变量本身没有数据类型的概念。类似1，[2, 3, 4]，“haha”这一类对象才具有数据类型的概念。 例如： a = 1 # 创建数字对象1 a = 2 # 创建数字对象2，并将2赋值给变量a，a
javascript全笔记-基础版（尚硅谷视频李立超老师）
weixin_51717662的博客
10-16 2547
观看javascript视频整理的笔记，跟着视频所讲内容整理的关于javascript基础版笔记，包括javascript简介，javacript基础语法，常用对象，JavaScript DOM,BOM.
尚硅谷JavaScript学习笔记
qq_43813373的博客
07-09 1371
文章目录变量关系运算逻辑运算数组函数 变量 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!-- 引入和自定义只能用一个，不能像css似的进行逻辑覆盖--> <script type="text/javascript" src="javascript.js"
JS高级部分笔记（尚硅谷教程）
darabiuz的博客
08-02 2097
JS高级部分0.JS高级思维导图1.基础深入总结0.思维导图1.数据类型1.分类1. 基本类型2. 引用类型2.判断1. typeof（返回数据类型的字符串表达）2. instanceof(判断对象的具体类型是否属于XXX)3. ===3.相关问题1.undefined和null的区别？2. 什么时候给变量赋值为null？3. 严格区别变量类型与数据类型？2. 数据,变量和内存1. 什么是数据2. 什么是内存3. 什么是变量4. 三者之间的关系5.相关问题1.关于赋值与内存的问题？2.关于引用变量赋值问题？
[JS]JavaScript基础学习笔记(黑马pink+尚硅谷李立超)
emmmm.....
01-11 2835
JavaScript 的书写位置 JavaScript 注释 JavaScript 输入输出语句 变量 数据类型 运算符 流程控制 对象 函数 严格模式 面向对象 Map Set
JavaScript高级教程(javascript实战进阶)
qq_29869735的博客
05-06 1138
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录 前言 一、pandas是什么？ 二、使用步骤 1.引入库 2.读入数据 总结 前言 提示：这里可以添加本文要记录的大概内容： 例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。 提示：以下是本篇文章正文内容，下面案例可供参考 一、pandas是什么？ 示例：pandas 是基于NumPy 的一种工具，该工具是为了解决.
尚硅谷JavaScript高级学习笔记
最新发布
03-07
尚硅谷JavaScript高级学习笔记
JavaScript基础笔记-尚硅谷视频自己总结
01-13
JavaScript入门知识点总结，文档里面包含W3School里面方法
javascript高级学习笔记整理
12-04
一.js面向对象的一种实现 代码如下: 　　[removed] function Person() { this.name = “张三”; this.age = 0; var nickName = “小三”; //类似私有变量,函数中的局部变量在函数执行完后自动销毁. this.SayHi = function () { alert(“我的名字是” + this.name + ” ,大家都叫我” + nickName + ” ,我今年已经” + this.age + “岁了”); } } ///////////////////////// func
经典尚硅谷JavaScript视频
06-15
精心收藏 上百本经典前端电子书 总有基本合适你的 节省大家时间
尚硅谷web前端学习笔记javaScript基础全部 143页 40207字
01-28
尚硅谷web前端学习笔记javaScript基础全部 143页 40207字
HTML+CSS+JavaScript教程学习笔记.zip
01-01
HTML+CSS+JavaScript教程学习笔记HTML+CSS+JavaScript教程学习笔记 HTML+CSS+JavaScript教程学习笔记HTML+CSS+JavaScript教程学习笔记 HTML+CSS+JavaScript教程学习笔记HTML+CSS+JavaScript教程学习笔记 ...
javascript学习笔记
11-24
JavaScript 是一种具有面向对象能力的、解释型的程序设计语言。更具体一点，它是基于对象和事件驱动并具有相对安全性的客户端脚本语言。因为他不需要在一个语言环境下运行，而只需要支持它的浏览器即可。它的主要...
JavaScript学习笔记--JS高级（尚硅谷）
wykkk1的博客
01-31 1118
一、基础总结深入 1.1 数据类型 1.基本（值）类型 String：任意字符串 Number：任意的数字 boolean：true/false undefined：undefined null:null 2.对象（引用）类型 Object:任意对象 Function：一种特别的对象（可以执行） Array：一种特别的对象（数值下标属性，内部数据是有序的） 3.判断数据类型方式 typeof ：返回数据类型的字符串表达 ...
前端面试题考点HTML5+CSS3+JS
热门推荐
luemeon的博客
04-26 1万+
变量声明不开辟内存,只是告诉编译器,要声明的部分存在,要预留部分的空间。var i;变量定义开辟内存。var i=123;
javaScript学习笔记【尚硅谷】
Mxs_503的博客
03-20 4816
javaScript学习笔记【尚硅谷】 这是我看尚硅谷前端大神超哥视频，所记录的笔记！
前端学习笔记 javascript
08-31
对于前端学习笔记，我可以给你一些常见的主题和要点，帮助你开始学习前端开发。 1. HTML基础： - 了解HTML的基本结构和标签 - 学习如何创建和组织网页内容 - 掌握常用的HTML标签，如标题、段落、链接、图像等 2. CSS样式： - 学习如何使用CSS来为网页添加样式 - 掌握CSS选择器和属性 - 学习如何设置文字样式、颜色、背景、布局等 3. JavaScript基础： - 理解JavaScript的基本概念和语法 - 学习如何操作DOM元素，实现网页交互 - 掌握常用的JavaScript函数和事件处理 4. 响应式设计： - 学习如何使用媒体查询和弹性布局创建响应式网页 - 掌握移动优先设计和流体网格布局 5. 前端框架和工具： - 了解流行的前端框架，如React、Angular、Vue等 - 学习使用前端构建工具，如Webpack、Gulp等 - 掌握前端调试工具和浏览器开发者工具的使用 这些是前端学习的一些基本知识点，你可以根据自己的兴趣和需求深入学习和实践。记得不断练习和实践，通过实际项目来提升自己的前端开发能力。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

木子与金与玉

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

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

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

打赏作者

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

抵扣说明：

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

余额充值