![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端JS学习
文章平均质量分 65
揉你脸蛋儿.
这个作者很懒,什么都没留下…
展开
-
JavaScript 网页特效
网页特效元素偏移量offset系列使用offset相关属性可以动态的得到该元素的位置(偏移)、大小等。 获得元素距离带有定位父元素的位置 获得元素自身的大小 返回的数值都不带单位[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Ke7bi68F-1626133452745)(C:\Users\甜味少女静\Pictures\QQ截图20210706152413.png)]offset与style区别[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下原创 2021-07-13 07:44:36 · 203 阅读 · 0 评论 -
JavaScript 事件
事件注册事件(绑定事件)注册事件概述给元素添加事件注册事件方式传统方式和方法监听注册方式传统注册事件1、利用on开头的事件特点:注册事件的唯一性 同一个元素同一个事件只能设置一个处理函数,最后注册的处理函数会覆盖前面注册的处理函数。方法监听注册方式1、W3C标准 推荐方式2、addEventListener()它是一个方法 ie9以前不支持3、attachEvent()//ie9以前的方法4、同一个元素同一个事件可以注册多个监听器 按注册顺序依次执行addEventList原创 2021-07-13 07:43:49 · 234 阅读 · 0 评论 -
JavaScript DOM
DOMDOM简介文档对象模型:W3C推荐的处理可扩展标记语言的标准编程接口改变页面内容、结构、样式在实际开发中主要用来操作元素DOM树文档(document):一个页面就是一个文档元素(element):也买那种所有标签都是元素节点(node):所有内容(标签、属性、文本、注释)DOM把以上内容都看作是对象获取元素如何获取页面元素根据id获取document.getElementById(‘id’)//获取带有id的元素对象 id是字符串形式要加引号 返回的是元素对象con原创 2021-07-13 07:42:53 · 98 阅读 · 0 评论 -
JavaScript BOM
BOMBOM概述1、浏览器对象模型,它提供了独立于内容而与浏览器窗口进行交互的对象,其核心对象时window2、BOM由一系列相关对象构成,并且每个对象都提供很多方法和属性3、缺乏标准4、把浏览器当作一个对象来看BOM构成window对象是浏览器的顶级对象 具有双重角色1、他是js访问浏览器窗口的一个接口2、他是一个全局对象,定义在全局作用域中的变量、函数都会变成window对象的属性和方法。windown对象的常见事件窗口加载事件1、window.οnlοad=function()原创 2021-07-13 07:41:54 · 77 阅读 · 0 评论 -
JavaScript 简单类型与复杂类型
简单类型与复杂类型简单类型与复杂类型简单类型:基本数据类型或者值类型,五大数据类型 null返回的数据类型是一个空的对象object,声明一个变量存放对象,但是暂时不知道放啥就用null复杂类型:引用类型在存储变量中存储的仅仅是地址(引用) 通过new关键字创建的对象都是复杂数据类型堆和栈栈:简单数据类型(由操作系统自动分配释放内存)堆:复杂数据类型(一般由程序员分配释放,或垃圾回收机制回收)简单类型的内存分配存放在栈中,存放的是值复杂类型的内存分配在栈中存放地址,再根据地址找到存放在原创 2021-07-02 22:38:28 · 117 阅读 · 2 评论 -
JavaScript Web APIs
Web APISWeb APIs和JS关联性JS基础:ECMAscript基本语法Web APIs阶段:DOM+BOM//页面交互功能API和Web APIAPI(应用程序编程接口):是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力,而又无需访问源码,或理解内部工作机制和的细节。简单理解:API是给程序员提供的一种工具,以便能更轻松的实现想要完成的功能Web API:是浏览器提供的一套操作浏览器功能和页面元素的API(BOM\DOM)...原创 2021-07-02 22:37:39 · 138 阅读 · 0 评论 -
JavaScript内置对象
内置对象内置对象js中对象分为三类:自定义对象、内置对象、浏览器对象(js独有)。内置对象就是js语言自带的一些的对象,提供了一些常用的或者最基本而必要的功能(属性和方法)查文档MDN文档:https://developer.mozilla.org/zh-CN/Math数学对象不是一个构造函数,不需要用new来调用,可以直接使用里面的属性和方法Math.PI //圆周率Math.abs() //绝对值,会把字符转型的数字隐式转换为为数字型,不是数字型就会输出NaNMath.floo原创 2021-07-02 22:35:55 · 57 阅读 · 0 评论 -
JavaScript对象
对象(object)对象是一组无序相关属性和方法的集合 所有的事物都是对象对象由属性和方法组成属性:事物的特征(常用名词)方法:事物的行为(常用动词)创建对象利用字面量创建对象对象字面量:就是{}里面包含了表达这个具体事务的属性和方法var obj={};创建了一个空的对象里面的属性或者方法采取键值对形式 键 属性名:值:属性值多个属性或者方法用,隔开方法:后面跟的是一个匿名函数利用new创建对戏var obj = new Object()利用等号赋值的方法添加对象的属性和原创 2021-06-26 20:12:36 · 65 阅读 · 0 评论 -
JavaScript作用域与预解析
作用域代码名字在某个范围内起作用和效果,目的是为了提高程序可靠性,减少命名冲突全局作用域如果函数内部没有声明直接赋值的变量也属于全局变量局部变量函数的形参也可以看作局部变量从执行效率看全局变量和局部变量(1)全局变量只有浏览器关闭时才会销毁,比较占内存资源(2)局部变量再程序执行完成后就销毁,节约内存资源js没有块级作用域在es6新增块级作用域用{}包裹起来的作用域作用域链根据内部函数可以访问外部函数变量这种机制,用链式查找决定哪些数据能被内部函数访问(就近原则)预解析js引擎原创 2021-06-25 23:05:46 · 64 阅读 · 0 评论 -
JavaScript函数
函数函数不调用就不能执行封装了一块可以重复使用的代码块声明函数1.function 函数名。 函数名一般是动词2.函数表达式(匿名函数):var 变量名 = function() {}; 变量名不是函数名调用函数函数名()变量名()形参在声明函数括号里是形参函数调用括号里是实参形参和实参个数可以不匹配参数个数说明实参个数等于形参个数输出正确结果实参个数多于形参个数只取到形参个数实参个数小于形参个数多的形参定义为undefined,结果为Na原创 2021-06-25 23:04:56 · 113 阅读 · 0 评论 -
jJavaScript导读
初识JavaScriptjavascript是什么是一种运行在客户端的脚本语言 (script是脚本的意思)脚本语言:不需要编译,运行过程中由js解释器(js引擎)来逐行解释并执行现在也可以基于node.js技术进行服务器端编程JavaScript作用表单动态校验(密码强度检测) js产生的最初目的网页特效服务端开发(Node.js)桌面程序(Electron)APP(Cordova)控制硬件-物联网(Ruff)游戏开发(cocos2d-js)js组成ECMAScript :Ja原创 2021-06-25 23:04:08 · 296 阅读 · 0 评论 -
流程控制-分支
流程控制控制代码按照什么顺序执行条件表达式?表达式1:表达式2 条件表达式为真则返回表达式1 把返回值赋值给一个变量switch语句switch(表达式){case 值:执行语句;break;default:执行语句;}表达式里的值与case的值相匹配的时候是全等的,必须数值与类型都是一致的才可以如果当前的case里面没有break,就不会退出当前switch,会继续执行下一个case。循环for循环断点调试f12 -> source可以帮助我们观察程序的运行过程双层f原创 2021-06-23 23:10:50 · 70 阅读 · 0 评论