菜园前端 - 个人主页动态 - 牛客网

发布(51) 评论刷题收藏

2023-04-18 22:28

吉林大学 Web前端

JS进阶——面向对象！！重要

原文：https://note.noxussj.top/?source=nowcoder 什么是面向对象编程？ 面向对象程序设计（Object Oriented Programming，OOP）是一种计算机编程架构，也可以理解为是一种编程的思想。面向对象程序设计的核心就是对象和类，对象也是类的实例化，类是对现实对象的抽象。对象间通过消息传递相互通信，来模拟现实世界中不同实体间的联系。OOP 达到了软件工程的三个主要目标：重用性、灵活性和扩展性。在 JavaScript 中处处皆是对象，不像其他编程语言一样，JavaScript 中是没有类的存在，只能通过一系列的方法进行模拟成类。  指导 面向...

0 点赞评论收藏

分享

2023-04-17 20:09

吉林大学 Web前端

JS进阶——前端必须掌握的事件循环

原文：https://note.noxussj.top/?source=nowcoder 事件循环机制 在事件循环中，每进行一次循环操作称为 tick，每一次 tick 的任务处理是比较复杂的。 关键步骤如下：   执行一个宏任务   执行过程中如果遇到微任务，就将它添加到微任务的任务队列中   宏任务执行完毕后，立即执行当前微任务队列中的所有微任务（依次执行）   当前宏任务执行完毕，开始检查渲染，然后 GUI 线程接管渲染   渲染完毕后，JS 线程继续接管（开始下一个宏任务）   流程图如下：  那什么是宏任务、微任务呢？  宏任务 宏任务（macro task）可以理解为调用栈中的任务...

0 点赞评论收藏

分享

2023-04-16 18:59

吉林大学 Web前端

JS进阶——关于异步模式，你真的了解吗？

****** 什么是异步模式？ 不会等待当前任务执行完毕，才会去执行下一个任务，这就是异步模式（Asynchronous）。开启异步后，就会跳过本任务，开始执行下一个任务，后续的逻辑一般会通过回调函数的方式定义。异步模式执行中，涉及到调用栈（Call stack）、消息队列（Queue）、微任务队列（Microtask Queue）、事件循环（Eevent Loop）、运行环境（浏览器是 WebAPIs）。 优点 主要解决同步模式造成的阻塞问题 缺点 代码的执行顺序混乱，并非从上往下一个个执行，有时候无法得知谁先执行谁后执行，所以不易于阅读和理解。  异步方案  ES2015 提供的 Porm...

0 点赞评论收藏

分享

2023-04-16 19:02

已编辑

吉林大学 Web前端

JS进阶——你真的知道JavaScript调用栈吗？

******点此查看原文 什么是调用栈？ 我们写的 JS 代码大多数都是同步模式，也就是从上往下依次执行。后一个任务必须要等前一个任务结束才能开始执行，程序的执行顺序和我们代码的编写顺序是完全一致的。程序执行中每遇到一个任务都会先入栈，当前入栈的任务执行完毕后就会出栈。本来栈的概念是留到数据结构算法在讲的，但是这里用到了可以提前介绍一下。  什么是栈？ 栈是基础数据结构，栈是一种遵循后进先出原则的有序集合，添加新元素的一端称为栈顶，另一端称为栈底，操作栈的元素时，只能从栈顶操作（添加、移除、取值）。 下面通过代码的例子和调试工具去更好的理解栈和 JS 调用栈。 console.log('glo...

0 点赞评论收藏

分享

2023-04-10 20:34

吉林大学 Web前端

JS进阶——JavaScript 同步模式

原文链接：https://note.noxussj.top/?source=nowcoder 什么是同步模式？ 大部分单线程任务都会排队执行任务，这就称为同步模式（Synchronous）。同步模式执行中，只涉及到调用栈（Call stack）。  现实生活举例 就像验核酸一样，我们要排队一个个去验（按顺序排队），当只有一条通道（也就是单线程）时，因为要打开健康码、行程码、核酸码，如果有些人手机网络不好，或者不懂的如何操作，就会耽误很长的时间，导致后面的排队的人员一直处于等待阶段。  优点 这种模式编写的代码易于阅读和理解，代码的执行顺序都是从上往下一个个执行。 缺点 有些任务执行的时间过长，...

0 点赞评论收藏

分享

2023-04-07 20:21

吉林大学 Web前端

JS基础——DOM 文档对象模型

原文链接：https://note.noxussj.top/?source=nowcoder HTML 模板 <html> <head> <title>我是网站标题</title> </head> <body> <div class="box"> <div class="box1"></div> </div> <div name="xiaoming"></div> <div id="box"></div> </body&g...

0 点赞评论收藏

分享

2023-04-06 20:11

吉林大学 Web前端

JS基础——BOM 浏览器对象模型

原文链接：https://note.noxussj.top/?source=nowcoder window 对象 提示框 alert alert(1)  确认提示框 confirm var conf = confirm('是否打开') // true or false  定时器 setTimeout var t1 = setTimeout(function () { console.log(1) // 3000 毫秒后打印 1 }, 3000)  取消定时器 clearTimeout clearTimeout(t1)  循环定时器 setInterval var t1 = setInterva...

0 点赞评论收藏

分享

2023-04-05 16:44

吉林大学 Web前端

JS基础——JavaScript 事件

原文链接：https://note.noxussj.top/?source=nowcoder 鼠标事件 鼠标单击事件 click 在文档中鼠标进行单击，就会触发事件。 var i = 0 document.addEventListener('click', function () { console.log(i++) })  鼠标双击事件 dblclick 在文档中鼠标进行双击，就会触发事件。 var i = 0 document.addEventListener('dblclick', function () { console.log(i++) })  鼠标按下事件 mousedown 在...

0 点赞评论收藏

分享

2023-04-05 16:24

已编辑

吉林大学 Web前端

JS基础——JavaScript 内置对象

原文链接：https://note.noxussj.top/?source=nowcoder  String 字符串对象 字符串转换 toString var age = 20 var age2 = age.toString() // "20"  字符串转换 String var age = 20 var age2 = String(age) // "20"  字符串分割 split var str = 'abcdefg' var str2 = str.split('') // ['a', 'b', 'c', 'd', 'e', 'f', 'g']  字符串替换 replace var str...

0 点赞评论收藏

分享

2023-04-03 19:16

吉林大学 Web前端

JS篇——关于JavaScript基础语法你了解多少？

原文链接：https://note.noxussj.top/?source=nowcoder  变量声明 在 JavaScript 程序中，使用一个变量之前应当先声明。变量是使用关键字 var 来声明的。 var i var sum = 20  如果未在 var 声明语句中给变量赋予初始值，那么虽然声明了这个变量，但在给它传入一个值之前，它的初始值就是 undefined 。  重复的声明和遗漏的声明 使用 var 语句重复声明变量是合法的且无副作用的，如果重复声明且带有初始值，那么这就和一条简单的赋值语句没什么两样。 如果你试图读取一个没有声明的变量的值，在严格模式下会报错，但是我们平常写的...

0 点赞评论收藏

分享

2023-04-02 19:52

吉林大学 Web前端

JS基础——JS中的数据类型

原文链接：https://note.noxussj.top/?source=nowcoder 常见的 ES5 数据类型分为基本数据类型、引用数据类型两种。包含字符串、数字、对象、数组、函数、布尔值、空值、未知。  基本数据类型 String 类型（字符串） var name = 'xiaoming'  Number 类型（数字） var age = 20  String 类型（字符串） var name = 'xiaoming'  Boolean 类型（布尔值） var isXiaoMing = true  Null 类型（空值） var name = null  String 类型（字符串）...

0 点赞评论收藏

分享

2023-04-01 17:44

吉林大学 Web前端

JS基础——ECMAScript 介绍

原文链接：https://note.noxussj.top/?source=nowcoder  什么是 ECMAScript？ ECMAScript 是 JavaScript 的一个标准，也是代表 JavaScript 的版本。2015 年 6 月发布的版本为 ES2015 ， ES2015 以及之后的版本都统称 "ES6"。ES2015 之前的版本则是 "ES5"。  版本历史 2009 年 12 月 到 2015 年 6 月 将近 "6 年" 时间一直持续在 " ES5 "版本中。 ES2015 开始，将进行每年一个版本的迭代。 ES2015 开始按照年份命名。  原文链接：https:/...

0 点赞评论收藏

分享

2023-03-31 19:13

吉林大学 Web前端

JS基础——关于JavaScript

原文链接：https://note.noxussj.top/?source=nowcoder  什么是 JavaScript？ JavaScript 是一种轻量级的编程语言（脚本语言）主要应用在前端方面。在 Web 层面上，就是给网页添加了交互的能力。 比如点击某个按钮跳转到某个页面， 点击登录按钮进行登录操作，渲染页面的数据等等。JS 在前端领域是非常非常重要的一个编程语言，必须要掌握。  JavaScript 结构 <html> <head> <title>我是网站标题</title> </head> <body> &...

0 点赞评论收藏

分享

2023-03-31 19:08

吉林大学 Web前端

2023.03.31 在牛客打卡2天！

0 点赞评论收藏

分享

2023-03-30 21:05

吉林大学 Web前端

Git篇——如何安装Git

原文链接：https://note.noxussj.top/?source=nowcoder 线上代码仓库创建好了之后，我们还需要通过 git 命令进行操作，但是在命令行 cmd 中输入 git 开头的命令时会提示不存在，所以我们需要安装 git 命令行工具。  官方下载地址 git下载地址：https://git-scm.com/downloads    验证 git 安装完成后我们需要验证一下。 在命令行中输入 git 并回车后如果能显示以下内容就证明安装成功了。  tips: 本篇文章后面补充的，拉取文件/代码的完整流程参见上一篇文章。

0 点赞评论收藏

分享

创作者周榜

更多

关注他的用户也关注了：

牛客网
牛客网在线编程
牛客网题解
牛客企业服务