JavaScript
文章平均质量分 79
ysccsyysc
这个作者很懒,什么都没留下…
展开
-
前端学习day50 to day54:2-JS页面交互之DOM与BOM
1.节点类型childNodes:获取一个元素的所有子节点节点类型:DOM包含了多种节点,我们通常获取的标签,只是节点中的一种:节点名称 nodeType 元素节点 1 属性节点 2 文本节点 3 CDATA节点 4 实体引用名称节点 5 实体名称节点 6 处理指令节点 7 注释节点 8 文档节点 9 文档类型节点 10 文档片段节点 11 DT...原创 2021-08-21 11:44:41 · 168 阅读 · 0 评论 -
前端学习day55 to day58:3-JS页面交互之事件对象
eventevent事件对象是伴随着事件触发而产生的一个内置对象,它存储了关于该事件的各种信息,比如鼠标位置、按键信息等等,同时也可以它也提供了很多控制事件传递的方法。兼容IE8以下使用全局event,其他浏览器使用事件函数的第一个参数,兼容写法类似于:ele.onclick = function(ev){ ev = ev || window.event;};鼠标位置 client clientX clientY鼠标到可视区的距离。 page page原创 2021-09-10 11:30:25 · 123 阅读 · 0 评论 -
前端学习day47&day48:1-JS页面交互之初识DOM
初识DOMDOM(Document Object Model)文档对象模型,是W3C组织推荐的处理可扩展置标语言的标准编程接口。获取节点DOM为我们提供了一个全局内置对象document,要操作HTML标签,我们可以调用document对象中的各种方法来获取页面中的标签(在js中我们可以称之为 元素 或者 节点): 通过ID获取 eg:document.getElementById("main") 通过选择器获取 eg:document.querySelector("原创 2021-08-04 19:41:42 · 151 阅读 · 0 评论 -
前端学习day42&day43:12-JS基础之面向对象
Class用法class跟let、const一样:不存在变量提升、不能重复声明...es5面向对象写法跟传统的面向对象语言(比如 C++ 和 Java)差异很大,很容易让新学习这门语言的程序员感到困惑。ES6 提供了更接近传统语言的写法,引入了 Class(类)这个概念,作为对象的模板。通过class关键字,可以定义类。ES6 的class可以看作只是一个语法糖,它的绝大部分功能,ES5 都可以做到,新的class写法只是让对象原型的写法更加清晰、更像面向对象编程的语法而已。//e原创 2021-07-31 16:24:21 · 157 阅读 · 0 评论 -
前端学习day41&day42:11-JS基础之常用内置对象
内置对象内置对象是系统预先提供的一些特殊对象,能实现不同的功能MathMath是数学对象,跟数学相关的api都在其身上下面来了解些常用对象 Math.random() 随机生成0到1之间的数 包括0不包括1 document.onclick = ()=>{ console.log(Math.random())}//生成任意范围的随机数let getRandom = (min,max)=> Math.random()*(max-min)+mindocu原创 2021-07-28 21:30:14 · 127 阅读 · 0 评论 -
前端学习day40&day41:10-JS基础之定时器
定时器1.setTimeout()用来指定某个函数或字符串在指定的毫秒数之后执行只执行一次clearTimeout()清除定时器/*setTimeout() 有两个参数 1.执行体 注意:函数传递参数可以把实参放在时间参数的后面(不兼容IE9及以下) 2.时间 多久执行*/let a=0let fun =()=>{ a++ console.log(a) setTimeout(fun,1000)}setTimeout(fun,1000)//clear原创 2021-07-22 10:54:34 · 96 阅读 · 0 评论 -
前端学习day38&day39&day40:09-JS基础之各类型常用api
常用API1.Number⑴toFixed()四舍五入指定小数位数,返回结果为字符串。let num = 3.1415926// 保留两位小数let str1 = num.toFixed(2) // 3.14// 保留三位小数let str2 = num.toFixed(3) // 3.142⑵Number.isNaN()判断一个数是否是NaN,返回布尔值(可以省略Number)...原创 2021-07-10 23:04:53 · 130 阅读 · 0 评论 -
前端学习day38:08-JS基础之作用域
作用域作用域通俗的说就是变量起作用的范围,因为每个变量都有对应的“生活环境”。JavaScript中作用域主要分为以下几种:全局作用域(即script标签内的空间)函数作用域(每个函数的花括号内的部分)块作用域(除函数外,其他的花括号空间都是块作用域,如if的花括号)变量只提供给当前环境和当前环境的子环境进行使用。<!DOCTYP...原创 2021-07-10 11:07:27 · 68 阅读 · 0 评论 -
前端学习day36&day37:07-JS基础之函数
函数函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。通俗的说,函数是利用特定语法,将一段代码打包在一起,每次调用函数就可以让这个代码块内的代码全部执行,复用代码。要注意的是,函数跟循环不相似,循环是重复一定次数的执行代码,函数虽然可以重复执行代码,但是它很灵活,可以任意决定它调用的时机声明函数声明函数有两种方式// 方式一let fn1 = function () { // 代码块}// 方式二function fn2 () { // 代码块}f原创 2021-07-10 10:54:36 · 78 阅读 · 0 评论 -
前端学习day34&day35&day36:06-JS基础之循环
循环for循环是任何一门语言都会有个命令,用于反复执行某段代码。例如,循环代码块5次:for (let i = 0; i < 5; i++) { let text = `当前数字为${i}` console.log(text)}// 输出结果:当前数字为0当前数字为1当前数字为2当前数字为3当前数字为4此例中,`let i = 0`是声明循环的计次变量,`i < 5`是循环终止条件,`i++`是计次变量更新步长,`{}`内的所有代码为循环体内代码块。原创 2021-07-09 16:56:13 · 43 阅读 · 0 评论 -
前端学习day34:05-JS基础之判断
# 判断判断是代码流程控制的一个重要环节,绝大多数逻辑的实现都离不开判断。## 1. if判断写法://单个ifif( 条件 ){ //条件为真时执行的代码}//if elseif( 条件 ){ //条件为真时执行的代码}else{ //条件为假时执行的代码}//多个elseif( 条件1 ){ //条件1为真时执行的代码}else if( 条件2 ){ //条件1假 条件2真时执行的代码}else if( 条原创 2021-07-09 16:24:05 · 70 阅读 · 0 评论 -
前端学习day33:04-JS基础之运算符
运算符算术运算符加(+) 减(-) 乘(*) 除(/) 取余(%) 乘方(**)// 加法运算let a = 1let b = a + 2 // 此时b等于3// 减、乘、除同理重点说下取余运算取余运算即是字面含义,取除运算的余数,有时也叫模运算// 例如:5 除以 3 商为1 余数为2let a = 5 % 3 // 此时a存储的就是5除以3的余数2let b = 6 % 2 // 此时能整除,所以余数为0,则b的值为0// 小模大的余数// 例如:3原创 2021-07-06 23:27:37 · 448 阅读 · 0 评论 -
前端学习day32:03-JS基础之类型转换
类型转换类型转换是将某个数据转换为其他类型的数据的操作。可以参考表格原创 2021-07-06 17:11:30 · 87 阅读 · 0 评论 -
前端学习day30&day31:02-JS基础之数据类型
数据类型数据类型是字面含义,表示各种数据的类型。在任何语言中都存在数据类型,因为数据是各种各样的。JavaScript主要包含8种数据类型,8种数据类型可以分为基础类型和引用型两个分类: 基础型数据类型 number 数字(包含整数和浮点数) string 字符串 boolean 布尔值 undefined 未定义 null 空指针 symbol 符号 bigint 大整数原创 2021-07-06 14:29:53 · 137 阅读 · 0 评论 -
前端学习day29:01-JS基础之变量
声明变量关键词变量用于存储数据需要先声明变量,才能使用声明变量使用关键词主要有三个:let、const、varvar关键词是老版本(ES5)JS所使用,现在已经淘汰letlet是新版本用于声明变量的关键词,let声明的变量为普通变量用法:let a = 1// 或者let aa = 1上述使用let声明一个变量,变量名为a,值为1变量的使用正确用法:// 先声明变量【此为注释】let a = 1 // 声明时进行赋值// 后使用变量al原创 2021-07-05 23:15:05 · 86 阅读 · 0 评论