重拾JS
事与愿同
生活的时间多了,我终于明白,生命终将流逝,唯有那知识高峰上留有我的足迹
展开
-
重拾JS-22-PC端网页特效
解决以下问题:元素偏移量offset系列元素可视区client系列 元素滚动sroll系列 动画函数封装原创 2021-06-05 20:48:50 · 112 阅读 · 0 评论 -
重拾JS-21-BOM
什么是BOMBOM(Browser Object Model)即浏览器对象模型,他提供了独立于内容而与浏览器窗口进行交互的对象,其核心对象是windowBOM由一系列的对象构成,并且每个对象都提供了很多方法和属性。BOM缺乏标准,JavaScript语法标准组织是ECMA,DOM的标准化组织是W3C,BOM最初是Netscape浏览器你标准的一部分window常见事件:1.onload load 等页面内容全部加载完毕,包含页面dom元素 图片 flash css 等等...原创 2021-06-04 17:46:53 · 71 阅读 · 1 评论 -
重拾JS-20-DOM(part4)
事件高级学习:注册事件(绑定事件)注册事件有两种方式:传统方式和方法监听注册方式传统注册方式:利用on开头的事件 特点:事件的唯一性 同一个元素同一个事件只能设置一个处理函数,最后注册的处理函数将会覆盖前面注册的处理函数方法监听注册方式:W3C标准 推荐使用 addEvenListener()它是一个方法 IE9之前不支持,可使用attachEvent()代替 特点:同一个元素同一个事件可以注册多个监听器 按照注册顺序依次执行 <button>传统注册原创 2021-06-04 13:24:20 · 72 阅读 · 0 评论 -
重拾JS-19-DOM(part3)
节点操作:删除节点 <button>删除</button> <ul> <li>路明非</li> <li>楚雨航</li> <li>陈墨瞳</li> </ul> <script> var btn = document.querySelector('button'); .原创 2021-06-03 15:40:25 · 56 阅读 · 0 评论 -
重拾JS-18-DOM(part2)
案例:排他思想设置点击按钮 <button>按钮1</button> <button>按钮2</button> <button>按钮3</button> <button>按钮4</button> <button>按钮5</button> <script> //获取所有按钮元素 var btns.原创 2021-06-02 18:10:15 · 76 阅读 · 0 评论 -
重拾JS-17-DOM(part1)
目标:解决以下问题:说出什么是DOM文档对象模型,是W3C组织推荐的处理可扩展标记语言(HTML或者XML)的标准程序接口。W3C已经定义了一系列的DOM接口,通过这些DOM接口可以改变网页的内容,结构和样式。DOM树:文档:一个页面就是一个文档,DOM中使用document表示 元素:页面中的所有标签都是元素,DOM中使用element表示 节点:网页中所有的内容都是节点(标签,属性,文本,注释等),DOM中使用node表示 DOM把以上内容都看作是对象如何获取页面元素原创 2021-06-01 19:16:58 · 109 阅读 · 0 评论 -
重拾JS-16-Web APIs
解决以下问题:什么是Web APIsWeb APIs是W3C组织的标准Web APIs主要学习DOM和BOMWeb APIs是JS独有的部分主要学习页面交互功能需要有一定的JS基础什么是APIAPI(应用程序编程接口):给程序员提供的一种工具,以便能更轻松实现想要完成的功能什么是Web APIWeb API是浏览器提供的一套操作浏览器功能和页面元素的API(BOM和DOM)...原创 2021-06-01 10:23:52 · 96 阅读 · 0 评论 -
重拾JS-15-简单数据类型和复杂数据类型
目标:解决以下问题简单数据类型与复杂数据类型 堆和栈 简单类型的内存分配 简单类型传参 复杂类型传参原创 2021-06-01 10:08:49 · 74 阅读 · 0 评论 -
重拾JS-13-内置对象
JavaScript的对象分为三种:自定义对象,内置对象,浏览器对象前面两种对象是JS基础内容,属于ECMAScript,第三种属于JS独有的Math对象中的一些属性和方法以及封装一个自己的数学对象 //Math数学对象的一些属性和方法 console.log(Math.PI);//输出圆周率 console.log(Math.max(1,99,56));//输出99 console.log(Math.max(-1,-10));//输出-1 cons.原创 2021-05-28 21:37:19 · 96 阅读 · 0 评论 -
重拾JS-12-对象
目标:解决以下问题在JS中,创建对象以及使用对象的方式1.利用字面量来创建对象 //1.利用对象字面量来创建对象:一般采用键值对的方式 var obj = { uname: '新垣结衣', age: 32, sex: '女', sayHello: function() { console.log('星野源啊'); } } //使用对象的方式一 c...原创 2021-05-27 10:25:12 · 63 阅读 · 0 评论 -
重拾JS-11-预解析
目标:解决以下问题能够知道解析器运行JS分为那两步思路引导 //坑1 console.log(num);//报错 //坑2 console.log(num);//undefined var num=4; //坑3 fn();//正常输出:嘟嘟嘟 function fn(){ console.log('嘟嘟嘟'); } //坑4 fun();//报错 var fun=function()原创 2021-05-26 12:20:17 · 76 阅读 · 0 评论 -
重拾JS-10-作用域
目标:解决以下问题说出JavaScript的两种作用域1.JavaScript作用域:就是代码名字(变量)在某个作用域内起作用和效果 目的是为了提高程序的可靠性更重要的是减少命名冲突2.JS的作用域(es6之前):全局作用域 局部作用域3.es6的时候新增了块级作用域 {}区分全局变量和局部变量变量的作用域:根据作用域的不同变量分为全局变量和局部变量1.全局变量:在全局作用域下的变量 在全局下都可以使用var name='我是星野源'; function fn..原创 2021-05-26 11:35:35 · 65 阅读 · 1 评论 -
重拾JS-09-函数
目标:解决以下问题函数的使用方式1:函数使用分为两步:函数声明和函数调用//1.声明函数//function 函数名(){ //函数体//}//2.函数调用//函数名(); //函数的使用 function sayHi(){ console.log('新垣结衣我爱你'); } sayHi(); //求1~100的累加和 function add(){ .原创 2021-05-26 09:48:51 · 102 阅读 · 0 评论 -
重拾JS-08-数组
目标:解决以下问题如何创建数组?1.利用new创建数组vararr=newArray();2.利用数组字面量创建数组vararr=[1,2,'星野源',true]如何获取数组中的元素?利用数组的索引(数组下标) var arr=[1,2,'星野源',true] console.log(arr[0]); console.log(arr[1]); console.log(arr[2]);对数组进行遍...原创 2021-05-25 23:53:36 · 63 阅读 · 0 评论 -
2021-5-25重拾JS-07-流程控制-循环
目标:解决以下问题for循环的执行过程 //for循环语法结构 // for(初始化变量;条件表达式;操作表达式){ // 循环体 // } for(var i=0;i<100;i++){ console.log('你好哇,JS'); } //输出100次'你好哇,JS'原创 2021-05-25 10:33:25 · 163 阅读 · 0 评论 -
2021-05-24重拾JS-06-流程控制分支
目标:解决以下问题熟练使用if分支语句案例一:进入网吧案例:要求判断你的年龄是否可以进入网吧上网 var age=prompt('请输入你的年龄'); if(age>=18){ alert('大爷进来玩啊~。~') }else{ alert('小屁孩滚出克!') }案例二:判断输入的年份是否为闰年 var year=prompt('请输入你要检测的年份');原创 2021-05-25 02:09:48 · 87 阅读 · 0 评论 -
2021-05-24重拾JS-05-运算符
目标:解决以下问题能够使用常用运算符1.算术运算符运算符 描述 实例 + 加 10+10=20 - 减 10-20=-10 * 乘 10*20=200 / 除 10/20=0.5 % 取余数(取模) 9%2=1 2.递增和递减运算符如果需要反复给数字变量添加或者减去1,可以使用递增(++)和递减(--)运算符来完成3.比较运算符(关系运算符)两...原创 2021-05-24 23:46:39 · 114 阅读 · 0 评论 -
2021-05-24重拾JS-04-数据类型
isNan():用来判断一个变量是否为非数字的类型,返回true或者false var name='阿狸'; console.log(isNaN(name));leangth属性:获取整个字符串的长度 var name='阿狸做我女朋友吧!'; console.log(name.length);//输出为9字符串拼接:只要字符串类型与其他类型数据拼接,那么结果一定是字符串类型目标:解决以下关于数据类型的问题说出5种简单的数据类型...原创 2021-05-24 11:38:16 · 84 阅读 · 0 评论 -
2021-05-24重拾JS-03-关于变量
目标:解决下列有关变量的问题变量的主要作用?本质:变量是程序在内存中申请的一块用于存放数据的空间(变量名:数据)写出变量的初始化?变量的使用:1.声明变量;2.赋值变量的初始化:var=变量名=‘值’;只声明变量不赋值 输出结果:undefined 不赋值不声明直接使用 报错 不声明只赋值 输出正常(不建议使用,会变成全局变量) 案例1: <script> var myname='漩涡鸣人',...原创 2021-05-24 07:21:27 · 186 阅读 · 0 评论 -
2021-05-24重拾JS-02-JS的组成
JavaScript的组成ECMAScript(JavaScript语法) DOM(页面文档对象模型):操作各种页面元素 BOM(浏览器对象模型):操作浏览器窗口原创 2021-05-24 05:56:21 · 358 阅读 · 0 评论 -
2021-05-24重拾JS-01-浏览器与JS
浏览器分为两个引擎:渲染引擎和js引擎渲染引擎:用来解析HTML和CSS,俗称内核。例如chrome的blink,老版本的webkit JS引擎:也称为JS解释器,用来读取网页中的javascript代码,对其处理后运行,如chrome的v8浏览器本身不会执行js代码,而是通过javascript解释器(引擎)来执行,js引擎执行代码时候逐行解释每一行js代码(转换为机器语言),然后由计算机去执行,所以JavaScript被归为脚本语言,会逐行解析运行。...原创 2021-05-24 05:43:10 · 303 阅读 · 0 评论