11 2021 档案

DOM节点操作、事件对象与BOM
摘要：1.节点操作 (1) 、什么是节点 根据 W3C 的 HTML DOM 标准，HTML 文档中的所有内容都是节点： 整个文档是一个文档节点 document 每个 HTML 元素是元素节点 HTML 元素内的文本是文本节点 每个 HTML 属性是属性节点 注释是注释节点 (2) 、节点类型 通过no 阅读全文
posted @ 2021-11-30 20:33 zzzln 阅读(30) 评论(0) 推荐(0)
属性操作与事件（下）
摘要：事件进阶 执行事件的步骤：获取元素、绑定事件、书写事件驱动程序 监听事件 绑定监听事件 addEventListener box1.addEventListener("click", myFunc) function myFunc() { this.style.backgroundColor = " 阅读全文
posted @ 2021-11-29 22:01 zzzln 阅读(28) 评论(0) 推荐(0)
属性操作与事件
摘要：鼠标事件 onmouseover鼠标移入事件：在鼠标指针移动到元素上时触发。 onmouseout 鼠标移出事件：在鼠标指针移出元素后触发 这个是状态 onmouseenter鼠标进入事件：在鼠标指针进入到元素上时触发。 onmouseleave 鼠标离开事件：在鼠标指针离开元素后触发 这个是动作 阅读全文
posted @ 2021-11-26 21:09 zzzln 阅读(33) 评论(0) 推荐(0)
对象
摘要：1.内置对象 js中的对象分为4种:内置对象、浏览器对象、自定义对象、DOM对象。 js提供多个内置对象:Math/Array/Number/String/Boolean... 对象只是带有属性和方法的特殊数据类型。 （1）如何学习一个方法 方法的功能、参数的意义和类型、返回值意义和类型、demo进 阅读全文
posted @ 2021-11-25 21:48 zzzln 阅读(578) 评论(0) 推荐(0)
Date 对象
摘要：// var date1 = new Date() // console.log(date1); // 创建Date实例用来处理日期和时间。 // Date 对象基于1970年1月1日（世界标准时间）起的毫秒数。 // console.log(typeof date1); // 检查一下是什么类型 阅读全文
posted @ 2021-11-24 21:40 zzzln 阅读(32) 评论(0) 推荐(0)
Array对象
摘要：var arr1 =[1,2,3,5]; var arr2 =new Array(); var obj = {}; console.log(Array.isArray(arr1)); // true console.log(Array.isArray(obj)); // false console. 阅读全文
posted @ 2021-11-24 21:39 zzzln 阅读(26) 评论(0) 推荐(0)
数组方法
摘要：// concat() // 把参数拼接到当前数组、或者用于链接两个或者多个数组 // slice(start,end) // 从start开始截取元素，到end结束，包括start，不包括end， // 返回新数组 // start，end是索引， // 不会改变原始数组 // splice() 阅读全文
posted @ 2021-11-24 21:38 zzzln 阅读(29) 评论(0) 推荐(0)
内置对象
摘要：// console.log(Math.PI); 3.14.5926 // console.log(Math.random()); // 0~1的随机数 // console.log(Math.random()); // // var a = 1.4; // var b = 2.6; // cons 阅读全文
posted @ 2021-11-24 21:38 zzzln 阅读(37) 评论(0) 推荐(0)
预解析、对象、错误
摘要：1. 单线程 记住一句话：JavaScript语言是单线程的 (1) 、区分线程和进程 很多新手是区分不清线程和进程的，没有关系。这很正常。先看看下面这个形象的比喻： 进程是一个工厂，工厂有它的独立资源-工厂之间相互独立-线程是工厂中的工人，多个工人协作完成任务-工厂内有一个或多个工人-工人之间共享 阅读全文
posted @ 2021-11-23 21:52 zzzln 阅读(43) 评论(0) 推荐(0)
数组与函数
摘要：(1) 数组的定义 所谓数组，就是将多个元素（通常是同一类型）按一定顺序排列放到一个集合中，那么这个集合我们就称之为数组。 数组是一个有序的列表，可以在数组中存放任意的数据，并且数组的长度可以动态的调整。 (2) 通过数组字面量创建数组 // 创建一个空数组 var arr1 = []; // 创建 阅读全文
posted @ 2021-11-22 22:00 zzzln 阅读(254) 评论(0) 推荐(0)
css 渐变、过渡、动画
摘要：CSS3 渐变（gradients）可以让你在两个或多个指定的颜色之间显示平稳的过渡。 两种： 线性渐变（Linear Gradients）- 向下/向上/向左/向右/对角方向 径向渐变（radial-gradient）- 由它们的中心定义 1、CSS3 线性渐变 为了创建一个线性渐变，你必须至少定 阅读全文
posted @ 2021-11-21 17:47 zzzln 阅读(225) 评论(0) 推荐(0)
响应式布局，弹性布局
摘要：响应式 Web 设计 - Viewport 响应式布局是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。 优点： 面对不同分辨率设备灵活性强 能够快捷解决多设备显示适应问题 缺点： 兼容各种设备工作量大，效率低下 代码累赘，会出现隐藏无用的元素，加载时间加长 其实这是一种折中性质的设计 阅读全文
posted @ 2021-11-21 17:45 zzzln 阅读(76) 评论(0) 推荐(0)
JS初识，变量，运算
摘要：ar声明变量、赋值 var age; 变量的赋值 var age;age = 18; 同时声明多个变量 var age, name, sex;age = 10;name = 'zs'; 同时声明多个变量并赋值 var age = 10, name = 'zs'; 变量命名： 规则 - 必须遵守的，不 阅读全文
posted @ 2021-11-21 17:44 zzzln 阅读(58) 评论(0) 推荐(0)
JS流程控制
摘要：程序的三种基本结构 顺序结构：从上到下执行的代码就是顺序结构(程序默认就是由上到下顺序执行的) 分支结构：根据不同的情况，执行对应代码 循环结构：重复做一件事情 分支结构 1、if语句 if 语句 - 只有当指定条件为 true 时，使用该语句来执行代码 if...else 语句 - 当条件为 tr 阅读全文
posted @ 2021-11-21 17:37 zzzln 阅读(30) 评论(0) 推荐(0)