JavaScript学习笔记

原创已于 2024-04-12 17:17:25 修改 · 137 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#js #css #javascript #java

于 2021-04-29 14:30:53 首次发布

前端专栏收录该内容

3 篇文章

订阅专栏

1.基础

注释：单行注释、多行注释、文档注释

HTML页面结构

a标签、link标签、iframe框架标签、audio音频标签、vedio标签

盒子模型

水平居中垂直居中

引入规则：在HTML中嵌入JavaScripts代码

变量声明

数据类型：简单数据类型、复杂数据类型

数组

日期

函数

正则表达式

全局变量和局部变量

全等和相等的区别

DOM

节点：属性节点、文本节点、元素节点

文档节点-document

文本节点

节点的操作

使用DOM操作CSS：利用getComputedStyle方法获取元素的样式，元素.currentStyle.样式名读取当前元素正在显示的样式

2.事件：

①通过绑定事件②通过DOM对象指定的属性来绑定(推荐)③设置事件监听器：对象.addEventListtener()，可以绑定多个程序

事件对象

事件的触发

事件的传播：事件的处理分为捕获阶段、目标阶段、事件冒泡三个阶段

3.BOM（浏览器对象模型）

window对象：window对象是BOM的核心，表示一个浏览器的实例，，可以通过window对象来访问操作浏览器，全局对象的存在

系统对话框：警告框-alert()、确认框-confirm()、提示框-prompt()调用系统对话框向用户显示消息

location对象：提供了与当前窗口中加载的文档的有关信息

navigator对象

4.调试：

严格模式、调试方法、设置断点

5.Ajax：

原生的和JQuery的Ajax方法

6.查看cookie的值：

在控制台窗口输入：document.cookie就能查看值

7.掌握知识：

ES6语法规范、ES6模块化、包管理器、原型和原型链、数组常用方法、axios、promise

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

@Eric啊

关注关注

2
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

addEvent()和addEventlistner()的区别

shueiyuan1983的专栏

10-09

1万+

//绑定事件 function addEvent(el,name,fn){ if(el.addEventListener) return el.addEventListener(name,fn,false);//在火狐中会执行这一句 return el.attachEvent('on'+name,fn);//在ie中执行这一句 } attachEvent方法

HTML DOM 事件

akuibpt23191的博客

07-13

680

1. HTML DOM 事件参考文档：https://www.runoob.com/jsref/dom-obj-event.html HTML DOM 事件允许Javascript在HTML文档元素中注册不同事件处理程序。事件通常与函数结合使用，函数不会在事件发生前被执行！ (如用户点击按钮)。提示：在 W3C 2 级 DOM 事件中规范了事件模型。...

参与评论您还未登录，请先登录后发表或查看评论

关于JS中addEventListener的使用

小火车况且况且况且的博客

03-10

4178

关于JS中addEventListener的使用 MDN中addEventListener()说明主要用来实现事件的绑定存在三个参数 target.addEventListener(type, listener, useCapture); type: 表示监听事件类型的字符串。类似于click,mouseover... listener: 用来监听处理的函数方法 useCapture: 默认是false,事件冒泡,可以设置为true为事件捕获这里需要了解一下基本的事件流(事件捕获->事件目标

JavaScript事件机制

qq_48192192的博客

09-14

531

事件机制简介事件流事件处理程序dom0级、dom1级、dom2级事件event对象事件绑定事件解绑简介 JavaScript与HTML之间的交互是通过事件实现的。事件就是文档或浏览器窗口中发生的一些特定的交互瞬间。为元素添加事件响应函数，当执行相应的操作的时候会执行该函数。事件三要素：事件目标/事件源：发生的时间与之相关联或与之相关的对象（浏览器要去监听的元素）时间处理程序：处理相应事件的函数（浏览器在事件类型发生的时候去执行处理的函数）事件对象：与特定事件相关且包含有关事件详细信息的对象事件

addEventListenter 监听页面滚动事件鼠标左键拖拉滚轮

weixin_45869649的博客

04-22

2868

addEventListenter 监听页面滚动事件鼠标左键拖拉滚轮

JS-addEventListener方法介绍

态度决定一切

10-12

1001

addEventListener 接受三个参数，最后一个参数为boolean值：true，事件处理程序以捕捉模式触发；从顶层的父节点开始触发事件，从外到内传播。false，事件处理程序以冒泡模式触发；从最内层的节点开始触发事件，逐级冒泡直到顶层节点，从内向外传播。兼容：IE8以前的浏览器只支持事件冒泡，不支持事件捕获，它也不支持addEventListener函数，不会用第三个参数来表示是冒泡还是捕获，它提供了另一个函数attachEvent。IE9就支持addEventListener。Event.sto

javascript学习笔记

02-15

JavaScript学习笔记涵盖了多个核心主题，旨在帮助学习者掌握JavaScript编程语言的高级知识和应用技巧。首先，学习笔记从高级程序设计的角度出发，探讨了JavaScript的基础和进阶知识，这包括了编程范式、作用域、闭包...

addEventListener() 事件监听

boysky0015的博客

06-14

3万+

无意间有人问到了，这个方法，我就学了一下，顺便敲了一个小demo。 addEventListener() 用于向指定元素添加事件。可以向一个元素添加多次事件或者多次不同事件，后面的事件是不会覆盖前面的。语法： element.addEventListener(event,fn,useCaption ); 参数说明：tr件，比如 click mouseenter mouseleave

js attachEvent and js addEventLintener JS事件

weixin_34355559的博客

02-20

140

attachEvent方法，为某一事件附加其它的处理事件。（不支持Mozilla系列） addEventListener方法用于 Mozilla系列举例: document.getElementById("btn").onclick = method1; document.getElementById("btn").onclick = method2; document...

扫盲-----addEventlistener()方法，事件监听(一)

热门推荐

yangchunshang的博客

06-04

5万+

一、扫盲事件起因时间：2018年6月1日周五下午，原本我以为我已经把当前的bug改好，应该没啥问题了，坐等下班公司聚餐（开心）突然，隔壁同组大哥，哎。。。。cp,你看看，你这个首页报了很多错哎。我的第一反应就是，不可能，怎么会有错误呢，我明明都自己测过好几次了。我一看，我去，果然。。。。首页报的错误都是在我写的组件里面出现的同一个错误。我的天。。。。。当页面缩放时，渲染页面提示,某方法不存...

addEventLister和attachEvent的作用，以及两者的区别

清风明月的博客

12-01

916

在事件监听方面，IE提供了attachEvent和detachEvent两个接口，firefox提供了addEventLister和removeEventLister，最简单的兼容处理就是封装这两套接口。需要特别注意，在firefox下事件处理函数中的this指向被监听的元素本身，在IE下不一样，可使用回调函数call，让当前上下文指向监听元素。 function addEvent(elem...

js中addEventLister()函数的用法

kbx8916的博客

11-14

6218

addEventListener()用于给元素添加事件 removeEventListener()用于撤销元素事件。相关链接

JS:attachEvent和addEventListener 使用方法

fisher_jiang的专栏

03-02

4万+

JS:attachEvent和addEventListener 使用方法attachEvent方法，为某一事件附加其它的处理事件。（不支持Mozilla系列）addEventListener方法用于 Mozilla系列举例:document.getElementById("btn").onclick = method1;document.getElementById

css的white-space: pre

qq_51035159的博客

08-22

138

简单来说，这个组件的核心就是让用户能够粘贴任何文本内容（特别是配置文件、JSON等），并且保证粘贴的内容格式完全不变，然后可以原样发送给后端处理。- white-space: pre ：这是最关键的CSS属性，确保所有空格、制表符、换行符都被保留。- 用户粘贴的内容会完整存储在 inputJson.value 中，包括所有格式字符。- 使用Vue3的 v-model="inputJson" 实现双向数据绑定。- wrap="off" ：防止浏览器自动换行，保持原始的行结构。- 聚焦时的视觉反馈。

原生js实现放大镜效果

lb2917的博客

08-19

223

自己找一个500*500的图片即可，一张即可。

【html2img/pdf 纯！纯！python将html保存为图片/pdf！！效果非常的棒！】