04 2020 档案
摘要：事件绑定 版 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0">
阅读全文
摘要：效果：筋斗云默认在第一个li，自动运动到鼠标移入的li，固定到鼠标点击的li，鼠标移出时返回到上次点击的li 1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title></title> 6 <sty
阅读全文
摘要：实现效果：点击序列号切换图片；点击上下箭头切换图片；每3s自动切换图片；鼠标移入停止自动切换，移出开始自动切换。 1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style> 7 *
阅读全文
摘要：1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title></title> 6 <style> 7 img{ 8 position: absolute; 9 left:0; 10 top:50px;
阅读全文
摘要：1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <tit
阅读全文
摘要：1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <tit
阅读全文
摘要：window是全局浏览器内置顶级对象 表示浏览器中打开的窗口（没有应用于window对象的公开标准，不过所有浏览器都支持该对象） Window 对象表示一个浏览器窗口或一个框架。 在客户端 JavaScript 中，Window 对象是全局对象，所有的表达式都在当前的环境中计算。 也就是说，要引用当
阅读全文
摘要：1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <tit
阅读全文
摘要：日期对象创建 时间戳是指格林威治时间1970年01月01日00时00分00秒(北京时间1970年01月01日08时00分00秒)起至现在的总毫秒数（时间戳） var date = new Date(); //当前时间的日期对象 var data = new Date(2012,6,10); //20
阅读全文
摘要：1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <tit
阅读全文
摘要：Math对象上的属性都是常量，不是变量，不能被修改 常用MathAPI 1 <script> 2 // abs 取绝对值 3 console.log(Math.abs(4)) // 4 4 console.log(Math.abs(-4)) // 4 5 6 // ceil向上取整 7 consol
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<
阅读全文
摘要：字符串的两种创建方式（常量和构造函数） 1 // 创建字符串的时候要使用引号，单引号双引号都可以 2 // 但是如果有多层引号必须切换使用 3 // 如果有多层，可以使用转义 4 5 var str = 'hello "xi\'ao\'ming"' 6 7 var str1 = new String
阅读全文
摘要：1、for循环遍历去重
2,、forEach遍历去重
3、Set 强制去重
阅读全文
摘要：1、forEach与map
2、filter
3、some与every
4、reduce//二维数组归并为一维数组
阅读全文
摘要：var arr = [3,5,,7,8,,,4] // 稀疏数组 // for循环遍历数组遇到空元素会输出undefined for (var i = 0; i < arr.length; i++) { console.log(i, arr[i]) } console.log(' ') // for
阅读全文
摘要：concat/join/pop/push/shift/unshift/reverse/slice/splice/sort
阅读全文
摘要：var guoer = { name: 'yangguo', arxhz: function () { console.log('黯然销魂掌') } } console.log(guoer.name) console.log(guoer['name']) // name是属性名，这里加引号是固定写法
阅读全文
摘要：数组：一组数据（一个变量来承载） var str = "Hello world"; // 一个变量存放一个数据 var arr = [1,2,3,4,5,6,7,8,9]; //往数组结尾插入元素 arr[arr.length] = 20 数组有两种定义方式 var arr = []; //字面量的
阅读全文
摘要：面向对象 类 定义属性和方法 对象 类的具体实现，继承了类所定义的属性和方法（是一种数据类型） 类是对象的抽象，对象是类的实例 js中的对象？ js语言中一切皆为对象，比如数字、字符串、数组、Math、Object、函数 js中对象的本质：属性和方法的集合（无序，所以对象没有length属性） 用官
阅读全文
摘要：匿名函数：没有名字的函数 function () { console.log(123) } var test = function () { console.log(123) } div.onclick = function () { console.log(123) } 自调用函数（IIFE） I
阅读全文
摘要：质数是指在大于1的自然数中，除了1和它自身外没有其他因数的自然数。 一、标记法，flag初始值为true，当n%i 0时（1<i<n），说明n不是质数，此时flag值为false且循环终止；当n%i ！= 0 时，flag的值始终为true，此时会输出n是质数。 <!DOCTYPE html> <h
阅读全文
摘要：1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <tit
阅读全文
摘要：作用域 function fun(){ var a =0; alert(a); } fun(); alert(a); 作用域：变量的作用范围 全局变量 作用范围为整个程序的执行范围 在函数体外部定义的变量就是全局变量 在函数体内部不使用var定义的也是全局变量 局部变量 作用范围是某个函数体内部 在
阅读全文
摘要：函数：一个工具，被封装好可重复执行的一段代码块 把某一段代码放在函数里面进行封装，可以避免在非必要情况下调用该代码，也就是说我们可以让一段代码在特定情况下再去执行，而且每次需要执行这一段代码的时候只需调用一下这个函数即可（函数名） 系统函数： parseInt() alert() prompt()
阅读全文
摘要：while循环 while(条件){ //条件成立就会反复执行这里的代码 } var count = 0; while(count < 10){ count++; document.write("Hello world"); } 死循环： 没有终止条件的循环即为死循环，在代码中应尽量避免死循环 do
阅读全文
