JavaScript
文章平均质量分 91
椰果uu
严于律己 软件工程普本大三 记录自己前端学习路程,后续也会分享自己的求职历程,分享自己的经验和心得
展开
-
ES6(三):Iterator、Generator、async、类的用法、类的继承
形式上,Generator 函数是一个普通函数,但是有两个特征。一是,function关键字与函数名之间有一个星号;二是,函数体内部使用yield表达式,定义不同的内部状态。Generator函数的写法:function* fn() {yield},yield相当于return。Generator 函数的调用方法与普通函数一样,也是在函数名后面加上一对圆括号。原创 2023-12-08 13:00:32 · 81 阅读 · 0 评论 -
ES6(二):解构赋值、Symbol、Map和Set、数组的扩展方法
和Set类似,Map解决的是传统Object对象里只能用字符串作为键的缺陷,它类似于对象,也是键值对的集合,但是“键”的范围不限于字符串,各种类型的值(包括对象)都可以当作键。of循环进行遍历,唯一的区别是keys()是对键名的遍历、values()是对键值的遍历,entries()是对键值对的遍历。这两个内置对象最大的区别,我认为是Set是只有值没有键,Map是键值对,而且键可以为任意类型(不局限于字符串,键可以是字符串、数组、undefined、甚至函数等等)其本身是个构造函数,是个内置对象。原创 2023-12-05 21:08:24 · 31 阅读 · 0 评论 -
ES6(一):let和const、模板字符串、函数默认值、剩余参数、扩展运算符、箭头函数
ECMAScript 和 JavaScript 的关系是,前者是后者的规格,后者是前者的一种实现(另外的 ECMAScript 方言还有 JScript 和 ActionScript)。日常场合,这两个词是可以互换的。ES6 既是一个历史名词,也是一个泛指,含义是 5.1 版以后的 JavaScript 的下一代标准,涵盖了 ES2015、ES2016、ES2017 等等。原创 2023-12-04 15:06:10 · 55 阅读 · 0 评论 -
PC特效:offset和拖动模态框
pageX: 页面X坐标位置pageY: 页面Y坐标位置offsetX:鼠标坐标到元素的左侧的距离offsetY:鼠标坐标到元素的顶部的距离offsetLeft: 该元素外边框距离包含元素内边框左侧的距离offsetTop:该元素外边框距离包含元素内边框顶部的距离如果没有父亲或者父亲没有定位,则以body为准注意获取的是不带单位的数值!!!!!原创 2023-12-03 19:57:04 · 24 阅读 · 0 评论 -
BOM(二):同步和异步、location对象、navigator对象、history对象
本质区别是执行顺序不同。下面执行的结果是什么?答案是123下面这个也是123下面这个什么原因?简单来说,异步任务里面放的是函数。原创 2023-11-30 18:39:41 · 19 阅读 · 0 评论 -
DOM(四):注册和删除事件、DOM事件流、事件对象、事件委托、键盘鼠标事件
第一种:传统注册事件也就是我们之前常用的 第二种:方法监听注册事件 语法是下面这样,注意事件类型onclick一定要去掉on,里面类型是字符串,一定要加引号 二者的区别:传统方法同一个元素只能添加一个监听器,如果添加多个会被后面的覆盖;第二种方法同一个元素,同一个事件可以添加多个监听器(function里面的东西就叫监听器),按顺序依次执行。比如有两个div 第一种:传统注册事件删除事件用this.onclick = null; 第二种:方法监听注册事件删除事件用this.removeEve原创 2023-11-24 19:41:15 · 139 阅读 · 0 评论 -
DOM(三):节点操作——获取父子兄节点、节点的增删;案例动态生成表格
在 HTML DOM 中,所有事物都是节点。DOM 是被视为节点树的 HTML。网页中的所有内容都是节点(标签、属性、文本、注释等),在DOM中,节点使用node来表示。HTML DOM树中的所有节点均可通过JavaScript进行访问,所有HTML元素(节点)均可被修改,也可以创建或删除。整个文档是一个文档节点每个 HTML 元素是元素节点HTML 元素内的文本是文本节点每个 HTML 属性是属性节点注释是注释节点。原创 2023-11-17 20:10:00 · 153 阅读 · 0 评论 -
DOM(二):操作元素---案例,自定义属性,tab栏切换,H5自定义属性
规格与包装原创 2023-11-16 13:56:07 · 117 阅读 · 0 评论 -
DOM(一):获取元素(查)、事件基础、操作元素(核心)
文档对象模型(Document Object Model,简称DOM),是W3C组织推荐的处理可扩展标记语言(HTML或者XML)的标准编程接口。W3C已经定义了一系列的DOM接口,通过这些DOM接口可以改变网页的内容、结构和样式。DOM主要是针对元素的操作:创建、增删改查、属性操作、事件操作。原创 2023-11-15 12:25:07 · 75 阅读 · 0 评论 -
JavaScript(六):简单数据类型和复杂数据类型,栈和堆,内存分配,传参
简单类型又叫做基本数据类型或者值类型,复杂类型又叫做引用类型。值类型:简单数据类型/基本数据类型,在存储时变量中存储的是值本身,因此叫做值类型string , number , boolean , undefined , null引用类型:复杂数据类型,在存储时变量中存储的仅仅是地址(引用),因此叫做引用数据类型通过new关键字创建的对象(系统对象、自定义对象),如Object、Array、Date等比较特殊的是简单数据类型null,返回的是一个空的对象。原创 2023-11-09 17:42:00 · 86 阅读 · 1 评论 -
JavaScript(五):内置对象--Math对象、日期对象、数组对象、字符串对象
1.pop是删除数组的最后一个元素,一次只能删除一个元素2.pop(),没有参数,直接写就可以3.pop完之后返回的结果是删除后的那个元素4.原数组也会发生变化//yhg//[3,4,5]原创 2023-11-09 15:41:53 · 46 阅读 · 1 评论 -
JavaScript(四):预解析、对象
在JavaScript中,对象是一组无序的相关属性和方法的集合,所有的事物都是对象,例如字符串、数值、数组、函数等。对象是由属性和方法组成的。·属性:事物的特征,在对象中用属性来表示(常用名词)方法:事物的行为,在对象中用方法来表示(常用动词)原创 2023-11-07 21:12:19 · 46 阅读 · 0 评论 -
JavaScript(三):函数,作用域
函数就是封装了一段可被重复调用执行的代码块,通过此代码块可以实现大量代码的重复使用。注意:(1)function是声明函数的关键字,必须小写;(2)由干函数一般是为了实现某个功能才定义的,所以通常我们将函数名命名为动词,比如getSum。函数的使用:分为两步(1)声明(2)调用sayHi();原创 2023-11-06 20:05:51 · 72 阅读 · 0 评论 -
JavaScript(二):流程控制语句、数组
流程控制语句,数组原创 2023-11-06 14:57:22 · 35 阅读 · 0 评论 -
JavaScript(一):变量,数据类型,运算符
声明及初始化更新变量及输入多个变量特殊情况命名规范。原创 2023-10-30 17:20:35 · 39 阅读 · 1 评论