第二阶段javascript
文章平均质量分 56
Ninety`
这个作者很懒,什么都没留下…
展开
-
js基本用法
js原创 2022-06-14 15:49:23 · 116 阅读 · 0 评论 -
jQuery初识、 jQuery和DOM对象的关系、表单选择器、节点遍历(常用)、操作标签属性 样式、循环 21
1.jQuery初识1.1 jQuery是优秀JavaScript库解决了兼容问题简化获取标签、DOM操作、事件、动画、ajax强大的选择器功能(通过选择器选择标签)$(“选择器”)函数化(方法化) 语法:$(“选择器”).action();取值赋值一体 //赋值$("div").html("<strong>发卡福建安防</strong>");//取值var text = $("div").html();console.log(text)原创 2021-01-11 21:30:06 · 380 阅读 · 0 评论 -
移动端事件 pc端事件在移动端延迟300ms触发、移动端事件对象、touch.js、绑定方式、事件对象、 手势事件 20
day20 移动端事件回顾事件:鼠标事件:onclick,onmouseover,onmouseout(冒泡,子元素可以触发父元素事件),onmouseenter,onmouseleave(不冒泡,子元素不能触发父元素事件),onmousemove,onmouseup,onmousedown,滚轮事件: onmousewheel DOMMoseScroll滚动事件:onscroll窗口大小发生改变时触发的事件:onresize表单事件:表单域:onsubmit,onreset表单事件:原创 2021-01-09 21:18:52 · 144 阅读 · 0 评论 -
闭包、ajax、get请求、post请求、封装、解析数据 15
day15 闭包与ajax1.回顾面向对象继承方式function Student(name,age,sex){ //父类 this.name = name; this.age = age; this.sex = sex;}Student.prototype.study = function(){ console.log("天天放假")}原型链继承:子类的prototype = 父类的实例function MiniStudent(){ //子类原创 2021-01-02 15:57:25 · 149 阅读 · 0 评论 -
面向对象继承、 原型链继承、 对象冒充继承、 混合继承、寄生式组合继承、正则表达式创建、修饰符、检索方法、正则元字符 14
day14 面向对象与正则1.面向对象继承1.1 原型链继承原型链继承 :子类的原型对象 = 父类的实例对象//1.父类构造函数function Student(name,age,sex){ this.name = name; this.age = age; this.sex = sex; this.arr = [1,2,3];}Student.prototype.classId = "1116"Student.prototype.study = functi原创 2020-12-30 22:57:48 · 185 阅读 · 0 评论 -
对象组成 创建方式、字面量创建、关键字new创建、工厂模式创建、构造函数创建 new操作的作用、原型创建、混合创建、call与apply的作用及区别 13、
对象的组成 属性 —特征的描述,静态 变量 方法 — 行为 ,动态 function对象创建方式1.字面量创建:var obj = { "name":"Web","eat":function(){} } 优点:直观 缺点:代码冗余,适合创建单个对象2.关键字new创建 var obj = new Object()obj.name = "Web";obj.eat = functi原创 2020-12-30 22:54:22 · 95 阅读 · 0 评论 -
滚轮事件、拖拽、回调函数 12
day12 js特效动画1.滚轮事件添加滚轮事件:chrome、ie : onmousewheelff:添加一定要通过事件绑定方式添加 addEventListener(“DOMMouseScroll”)滚动方向:chrome、ie : ev.wheelDelta 上120 下-120ff: ev.detail 上-3 下 3var oDiv = document.getElementsB原创 2020-12-28 21:25:52 · 272 阅读 · 0 评论 -
事件对象、事件绑定、事件取消、DOM事件流、阻止事件默认行为、键盘事件、事件代理(委托) 11
day11 事件高级1.回顾表单事件表单域事件提交事件 onsubmit重置事件 onreset表单元素事件获得焦点事件 onfocus失去焦点事件 onbluronchange:失去焦点时内容和之前有变化时触发oninput/onpropertychange:输入框内容发生变化时触发(实时)window和document?window–窗口document–文档locationlocation.href : 获取设置当前窗口显示的urlloca原创 2020-12-27 21:36:57 · 142 阅读 · 0 评论 -
表单、快速获取表单元素、表单事件方法 获得/失去焦点、BOM、window提供的系统方法、BOM三大系列 client系列 offset系列 scroll系列、懒加载10
day10 BOM1.回顾1.1 数组迭代方法every():对数组进行判断,所有结果都为true,最后结果才为truesome():对数组进行判断,只要有一个为true,结果就为truefilter():对数组进行判断,满足条件的组成一个新的数组返回map():循环数组,返回的值会组成一个新的数组返回forEach():循环数组1.2 DOM获取通过选择器document.querySelector():选择器选中的标签中的第一个document.querySelecto原创 2020-12-26 20:15:20 · 181 阅读 · 1 评论 -
数组迭代方法 every some filter map forEach 、DOM获取元素 子节点 父元素 兄弟节点、 创建节点、添加节点、删除节点、复制与替换、操作属性节点09
day09 DOM1.回顾1.1 字符串方法charAt()charCodeAt()indexOf()lastIndexOf()截取substring()slice()substr()split()分割replace()toUpperCase(),toLowerCase()trim()1.2 数组数组栈方法push,popunshift,shiftsplice(start,deleteCount,items)indexOf()sort(原创 2020-12-26 19:45:11 · 212 阅读 · 0 评论 -
数组对象、push,pop在数组的末尾添加或删除元素、unshift,shift:在数组的头部添加或删除元素、选择排序、冒泡排序、快速排序、排序方法sort()、 随机排序 08
day08 数组方法1.字符串方法通过下标获取charAt(下标):获取对应下标的字符charCodeAt(下标):获取对应下标的字符编码 “0”–48 “a”–97 “A”–65检索位置,查找是否存在indexOf(searchValue,start):查询某个字符在另一个字符串中首次出现的位置,出现返回对应的下标,没有出现返回-1; 作用:判断字符串中是否某个特定字符的存在lastIndexOf(searchValue,start):查询某个字符在另一个字符串中最后一次原创 2020-12-23 21:58:53 · 513 阅读 · 0 评论 -
Math对象、取整、 数学公式、随机数、Date对象、 获取固定格式时间对象、获取单个时间、倒计时、 字符串方法String对象07
day07 时间对象与字符串对象1.回顾定时器分类setTimeout语法:setTimeout(函数,时间ms)使用场景:广告弹窗setInterval语法:setInterval(函数,时间ms)使用场景:轮播图,倒计时,抽奖停止定时器clearInterval(intervalId)clearTimeout()封装实现功能声明一个函数,把主要代码放入到函数中找参数调用调试----- 来回目标值问题----&& 步长正原创 2020-12-22 22:47:39 · 168 阅读 · 0 评论 -
轮播图js封装
轮播图/* *作用:轮播图*@parent1 {object} elem:标签 轮播图可视区*@parent2 {object} elem:标签 圆点父元素*/function changeimg(parent1, parent2) { var oUl = parent1.getElementsByTagName("ul")[0]; var oLi = oUl.getElementsByTagName("li"); var oSpan = parent2.getEleme原创 2020-12-21 22:34:08 · 182 阅读 · 0 评论 -
定时器setTimeout setInterval、运动函数封装06
day06 定时器1.定时器1.1 定时器的分类setTimeout:延迟定时器使用场景:广告弹窗语法:setTimeout(函数,时间ms) 延迟某个时间执行函数一次setInterval:间歇执行定时器使用场景:轮播图,倒计时,抽奖语法:setInterval(函数,时间) 间隔某个时间就执行函数一次1.2 定时器使用setTimeout<div>广告</div><script> var oDiv = docum原创 2020-12-21 22:16:50 · 325 阅读 · 0 评论 -
函数的声明和使用、函数参数、作用域、预解析05
day05 函数1.回顾for-in作用:用于循环对象语法:for(var 变量 in 需要循环的对象){}this概念:当前调用函数的对象,所处环境不同,代表的值不一样,取决于函数被调用时所处的环境在事件处理函数中,this指向触发事件的对象【点谁是谁】//1.点击li,打印被点击li的内容var oLi = document.getElementsByTagName("li");//2.循环添加点击事件for(var i = 0;i<oLi.length;i原创 2020-12-21 22:04:55 · 175 阅读 · 0 评论 -
for循环嵌套、 while、do-while、跳出循环 break continue、for-in、this、自定义属性04
day04 this与自定义属性1.回顾document.write和innerHTML的区别?共同点:都可以识别标签,都可以改变body标签的内容区别:innerHTML会覆盖document.write:写入的时候文档已经加载完成,会重绘文档-- 覆盖之前的内容。写入的时候文档没有加载完,不会覆盖原有的内容for循环:可以让特定代码执行指定的次数语法:for(初始化循环变量;循环条件;更新循环变量){ 循环体 }2.循环2.1 for循环嵌套图形/原创 2020-12-17 21:57:02 · 466 阅读 · 0 评论 -
流程控制语句、分支结构if switch、DOM获取元素、循环结构for03
day03 流程控制语句1.回顾1.1.数据类型要求:能区分js数据类型的种类、不同数据类型的不同表现形式,不同数据类型之间的转换(转number、转string)js的数据类型number数字、进制、NaN(不能正确运算的时候)、infinityNaN == NaN : false0.1+0.3 小数计算会出现偏差,不能使用小数作为判断条件string引号引起来的 “” ‘’str.length :获取字符串的长度str.charAt(下标)/str[下标]原创 2020-12-16 22:00:05 · 849 阅读 · 0 评论 -
数据类型分类 转换、复杂类型(复合、引用、对象类型)、ypeof的返回值、运算符02
day02 数据类型1.回顾什么叫js?基于对象和事件驱动的解释性脚本语言js的组成ECMAScript:JavaScript的标准DOM:Document Object Model 文档对象模型BOM:Browser Object Model 浏览器对象模型JavaScript和ECMAScript的关系?前者是后者的具体实现后者是前者的标准引入方式变量存储数据的容器声明变量:var 变量名var a; //undefined命名规则:1原创 2020-12-15 21:40:46 · 83 阅读 · 0 评论