JavaScript 系列文章
文章平均质量分 71
一个水瓶座程序猿.
一个水瓶座的前端小白程序猿.
展开
-
JavaScript 条件式属性访问操作符
JavaScript 条件式属性访问操作符,ES2020引入的新特性原创 2023-02-05 16:10:47 · 301 阅读 · 1 评论 -
什么是虚拟 DOM ?
概念:虚拟 Dom,就是对于真实 dom 的一个 js 对象映射< div class = "wrapper" > this is div(真实dom) < / div >原创 2022-08-17 22:26:31 · 1843 阅读 · 0 评论 -
JavaScript 高级语法 第四章
这是JavaScript高级第四章,里面的内容主要有 面向对象,this的指向问题,严格模式,箭头函数,改变this的指向方法(call,apply,bind),类和对象,构造函数,继承性和拷贝(深拷贝和浅拷贝)的知识点...原创 2022-07-10 19:14:23 · 168 阅读 · 0 评论 -
JavaScript 高级语法 第三章
这是JavaScript高级第三章,里面的内容主要有原型对象原型链,继承性,继承案例以及原型链,原型链练习等相关内容原创 2022-07-10 02:09:31 · 261 阅读 · 0 评论 -
JavaScript 高级语法 第二章
这是JavaScript高级第二章,里面的内容主要有面向对象知识,构造函数,关键字,构造函数,数组的构造函数,数组的方法,正则表达式的构造函数,包装类型,构造函数的封装,命名空间封装,String、Number、Boolean等构造函数......原创 2022-07-09 01:52:29 · 195 阅读 · 0 评论 -
JavaScript 高级语法 第一章
这是JavaScript高级第一章,里面的内容主要有作用域、变量关键字、作用域链、闭包、变量提示、参数默认值、动态参数、剩余参数、箭头函数、解构赋值等 ES6 新语法原创 2022-07-08 23:10:55 · 145 阅读 · 0 评论 -
数组的 reduce方法
方法对数组中的每个元素按序执行一个由你提供的 函数,每次运行都会 ,最后将其结果 。当第一次执行这个回调函数的时候,不存在 ,所以如果需要回调函数从数组索引为 的元素开始执行,就需要传递 否则索引号为 的元素将会被 ,迭代器将从第二个元素开始执行...原创 2022-07-08 01:24:27 · 7975 阅读 · 0 评论 -
JavaScript WebAPIs 第七章
定义正则表达式:判断是否有符合规则的字符串:检索(查找)符合规则的字符串:语法总结:元字符普通字符:所有的字母和数字元字符(特殊字符):一些具有特殊含义的字符例如:普通字符:abcdefghijk 元字符:[a-z]元字符分类:边界符(表示位置,开头和结尾,必须用什么开头,用什么结尾)正则表达式中的边界符(位置符)用来提示字符所处的位置,主要有两个字符如果 ^ 和 $ 在一起,表示必须是精确匹配修饰符:修饰符约束正则执行的某些细节行为,如是否区...原创 2022-07-08 00:27:33 · 66 阅读 · 0 评论 -
JavaScript WebAPIs 第六章
JavaScript 内置的一个用来让代码延迟执行的函数,叫 setTimeout setTimeout 仅仅只执行一次,所以可以理解为就是把一段代码延迟执行, 平时省略window结合递归函数可以使用setTimeout实现setInterval一样的功能两种定时器对比: setInterval 和 setTimeoutJS执行机制先执行执行栈中的同步任务异步任务放入任务队列中一旦执行栈中的所有同步任务执行完毕,系统就会按次序读取任务队列中的异步任务,于是被读取的异步任务原创 2022-07-07 18:53:33 · 112 阅读 · 0 评论 -
JavaScript WebAPIs 第五章
概念:当页面进行滚动时触发的事件用途:检测用户把页面滚动到某个区域后做一些处理, 比如固定导航栏,比如返回顶部事件名:scroll加载事件:1.1概念:加载外部资源(如图片、外联CSS和JavaScript等)加载完毕时触发的事件用途:等页面资源全部处理完了做一些事情、老代码喜欢把 script 写在 head 中,这时候直接找 dom 元素找不到事件名:load1.2概念:当初始的 HTML 文档被完全加载和解析完成之后,DOMContentLoaded 事件被触发,而无需等待样式原创 2022-07-07 02:18:05 · 93 阅读 · 0 评论 -
JavaScript WebAPIs 第四章
例如鼠标点击事件中,事件对象就存了鼠标点在哪个位置等信息元素.addEventListenter(′click′,function(e))元素.addEventListenter('click',function(e))元素.addEventListenter(′click′,function(e))事件流事件流与两个阶段说明事件流指的是事件完整执行过程中的流动路径假设页面里有个div,当触发事件时,会经历两个阶段,分别是捕获阶段、冒泡阶段捕获阶段是 从父到子 冒泡阶段是从子到原创 2022-07-06 23:16:49 · 101 阅读 · 0 评论 -
JavaScript WebAPIs 第三章
什么是DOM节点?DOM树里每一个内容都称之为节点DOM节点的分类?parentNode属性 (找上一个父元素节点)返回最近一级的父节点 找不到返回为null子元素.parentNodechildNodes:获取所有子节点(文本子节点、元素子节点)children:查找元素儿子(只查找元素的节点)firstElementChild:第一个元素儿子lastElementChild:最后一个元素儿子查找兄弟节点:previousElementSibling:前一个兄原创 2022-07-06 18:46:51 · 75 阅读 · 0 评论 -
JavaScript WebAPIs 第二章
事件是在编程时系统内发生的动作或者发生的事情什么是事件监听?就是让程序检测是否有事件产生,一旦有事件触发,就立即调用一个函数做出相应,也称为注册事件语法?元素.addEventListener( ’ 事件 ’ ,要执行的函数)事件监听三要素?事件源 事件 事件调用的函数事件类型鼠标事件click - 单击事件 mouseenter - 鼠标经过 mouseleave - 鼠标离开focus - 获得焦点 blur - 失去焦点keydown - 键盘按下时触发 keyup - 键盘抬起触发inp原创 2022-07-06 17:34:50 · 71 阅读 · 0 评论 -
JavaScript 中 filter 过滤数组
JavaScript 中的 filter 过滤数组的方法原创 2022-07-05 23:38:08 · 3099 阅读 · 0 评论 -
JavaScript 基础 第四弹
本文介绍了 JavaScript 基础中的函数,以及封装函数的意义和写法函数的调用语法:例如:函数体:函数体是函数的构成部分,它负责将相同或相似代码“包裹”起来,直到函数调用时函数体内的代码才会被执行。函数的功能代码都要写在函数体当中函数总结:函数传参:函数传参基本语法:参数的两种形式:形参:形式上的参数(定义函数的参数叫做形参)实参:实际上的参数(调用函数时的参数叫做实参) 可以理解为是在这.........原创 2022-06-05 01:49:35 · 246 阅读 · 0 评论 -
JavaScript WebAPIs 第一章
作用:使用JS去操作html和浏览器分类:DOM(文档对象模型)和 BOM(浏览器对象模型)查找元素DOM元素就是选择页面中的标签元素选择匹配的第一个元素选择匹配的多个元素其他获取DOM元素方法设置/修改DOM元素内容如果想修改标签元素里面的内容,则可以使用如下方式document.write()方法对象.innerText 属性对象.innerHTML 属性document.write() 方法只能将文本内容追加到前面的位置文本中包含的标签会被解析元素.in原创 2022-07-05 22:52:13 · 144 阅读 · 0 评论 -
JavaScript 基础 第五弹
对象:JavaScript里的一种数据类型可以理解为是一种无序的数据集合,注意数组是有序的数据集合对象的使用:对象声明语法:对象由属性和方法组成:属性:信息或特征(比如手机尺寸,颜色)方法:功能或行为(比如手机打电话,玩游戏)属性:对象使用 - 查声明对象,并添加了若干属性后,可以使用 . (打点) 获取到对象中属性对应的值,称为属性访问。语法1:对象名.属性语法2:对象[ ‘属性’ ]对象使用 - 改语法:对象名.属性 = 新值对象使用 -原创 2022-06-13 11:30:05 · 186 阅读 · 0 评论 -
JavaScript 编程语言 - 错误处理 “try...catch“
有时,在代码中,因为我们的编写出错,或者是与预期不同的用户输入,又或者是错误的服务端响应,一旦发生错误,脚本就会立即停止,不再执行,并在控制台中把错误打印出来但是,有时候我们并不想这样,所以我们有一种语法结构 ,它会使我们可以捕获( catch ) 错误。因此可以让代码执行的更加合理。它按照以下步骤执行:包含 error 的例子注意:try…catch 仅对运行时的 error 有效要使得 能工作,代码必须是可执行的,必须是有效的 JavaScript 代码如果代码包含语法错误,那么原创 2022-06-05 01:08:28 · 3264 阅读 · 0 评论