当前位置：首页 > news >正文

蓝旭前端05：JavaScript进阶

news 文章来源：https://blog.csdn.net/Florae006/article/details/137654655 2024/10/30 23:22:05

蓝旭前端05：JavaScript进阶

基础简单复习

数据类型

基本数据类型：Number、String、Boolean、Null、Undefined等。
引用数据类型：Object、Array、Function等。
typeof操作符：返回数据类型的字符串形式。

变量

变量声明：var、let、const。区别：var没有块级作用域，let和const有块级作用域，const声明的变量不能修改。什么是块级作用域：{}。举例：
```
{var a = 1let b = 2const c = 3
}
console.log(a) // 1
console.log(b) // 报错
console.log(c) // 报错
```
变量赋值：赋值操作符=。
变量命名：字母、数字、下划线、$，不能以数字开头。
变量作用域：全局作用域、局部作用域。
变量提升：变量声明会提升到作用域的最前面。
变量作用域链：内部作用域可以访问外部作用域的变量，反之不行。

运算符

算术运算符：+、-、*、/、%。
赋值运算符：=、+=、-=、*=、/=、%=。
比较运算符：==、!=、===、!==、>、<、>=、<=。
逻辑运算符：&&、||、!。
三元运算符：condition ? expr1 : expr2。

控制语句

if语句：if、else if、else。
switch语句：switch、case、break、default。
for循环：for、break、continue。
while循环：while、do while。
break语句：跳出循环。
continue语句：跳过本次循环。
return语句：返回值。

JavaScript引入

<!DOCTYPE html>
<html>
<head><-- 为什么不推荐在head引入script：阻塞页面渲染 --><script src="script.js"></script><title>JavaScript引入</title>
</head>
<body><script>// JavaScript代码</script>
</body>
</html>

JavaScript输出

console.log('Hello, World!')

JavaScript注释

// 单行注释
/* 多行注释 */

JavaScript弹窗

alert('Hello, World!')

Overview

获取元素
事件监听
事件对象
事件委托
事件绑定
事件解绑
事件触发
事件处理程序
异步编程(回调函数、Promise、async/await)

获取元素

通过ID获取元素

ID: 元素的id属性，是唯一的。

document.getElementById('id')

通过类名获取元素

class: 元素的class属性，可以有多个相同的类名。

document.getElementsByClassName('class')

多个类名之间用空格隔开，返回的是一个数组。

通过标签名获取元素

tag: 元素的标签名，如div、p、a等。

document.getElementsByTagName('tag')

通过选择器获取元素

selector: CSS选择器，如#id、.class、tag等。

document.querySelector('selector')
document.querySelectorAll('selector')// 举例
document.querySelector('#id')
document.querySelectorAll('.class')
document.querySelectorAll('tag')

区别：querySelector只返回第一个匹配的元素，querySelectorAll返回所有匹配的元素。

事件监听

element.addEventListener(event, function, useCapture)

解释：event是事件的类型，function是事件触发时执行的函数，useCapture是一个布尔值，表示事件是否在捕获阶段执行。

事件类型：click、mouseover、mouseout、keydown、keyup等。
事件处理函数：事件触发时执行的函数。
捕获阶段：事件从最外层元素向内层元素传播的阶段。例如：点击一个按钮，事件会从document传播到按钮。

事件监听的例子

举例：

document.getElementById('id').addEventListener('click', function() {console.log('click')
}, false)

解释：点击id为id的元素时，控制台输出click。这里false表示事件在冒泡阶段执行，若为true则表示事件在捕获阶段执行，默认是false(可不写)。

什么是冒泡阶段：事件从内层元素向外层元素传播的阶段。例如：点击一个按钮，事件会从按钮传播到document。
捕获阶段：事件从最外层元素向内层元素传播的阶段。例如：点击一个按钮，事件会从document传播到按钮。

冒泡阶段和捕获阶段的执行顺序：先捕获再冒泡。

冒泡和捕获的例子：

<!DOCTYPE html>
<html>
<head><title>事件监听</title>
</head>
<body><div id="div"><button id="btn">按钮</button></div><script>document.getElementById('div').addEventListener('click', function() {console.log('div')}, false)document.getElementById('btn').addEventListener('click', function() {console.log('btn')}, false)</script>
</body>
</html>

点击按钮，控制台输出：

btn
div

解释：点击按钮，事件先在按钮上触发，再在div上触发。
怎么阻止冒泡：使用event.stopPropagation()方法。
例如：

document.getElementById('btn').addEventListener('click', function(event) {console.log('btn')event.stopPropagation()
}, false)

这样点击按钮时，只会输出btn。

事件对象

事件对象是事件触发时传递给事件处理函数的一个对象，包含了事件的相关信息。

element.addEventListener('event', function(event) {// 事件对象
})

事件对象的属性：type、target、currentTarget、clientX、clientY等。
事件对象的方法：preventDefault()、stopPropagation()等。
事件对象的类型：click、mouseover、mouseout、keydown、keyup等。
事件对象的坐标：事件触发时的坐标。

事件对象的例子

举例：

document.getElementById('id').addEventListener('click', function(event) {console.log(event.type) // clickconsole.log(event.target) // 点击的元素console.log(event.currentTarget) // 绑定事件的元素console.log(event.clientX) // 鼠标点击的x坐标console.log(event.clientY) // 鼠标点击的y坐标
}, false)

事件委托

事件委托是指将事件绑定到父元素上，通过事件对象的target属性判断事件源，从而执行对应的事件处理函数。

element.addEventListener('event', function(event) {if (event.target.tagName === 'tag') {// 事件处理函数}
})

事件委托的优点：减少事件绑定，提高性能。
事件委托的原理：事件冒泡。
事件委托的应用：动态添加元素。

事件委托的例子

举例：

<!DOCTYPE html>
<html>
<head><title>事件委托</title>
</head>
<body><ul id="ul"><li>1</li><li>2</li><li>3</li></ul><script>document.getElementById('ul').addEventListener('click', function(event) {// 为什么要判断tagName：防止事件源不是li，注意tagName是大写，这是一个坑，这个属于DOM的知识// console.log(event.target.tagName)if (event.target.tagName === 'LI') {console.log(event.target.innerHTML)}}, false)</script>
</body>
</html>

事件绑定

事件绑定是指将事件处理函数绑定到元素上，当事件触发时执行对应的事件处理函数。

element.addEventListener('event', function, useCapture)

事件绑定的优点：解耦，提高代码的可维护性。
事件绑定的原理：事件监听。

事件绑定的例子

举例：

<!DOCTYPE html>
<html>
<head><title>事件绑定</title>
</head>
<body><button id="btn">按钮</button><script>document.getElementById('btn').addEventListener('click', function() {console.log('click')}, false)</script>
</body>
</html>

事件解绑

事件解绑是指将事件处理函数从元素上解绑，当事件不再触发时不执行对应的事件处理函数。

element.removeEventListener('event', function, useCapture)

事件解绑的优点：减少内存占用，提高性能。
事件解绑的原理：事件监听。

事件解绑的例子

举例：

<!DOCTYPE html>
<html>
<head><title>事件解绑</title>
</head>
<body><button id="btn">按钮</button><script>// 点击按钮一次后，再点击按钮，按钮的点击事件就会被解绑var btn = document.getElementById('btn');function clickHandler() {console.log('click');btn.removeEventListener('click', clickHandler);}btn.addEventListener('click', clickHandler);</script>
</body></html>

事件触发

事件触发是指手动触发元素上的事件，执行对应的事件处理函数。

element.dispatchEvent(event)

事件触发的应用：模拟用户操作。
事件触发的原理：事件监听。

触发的类型：click、mouseover、mouseout、keydown、keyup等。

事件触发的例子

举例：

<!DOCTYPE html>
<html>
<head><title>事件触发</title>
</head>
<body><button id="btn">按钮</button><div id="clr">变化颜色</div><div id="keyon">现在没有按下</div><script>var btn = document.getElementById('btn');btn.addEventListener('click', function() {console.log('click');}, false);// 手动触发按钮的点击事件btn.dispatchEvent(new Event('click'));var clr = document.getElementById('clr');clr.addEventListener('mouseover', function() {this.style.backgroundColor = 'red';}, false);// 手动触发div的mouseover事件// clr.dispatchEvent(new Event('mouseover'));var keyon = document.getElementById('keyon');document.addEventListener('keydown', function() {keyon.innerHTML = '按下了键盘';}, false);document.addEventListener('keyup', function() {keyon.innerHTML = '现在没有按下';}, false);// 手动触发键盘事件document.dispatchEvent(new KeyboardEvent('keydown', {key: 'a'}));</script>
</body>
</html>

事件处理程序

事件处理程序是指事件触发时执行的函数，用于处理事件。

事件处理程序的类型：内联事件处理程序、DOM0级事件处理程序、DOM2级事件处理程序。
事件处理程序的优点：解耦，提高代码的可维护性。

内联事件处理程序

内联事件处理程序是指将事件处理函数直接写在元素的事件属性中。

<!DOCTYPE html>
<html>
<head><title>内联事件处理程序</title>
</head>
<body><button onclick="console.log('click')">按钮</button>
</body>
</html>

优点：简单、直观。
缺点：不推荐使用，不利于代码的维护。

DOM0级事件处理程序

DOM0级事件处理程序是指将事件处理函数赋值给元素的事件属性。

<!DOCTYPE html>
<html>
<head><title>DOM0级事件处理程序</title>
</head>
<body><button id="btn">按钮</button><script>document.getElementById('btn').onclick = function() {console.log('click');}</script>
</body>
</html>

优点：简单、直观。
缺点：同一事件只能绑定一个处理函数。
注意：DOM0级事件处理程序会覆盖元素原有的事件处理函数。
注意：DOM0级事件处理程序不支持事件委托、不支持事件解绑、不支持事件触发、不支持事件对象。
注意：DOM0级事件处理程序不推荐使用，不利于代码的维护。

DOM2级事件处理程序

DOM2级事件处理程序是指使用addEventListener方法绑定事件处理函数。

<!DOCTYPE html>
<html>
<head><title>DOM2级事件处理程序</title>
</head>
<body><button id="btn">按钮</button><script>document.getElementById('btn').addEventListener('click', function() {console.log('click');}, false)</script>
</body>
</html>

优点：支持事件委托、支持事件解绑、支持事件触发、支持事件对象。
注意：DOM2级事件处理程序不会覆盖元素原有的事件处理函数。
注意：DOM2级事件处理程序推荐使用，提高代码的可维护性。
注意：DOM2级事件处理程序的第三个参数useCapture是一个布尔值，表示事件是否在捕获阶段执行，默认是false(可不写)。

异步编程

异步编程是指在程序执行过程中，不按照顺序执行，而是通过回调函数、Promise、async/await等方式实现异步执行。

异步编程的优点：提高程序的性能、提高用户体验。
异步编程的原理：事件循环。
异步编程的应用：Ajax、定时器、事件监听等。

回调函数

回调函数是指将一个函数作为参数传递给另一个函数，当满足条件时执行回调函数。

function callback() {console.log('callback')
}function fn(callback) {callback()
}fn(callback)

回调函数的优点：解耦、提高代码的可维护性。
回调函数的缺点：回调地狱、代码难以维护。
回调函数的应用：Ajax、事件监听、定时器等。

举例

console.log('start')
setTimeout(() => {console.log('setTimeout')
}, 0)
console.log('end')

输出：

start
end
setTimeout

解释：setTimeout是异步执行的，会等到同步执行完毕后再执行。

回调地狱：

setTimeout(() => {console.log('1')setTimeout(() => {console.log('2')setTimeout(() => {console.log('3')}, 1000)}, 1000)
}, 1000)

解决回调地狱的方法：Promise、async/await。

Promise

Promise是ES6新增的一种异步编程解决方案，用于处理异步操作。

new Promise((resolve, reject) => {if (true) {resolve('成功')} else {reject('失败')}
}).then((value) => {console.log(value)
}).catch((reason) => {console.log(reason)
})

Promise的状态：pending、fulfilled、rejected。
Promise的方法：then、catch、finally。
Promise的优点：解决回调地狱、提高代码的可维护性。
Promise的缺点：无法取消、无法中途改变、无法多个一起执行。
Promise的应用：Ajax、事件监听、定时器等。

async/await

async/await是ES8新增的一种异步编程解决方案，用于处理异步操作。

async function fn() {try {let value = await new Promise((resolve, reject) => {if (true) {resolve('成功')} else {reject('失败')}})console.log(value)} catch (reason) {console.log(reason)}
}fn()

async/await的优点：解决回调地狱、提高代码的可维护性。
async/await的缺点：无法取消、无法中途改变、无法多个一起执行。
async/await的应用：Ajax、事件监听、定时器等。

实践：猜数游戏

代码演示

小作业（选做其中任意一个，有兴趣的同学可以做多个）

作业1：实现一个简单的轮播图效果。🎯
作业2：实现一个简单的猜数游戏🎯
作业3：实现一个简单的下拉菜单效果。
作业4：实现一个简单的模态框效果。
作业5：实现一个简单的时钟效果。🎯
作业6：实现一个简单的瀑布流效果。
作业7：实现一个简单的懒加载效果。
作业8：实现一个简单的拖拽效果。
作业9：实现一个简单的放大镜效果。
作业10：实现一个简单的无缝滚动效果。
作业11：实现一个简单的图片预览效果。

蓝旭前端05：JavaScript进阶

蓝旭前端05：JavaScript进阶基础简单复习数据类型基本数据类型：Number、String、Boolean、Null、Undefined等。引用数据类型：Object、Array、Function等。typeof操作符：返回数据类型的字符串形式。变量变量声明&#xff1…...

编程日记 2024/4/15 18:42:59

【docker-compose】安装及配置

目录安装在线安装离线安装配置mysql5.7bitnami/mysql8.3redisweb前后台分离部署前端https(SSL)配置nginx动态传参资源限制：内存、cpunacossentinelgateway 问题汇总iptables No chain/target/match by that namedocker-compose.yml修改mysql密码，重启后…...

编程日记 2024/4/15 18:41:58

【第十五届】蓝桥杯省赛C++b组

今年的蓝桥杯省赛已经结束了，与以往不同，今年又回到了8道题，而22，23年出现了10道题大家觉得难度怎么样，欢迎进来讨论，博主今年没参加哈，大家聊聊，我听听大家的意见和看法哈试题A:…...

编程日记 2024/4/15 18:39:55

thinkphp6 Driver [Think] not supported.

问题的原因：使用view这个类但相应的库未安装（新版仅内置了PHP原生模板引擎） 官方解释：视图功能由\think\View类配合视图驱动（也即模板引擎驱动）类一起完成，新版仅内置了PHP原生模板引擎&#x…...

编程日记 2024/4/15 18:38:53

爱自然生命力专项基金：“爱·启航”残障家庭教育援助项目帮扶上万残障家庭

为进一步积极践行社会责任，助力公益慈善事业，2017年2月爱自然生命力体系与中国下一代教育基金会开展相关合作，共同启动了中国下一代教育基金会爱自然生命力专项基金，并启动了基金第一个项目“爱启航残障家庭教育援助项目”&#x…...

编程日记 2024/4/15 18:35:50

【ubuntu】如何追加path

【背景】在ubuntu上整备一个项目环境时需要追加Path。【方法】先复制下需要加的Path，比如我的是：/home/sheep431/.local/bin 加path命令 nano ~/.bashrc在nano界面输入如下命令 export PATH"/home/sheep431/.local/bin:$PATH"【检验】…...

编程日记 2024/4/15 18:33:48

用html写一个有趣的鬼魂动画

<!DOCTYPE html> <html lang"en" > <head><meta charset"UTF-8"><title>一个有趣的鬼魂动画</title><link rel"stylesheet" href"https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.m…...

编程日记 2024/4/15 18:29:44

【C++软件调试技术】C++软件开发维护过程中典型调试问题的解答与总结

目录 1、引发C软件异常的常见原因有哪些？ 2、排查C软件异常的常用方法有哪些？ 3、为什么要熟悉常见的异常内存地址？ 4、调试时遇到调用IsBadReadPtr或者IsBadWritePtr引发的异常，该如何处理？ 5、如何排查GDI对象泄…...

编程日记 2024/4/15 18:26:41

Pygame经典游戏：贪吃蛇

------------★Pygame系列教程★------------ Pygame经典游戏：贪吃蛇 Pygame教程01：初识pygame游戏模块 Pygame教程02：图片的加载缩放旋转显示操作 Pygame教程03：文本显示字体加载transform方法 Pygame教程04：dra…...

编程日记 2024/4/15 18:24:39

An Investigation of Geographic Mapping Techniques for Internet Hosts（2001年）第二部分

下载地址：An investigation of geographic mapping techniques for internet hosts | Proceedings of the 2001 conference on Applications, technologies, architectures, and protocols for computer communications 被引次数：766 Padmanabhan V N, Subramanian L. An i…...

编程日记 2024/4/15 18:21:36

解锁生成式 AI 的力量：a16z 提供的 16 个企业指南

企业构建和采购生成式AI方面的16项改变生成式 AI 领域趋势洞察：企业构建和采购生成式 AI 的方式正在发生重大转变，具体表现在：* 专注于可信度和安全性：75% 的企业将信任和安全性视为关键因素。* 优先考虑可扩展性和灵活性&#x…...

编程日记 2024/4/15 18:18:31

Kylin使用心得

Kylin是一个开源的分布式分析引擎，基于Apache Hadoop构建，专为处理大规模数据集而设计。以下是一些使用Kylin的心得体会： 快速查询 Kylin的OLAP引擎能够对大规模数据集进行高效的多维分析查询。通过预计算和存储多维度的聚合数据&#xff0…...

编程日记 2024/4/15 18:16:30

CentOS7使用Docker搭建Joplin Server并实现多端同步与公网使用本地笔记

文章目录 1. 安装Docker2. 自建Joplin服务器3. 搭建Joplin Sever4. 安装cpolar内网穿透5. 创建远程连接的固定公网地址 Joplin 是一个开源的笔记工具，拥有 Windows/macOS/Linux/iOS/Android/Terminal 版本的客户端。多端同步功能是笔记工具最重要的功能，…...

编程日记 2024/4/15 18:15:28

C语言100道练习题打卡（1）

1 有1，2，3，4四个数字，能组成多少个互不相同且不重复的三位数，都是多少 #include<stdio.h> //有1，2，3，4四个数字，能组成多少个互不相同且不重复的三位数&#xff…...

编程日记 2024/4/15 18:14:25

5G-A有何能耐？5G-A三载波聚合技术介绍

2024年被称作5G-A元年。5G-A作为5G下一阶段的演进技术，到底有何能耐呢？ 三载波聚合（3CC）被认为是首个大规模商用的5G-A技术，将带来手机网速的大幅提升。 █ 什么是3CC 3CC，全称叫3 Component Carriers…...

编程日记 2024/4/15 18:13:24

理解Go语言中上下文

开发人员有时会误解context.Context类型，尽管它是Go语言的关键概念之一，也是Go中并发代码的基础之一。接下来让我们看看这个概念，并确保我们理解为什么乃如何有效地使用它。根据官方文档：上下文(context)携带最后期限、取消信号和其他跨API边界的值。下面让我们来看下这…...

编程日记 2024/4/15 18:10:21

[MySQL]数据库原理8——喵喵期末不挂科

希望你开心，希望你健康，希望你幸福，希望你点赞！ 最后的最后，关注喵，关注喵，关注喵，大大会看到更多有趣的博客哦！！！ 喵喵喵，你对我真的…...

编程日记 2024/4/15 18:07:18

【算法基础】插入排序与二分查找、升级二分查找

文章目录 1. 插入排序1.1 插入排序的思想1.2 插入排序的实现 2. 普通二分查找2.1 普通二分查找的思想2.2 普通二分查找的实现 3. 升级二分查找3.1 升级二分查找思想3.2 升级二分查找实现 1. 插入排序 1.1 插入排序的思想插入排序很类似于已有一副有序的扑克牌，不断…...

编程日记 2024/4/15 18:04:13

在Vue3中如何使用H.265视频流媒体播放器EasyPlayer.js？

H5无插件流媒体播放器EasyPlayer属于一款高效、精炼、稳定且免费的流媒体播放器，可支持多种流媒体协议播放，可支持H.264与H.265编码格式，性能稳定、播放流畅，能支持WebSocket-FLV、HTTP-FLV，HLS（m3u8&#…...

编程日记 2024/4/15 18:03:12

基于51单片机的PM2.5监测系统设计—环境监测仪

基于51单片机的PM2.5监测系统 （仿真＋程序＋原理图＋PCB＋设计报告） 功能介绍具体功能： 1.PM2.5传感器模块检测信息给单片机处理； 2.LCD1602实时显示PM2.5浓度和PM2.5报警阈值&#x…...

编程日记 2024/4/15 17:55:01

【C语言】指针篇-初识指针（1/5）

🌈个人主页：是店小二呀 🌈C语言笔记专栏：C语言笔记 🌈C笔记专栏： C笔记 🌈喜欢的诗句:无人扶我青云志我自踏雪至山巅文章目录 **内存和地址(知识铺垫(了解即可))**如何理解编址**指针变量*…...

编程日记 2024/4/15 17:51:56

【御控物联】物联网平台设备接入-JSON数据格式转化（场景案例四）

文章目录一、背景二、解决方案三、在线转换工具四、技术资料一、背景物联网平台是一种实现设备接入、设备监控、设备管理、数据存储、消息多源转发和数据分析等能力的一体化平台。南向支持连接海量异构（协议多样）设备，实现设备数据云端存…...

编程日记 2024/4/15 17:50:55

stack和queue模拟实现

前言上一期我们介绍了stack和queue的使用，本期我们来模拟实现一下他们！ 本期内容介绍容器适配器 deque介绍为什么stack和queue的底层选择deque为默认容器？ stack 模拟现实 queue 模拟实现什么是容器适配器？ 适配器是一种设…...

编程日记 2024/4/15 17:48:52

docker操作

1、容器生命周期管理命令 docker run docker run --name tomcat8 -d -p 28080:8080 tomcat:8.5.38 docker run -i --name hausf --network bridge --ip 172.17.0.10 ubuntu:20.04 /bin/bash docker run -d --name hausf --net host ubuntu:20.04 /bin/bash docker run…...

编程日记 2024/4/15 17:40:44

分布式锁介绍

引言分布式锁是一种用于协调不同进程或线程对共享资源的访问控制的机制。在分布式系统中，由于多个节点可能同时访问或修改同一资源，因此需要一个中心化的协调机制来确保资源的访问是有序的，避免数据不一致的问题。分布式锁的特性&#xf…...

编程日记 2024/4/15 17:39:43

Unity 获取RenderTexture像素颜色值

拿来吧你~ 🦪功能介绍🌭Demo 🦪功能介绍 💡不通过Texture2D 而是通过ComputerShader 提取到RenderTexture的像素值，效率有提升哦！ 💡通过扩展方法调用，方便快捷：xxxRT.G…...

编程日记 2024/4/15 17:36:37

Tomcat以服务方式启动，无法访问网络共享目录问题

关于“Tomcat以服务方式启动，无法访问网络共享目录问题”解决方式如下： 1、通过doc命令【services.msc】打开本地服务找到，找到tomcat服务所在位置 2、右键打开Tomcat服务的属性 3、选择登陆选项卡 4、选择“此账户”选项，并…...

编程日记 2024/4/15 17:33:34

SVN的介绍

首先SVN是什么： Apache下的一个开源的项目Subversion，通常缩写为 SVN，是一个版本控制系统。版本控制系统是一个软件，它可以伴随我们软件开发人员一起工作，让我们编写代码的完整的历史保存下来。目前它的各个版本的…...

编程日记 2024/4/15 17:32:32

ZYNQ-700呼吸灯

参考野火例程实现呼吸灯即要调整led亮的占比时间，完成视觉上看起来由灭到亮或者由亮到灭的过程。如果主频为50MHz，理论上一秒钟我们可以控制50_000_000次led的亮和灭，肉眼不可能分辨出来每一次亮灭，如果这50M我们设定为间隔一…...

编程日记 2024/4/15 17:28:27

广州公司网站开发/温州seo网站建设

因特网使用的IP协议是无连接的，因此其传输是不可靠的。这样容易使人们感到因特网很不可靠，那为什么当初不直接把它设计为可靠的？先打一个比方。邮局寄送的平信很像无连接的IP数据报。每封平信可能走不同的传送路径，同时平信也不保证不丢失。当我们发现收信人没有收到寄出的…...

编程日记 2024/10/30 20:58:33

新版wordpress增加备案/百度推广代理商利润

注意：禁止回退更新，例如：你是V1.5版本的、然后下载了个V1.2版本的，这样更新是会出问题的！ 注意：禁止跨版本更新，例如：你是V1.0版本，不要下载V1.2的更新包，会…...

编程日记 2024/10/30 19:03:13

大兴做网站公司/危机公关处理五大原则

出租司机给我上的MBA课 from http://blog.csdn.net/psyl/archive/2006/03/17/627496.aspx我要从徐家汇赶去机场，于是匆匆结束了一个会议，在美罗大厦前搜索出租车。一辆大众发现了我，非常专业的、径直的停在我的面前。这一停，于是有…...

编程日记 2024/10/30 16:40:06

wordpress 访问优化/百度关键词排名十大排名

一：概述什么是数据库引擎？ MySQL提供了多种存储引擎，存储引擎一定程度上决定了表的能力。数据库引擎包括处理事务安全表的引擎和处理非事务安全表的的引擎。通俗点讲，所谓数据库引擎其实也就是存储数据到文件的技术。不同的技术…...

编程日记 2024/10/30 13:57:25

wordpress 405/新媒体运营培训班

delete from TRANSACTION1delete from khcountdelete from emscountdelete from odd_catch1delete from kehumoneydelete from odd_number转载于:https://www.cnblogs.com/xujiating/p/6780152.html...

编程日记 2024/10/30 13:27:06

电商设计公司排名/站长工具seo综合查询论坛

今天要来分享一款很经典的HTML5游戏——堆木头游戏，这款游戏的玩法是将木头堆积起来，多出的部分将被切除，直到下一根木头无法堆放为止。这款HTML5游戏的难点在于待堆放的木头是移动的，因此需要你很好的控制木头下落的位置。在线预…...

编程日记 2024/10/30 12:52:50

蓝旭前端05：JavaScript进阶

基础简单复习

数据类型

变量

运算符

控制语句

JavaScript引入

JavaScript输出

JavaScript注释

JavaScript弹窗

Overview

获取元素

通过ID获取元素

通过类名获取元素

通过标签名获取元素

通过选择器获取元素

事件监听

事件监听

事件监听的例子

事件对象

事件对象

事件对象的例子

事件委托

事件委托

事件委托的例子

事件绑定

事件绑定

事件绑定的例子

事件解绑

事件解绑

事件解绑的例子

事件触发

事件触发

事件触发的例子

事件处理程序

事件处理程序

内联事件处理程序

DOM0级事件处理程序

DOM2级事件处理程序

异步编程

异步编程

回调函数

举例

Promise

async/await

实践：猜数游戏

小作业（选做其中任意一个，有兴趣的同学可以做多个）

相关文章：