JavaScript
文章平均质量分 93
黑马学习JavaScript
前进的北极熊
这个作者很懒,什么都没留下…
展开
-
JS学习846~872(触屏事件+移动端常见特性+移动端常见插件+移动端常见开发框架+本地存储)
移动端浏览器兼容性较好,我们不需要考虑以前JS的兼容性问题,可以放心的使用原生JS书写效果,但是移动端也有自己独特的地方。比如触屏事件touch (也称触摸事件),Android和IOS都有。touch对象代表一个触摸点。触摸点可能是一根手指 ,也可能是一根触摸笔。触屏事件可响应用户手指(或触控笔)对屏幕或者触控板操作。常见的触屏事件如下:1.2 触摸事件对象(TouchEvent)TouchEvent是一类描述手指在触摸平面(触摸屏、触摸板等)的状态变化的事件。这类事件用于描述一个或多个触点,使原创 2022-10-08 15:51:42 · 980 阅读 · 0 评论 -
JS学习801~845(offset+元素可视区+scroll+动画函数)
offset翻译过来就是偏移量,我们使用offset系列相关属性可以得到该玩素的位置(偏移)、大小等。offset系列常用属性:1.2 offset与style区别案例:获取鼠标在盒子内的坐标我们在盒子内点击,想要得到鼠标距离盒子左右的距离。首先得到鼠标在页面中的坐标( e.pageX,e.pageY)其次得到盒子在页面中的距离(box.offsetLeft, box.offsetTop)用鼠标距离页面的坐标减去盒子在页面中的距离,得到鼠标在盒子内的坐标如果想要移动一下鼠标,就要获取最新原创 2022-09-28 08:21:01 · 191 阅读 · 0 评论 -
JS学习781~801(BOM+window对象的常见事件+定时器+JS执行机制+location+navigator+history对象)
BOM(Browser Object Model)即,它提供了独立于内容而与,其核心对象是window.BOM由一系列相关的对象构成,并且每个对象都提供了很多方法与属性。BOM缺乏标准,JavaScript语法的标准化组织是ECMA,DOM的标准化组织是W3C,BOM最初是Netscape浏览器标准的一部分。BOM比DOM更大,它包含DOM,它有双重角色。在调用的时候可以省略window,前面学习的对话框都属于window对象方法,如alert()、prompt()等。eg:2 window对象的常见事原创 2022-09-26 22:48:47 · 461 阅读 · 0 评论 -
JS学习762~780(注册事件+删除事件+DOM事件流+事件对象+阻止事件冒泡+事件委托鼠标事件+键盘事件)
给元素添加事件,称为或者。注册事件有两种方式:和传统注册方式方法监听注册方式eventTarget.addEventListener()方法将指定的监听器注册到eventTarget(目标对象)上,当该对象触发指定的事件时,就会执行事件处理函数。该方法接收三个参数:1.3 attachEvent事件监听方式eventTarget.attachEvent()方法将指定的监听器注册到eventTarget(目标对象)上,当该对象触发指定的事件时,指定的回调函数就会被执行。该方法接收两个参数:2 删除事原创 2022-09-26 00:02:38 · 627 阅读 · 0 评论 -
JS学习731~761(操作元素+节点操作+DOM重点)
如果有同一组元素,我们想要某一个元素实现某种样式 ,需要用到循环的排他思想算法:案例:百度换肤这个案例练习的是给一组元素注册事件给4个小图片利用循环注册点击事件当我们点击了这个图片,让我们页面背景改为当前的图片核心算法:把当前图片的src路径取过来,给body做为背景即可案例:表格隔行变色用到新的鼠标事件 鼠标经过onmouseover鼠标离开onmouseout核心思路:鼠标经过tr行,当前的行变背景颜色,鼠标离开去掉当前的背景颜色注意:第一行(thead里面的行)不需要变换颜色原创 2022-09-25 16:34:18 · 583 阅读 · 0 评论 -
JS学习706~730(API+事件+操作元素+案例)
JS基础学习ECMAScript 基础语法为后面作铺垫,web APIs是JS的应用,大量使用JS基础语法做交互效果是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力,而又无需访问源码,或理解内部工作机制的细节。简单理解: 提供的一套操作和的(BOM和DOM)。现阶段我们主要针对于浏览器讲解常用的API,主要针对浏览器做交互效果。比如我们想要浏览器弹出一个警示框,直接使用alert(‘弹出’)MDN详细API: https://developer.mozilla.org原创 2022-09-24 15:21:39 · 252 阅读 · 0 评论 -
JS学习702~705(堆和栈)
简单类型又叫做基本数据类型或者值类型,复杂类型又叫做引用类型。原创 2022-09-24 00:10:02 · 70 阅读 · 0 评论 -
JS学习670~701(Math+日期+数组对象+字符串)
JavaScript中的对象分为3种:自定义对象、内置对象、浏览器对象前面两种对象是JS基础内容,属于ECMAScript;第三个浏览器对象属于我们JS独有的就是指JS语言自带的一些对象,这些对象供开发者使用,并提供了一些常用的或是最基本而必要的功能(属性和方法)内置对象最大的优点就是帮助我们快速开发JavaScript提供了多个内置对象:Math、Date、Array、 string等学习一个内置对象的使用,只要学会其常用成员的使用即可,我们可以通过查文档学习,可以通过MDN/W3C来查询。Mozilla原创 2022-09-23 23:32:35 · 339 阅读 · 0 评论 -
JS学习658~669(对象)
在JavaScript中,对象是一组无序的相关属性和方法的集合,所有的事物都是对象,例如字符串、数值、数组、函数等。对象是由和组成的。保存一个值时,可以使用,保存多个值(一组值)时,可以使用。如果要保存一个人的完整信息呢?这时用JS的对象表达更清楚在JavaScript中,现阶段我们可以采用三种方式创建对象(object) ::就是花括号{}里面包含了表达了这个具体事务(对象)的属性和方法{}里面采取的形式表示变量、属性、函数、方法总结变量:单独声明并赋值,单独存在属性:对象里面的变量称为属性,不需原创 2022-09-22 20:45:35 · 156 阅读 · 0 评论 -
JS学习641~657(arguments+函数+作用域+预解析)
当我们不确定有多少个参数传递的时候,可以用来获取。在JavaScript中,arguments实际上它是当前函数的一个。所有函数都内置了一个arguments对象,arguments对象中。,因此可以进行遍历。伪数组具有以下特点:案例:利用函数求任意个数的最大值2 函数案例案例1:利用函数封装方式,翻转任意一个数组案例2:利用函数封装方式,对数组排序----冒泡排序案例3:判断闰年函数可以调用另外一个函数因为每个函数都是独立的代码块,用于完成特殊任务,因此经常会用到函数相互调用的情况。原创 2022-09-22 15:29:51 · 180 阅读 · 0 评论 -
JS学习628~640(函数)
函数:就是封装了,可以实现大量代码重复使用。原创 2022-09-21 23:42:00 · 91 阅读 · 0 评论 -
JS学习570~583(流程控制语句)
流程控制就是来控制我们的代码按照什么结构顺序来执行。顺序结构、分支结构和循环结构,这三种结构代表三种代码执行的顺序。原创 2022-09-21 15:01:42 · 274 阅读 · 0 评论 -
JS学习584~610(循环+规范)
在程序中, 一组被重复执行的语句被称之为,能否继续重复执行,取决于循环的。由循环体及循环的终止条件组成的语句,被称之为执行过程2.1 语法结构断点调试:断点调试是指自己在程序的某一行设置一个断点,调试时,程序运行到这一行就会停住,然后你可以一步一步往下调试,调试过程中可以看各个量当前的值,出错的话,调试到出错的代码行时显示错误,停下。浏览器中按F12–> sources -->找到需要调试的文件–>在程序的某一行设置断点Watch:监视,通过watch可以监视变量的值的变化,非常的常用。F11:程序原创 2022-09-21 14:54:42 · 200 阅读 · 0 评论 -
JS学习611~627(数组)
数组是指,其中的每个数据被称作,在数组中可以。数组是一种将下的优雅方式。2 创建数组2.1 数组的创建方式JS中创建数组有两种方式:这种方式暂且了解,等学完对象再看注意Array(),A要大写2.3 利用数组字面量创建数组数组的字面量是方括号[]声明数组并赋值称为数组的初始化这种字面量方式也是我们以后2.4 数组元素的类型数组中可以存放,例如字符串,数字,布尔值等.:用来访问数组元素的序号(数组下标从0开始)数组可以通过来访问、设置、修改对应的数组元素,我们可以通过“”的形式原创 2022-09-21 14:50:13 · 113 阅读 · 0 评论 -
JS学习556~569(运算符)
浮点数的最高精度是17位小数,但在进行算术计算时其精确度远远不如整数。//结果不是0.3,而是: 0.30000000000000004// 结果不是7,而是: 7.00000000000001不要直接判断两个浮点数是否相等!原创 2022-09-19 22:08:32 · 242 阅读 · 0 评论 -
JS学习553~555(解释性语言 + 标识符关键字保留字+课后作业)
包括: boolean、byte、 char、 class、const、debugger、double、enum、export、extends、fimal、float、goto、implements、import、int、interface、long、mative、package、private、protected、public、sh8rt、static、super、synchronized、throws、transient、volatile等。'\n您的年龄是:''\n您的性别是:'原创 2022-09-17 17:10:49 · 106 阅读 · 0 评论 -
JS学习535~552(数据类型及转换)
使用表单、prompt获取过来的数据默认是字符串类型的,此时就不能直接简单的进行加法运算,而需要转换变量的数据类型。通俗来说,就是把一种数据类型的变量转换成另外一种数据类型。转换为字符串类型转换为数字型转换为布尔型。原创 2022-09-17 16:16:30 · 322 阅读 · 0 评论 -
JS学习519~534(初始+变量)
浏览器分成两部分:渲染引擎和JS引擎渲染引擎:用来解析HTML与CSS,俗称内核,比如chrome浏览器的blink,老版本的webkitJS引擎:也称为JS解释器。用来读取网页中的JavaScript代码,对其处理后运行,比如chrome浏览器的V8浏览器本身并不会执行JS代码,而是通过内置JavaScript引擎(解释器)来执行JS代码。JS引擎执行代码时逐行解释每一句源码(转换为机器语言) ,然后由计算机去执行,所以JavaScript语言归为脚本语言,会逐行解释执行。原创 2022-09-15 17:29:03 · 126 阅读 · 0 评论