![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JS
文章平均质量分 69
张与谦
这个作者很懒,什么都没留下…
展开
-
JS-本地存储
随着互联网的快速发展,基于网页的应用越来越普遍,同时也变的越来越复杂,为了满足各种各样的需求,会经 常性在本地存储大量的数据,HTML5规范提出了相关解决方案。原创 2023-07-24 11:39:24 · 484 阅读 · 0 评论 -
JS-动画
如果多个元素都使用这个动画函数,每次都要var 声明定时器。我们可以给不同的元素使用不同的定时器(自 己专门用自己的定时器)。核心原理:利用 JS 是一门动态语言,可以很方便的给当前对象添加属性。核心原理:通过定时器 setInterval() 不断移动盒子位置。缓动动画就是让元素运动速度有所变化,最常见的是让速度慢慢停下来。原创 2023-07-22 19:44:19 · 68 阅读 · 0 评论 -
元素滚动scroll
如果浏览器的高(或宽)度不足以显示整个页面时,会自动出现滚动条。当滚动条向下滚动时,页面上面被隐藏 掉的高度,我们就称为页面被卷去的头部。滚动条在滚动时会触发 onscroll 事件。scroll 翻译过来就是滚动的,我们使用 scroll 系列的相关属性可以动态的得到该元素的大小、滚动距离等。原创 2023-07-22 13:15:36 · 84 阅读 · 0 评论 -
元素可视区client
这个事件在页面显示时触发,无论页面是否来自缓存。在重新加载页面中,pageshow会在load事件触发后触发;根据事件对象中的persisted来判断是否是缓存中的页面触发pageshow事件,注意这个事件给window添加。但是 火狐中,有个特点,有个“往返缓存”,这个缓存中不仅保存着页面数据,还保存了DOM和JavaScript的 状态;client 翻译过来就是客户端,我们使用 client 系列的相关属性来获取元素可视区的相关信息。下面三种情况都会刷新页面都会触发 load 事件。原创 2023-07-22 11:41:46 · 60 阅读 · 0 评论 -
元素偏移量offset
offset 翻译过来就是偏移量, 我们使用 offset 系列相关属性可以动态的得到该元素的位置(偏移)、大小等。获得元素距离带有定位父元素的位置获得元素自身的大小(宽度高度)注意: 返回的数值都不带单位。原创 2023-07-21 17:47:43 · 73 阅读 · 0 评论 -
JS-内置对象
Math 对象不是构造函数,它具有数学常数和函数的属性和方法。跟数学相关的运算(求绝对值,取整、最大值 等)可以使用 Math 中的成员。Math.PI // 圆周率Math.floor() // 向下取整Math.ceil() // 向上取整Math.round() // 四舍五入版 就近取整 注意 -3.5 结果是 -3Math.abs() // 绝对值Math.max()/Math.min() // 求最大和最小值。原创 2023-07-14 18:50:46 · 134 阅读 · 0 评论 -
JS-预解析
JavaScript 代码是由浏览器中的 JavaScript 解析器来执行的。JavaScript 解析器在运行 JavaScript 代码的时候分为两 步:预解析和代码执行。变量提升(变量预解析): 变量的声明会被提升到当前作用域的最上面,变量的赋值不会提升。函数提升: 函数的声明会被提升到当前作用域的最上面,但是不会调用函数。预解析会把变量和函数的声明在代码执行之前执行完成。预解析也叫做变量、函数提升。原创 2023-07-13 16:13:50 · 159 阅读 · 0 评论 -
JS-函数
利用函数关键字 function 自定义函数方式。// 声明定义方式// 调用fn();因为有名字,所以也被称为命名函数调用函数的代码既可以放到声明函数的前面,也可以放在声明函数的后面。原创 2023-07-13 14:48:01 · 83 阅读 · 0 评论 -
JS-数组
数组是指一组数据的集合,其中的每个数据被称作元素,在数组中可以存放任意类型的元素。数组可以通过索引来访问、设置、修改对应的数组元素,我们可以通过“数组名[索引]”的形式来获取数组中的 元素。其中索引号是 4,5,6 的空间没有给值,就是声明变量未给值,默认值就是 undefined。: 就是把数组中的每个元素从头到尾都访问一次(类似我们每天早上学生的点名)。索引 (下标) :用来访问数组元素的序号(数组下标从 0 开始)。数组中可以存放任意类型的数据,例如字符串,数字,布尔值等。原创 2023-07-13 11:23:16 · 161 阅读 · 0 评论 -
JS-运算符及流程控制
概念:比较运算符(关系运算符)是两个数据进行比较时所使用的运算符,比较运算后,会返回一个布尔值 (true / false)作为比较运算的结果。顺序结构是程序中最简单、最基本的流程控制,它没有特定的语法结构,程序会按照代码的先后顺序,依次执行, 程序中大多数的代码都是这样执行的。由上到下执行代码的过程中,根据不同的条件,执行不同的路径代码(执行代码多选一的过程),从而得到 不同的结果。如果表达式1为 true ,则返回表达式2的值,如果表达式1为 false,则返回表达式3的值。原创 2023-07-12 19:20:08 · 54 阅读 · 0 评论 -
JS-数据类型
在计算机中,不同的数据所需占用的存储空间是不同的,为了便于把数据分成所需内存大小不同的数据,充分利 用存储空间,于是定义了不同的数据类型。简单来说,数据类型就是数据的类别型号。比如姓名“张三”,年龄18,这些数据的类型是不一样的。使用表单、prompt 获取过来的数据默认是字符串类型的,此时就不能直接简单的进行加法运算,而需要转换变 量的数据类型。通俗来说,就是把一种数据类型的变量转换成另外一种数据类型。转换为字符串类型转换为数字型转换为布尔型。原创 2023-07-12 13:38:48 · 55 阅读 · 0 评论 -
JS-变量
变量是用于存放数据的容器。我们通过 变量名 获取数据,甚至数据可以修改。原创 2023-07-12 12:04:00 · 142 阅读 · 0 评论 -
JS学习01
浏览器分成两部分:渲染引擎和 JS 引擎渲染引擎:用来解析HTML与CSS,俗称内核,比如 chrome 浏览器的 blink ,老版本的 webkitJS 引擎:也称为 JS 解释器。用来读取网页中的JavaScript代码,对其处理后运行,比如 chrome 浏览器的 V8浏览器本身并不会执行JS代码,而是通过内置 JavaScript 引擎(解释器) 来执行 JS 代码。原创 2023-07-12 11:19:49 · 40 阅读 · 0 评论