weixin_49064756-CSDN博客

原创 H5——API

APIAPI：Application(应用) process(进程，程序) Interface(接口)一、多媒体1、暂停和播放A）播放书写格式：视频节点.play()；B）暂停书写格式：视频节点.pause()；let playBtn = document.querySelector(".play");playBtn.addEventListener("click", function () { if (this.dataset.temp == "true") {

2020-11-16 08:57:29 178

原创面向对象

面向对象（Oriented Object）1、面向过程：把解决问题的方法和步骤，一步一步写出来（JS代码）；2、面向对象：Oriented Object （Analysis Design分析设计）把解决问题的方法和步骤中，涉及到的属性和方法，封装成一个构造函数（对象），即对象的抽象一、构造函数构造函数.prototype 指向的是原型对象实例对象.proto 指向的是原型对象1、创建构造函数：和普通函数的书写方式一样（命名以大驼峰方式）创建方式，先创建一个空对象，然后创建这个对象的属性

2020-11-09 09:19:09 113

原创 JS高级入门知识

一、堆，栈1、栈：基本数据类型那他的值就是存储栈里面一个变量名赋值符号右边的是：存储的是基本数据类型的值，或者是引用数据类型的地址2、堆：存储的是引用数据类型的值。一个变量名赋值符号右边的是：引用数据类型那他的值存储在堆里面，他在栈里面存储的值就是在堆里面的地址二、执行上下文分类：EC（execution context）执行上下文功能：代码执行之前准备工作，确定当前环境下变量的取值执行上下文的生命周期：1）、创建 [变量和函数的提升]2）、执行：函数体代码 [改变当前

2020-11-02 16:41:24 120

原创事件

一、事件三要素1、事件源绑定事件的节点2、事件处理函数当点击事件触发时，执行的代码（函数）3、事件类型（单击，hover，move）DOM1 写法let divEle = document.querySelector('div');divEle.onclick = function () { window.alert('AAA')}DOM2 写法书写格式：元素节点.addEventListener(事件类型，事件处理函数，Boolean)参数3：捕获型（true）、冒泡型

2020-10-25 23:36:51 204

原创 DOM基础

1、DOM 的历史版本DOM 0 1998年以前；DOM 1 1998年；DOM 2 2000年；DOM 3 2004年；DOM 4 2015年2、节点（Node）NodeNameNodeTypeNodeValue元素节点标签名1null属性节点属性名2属性值文本节点#text3文本内容3、获取节点的方式<ul id="liebiao"> <li>01</li> <l

2020-10-25 23:35:17 79

原创 BOM的属性与方法

BOMBOM:Browser Object Model 浏览器对象模型；只要打开一个浏览器，就会创建一个window对象一、window是一个全局对象属性只能识别 var 声明的,方法只能识别字面量声明的函数let i = 10;console.log(i); // 10console.log(window.i); // undefinedvar j = 20;console.log(j); // 20console.log(window.j); // 20const k = 30

2020-10-21 17:55:25 200

原创对象与内置对象的属性方法

Object 对象一、声明对象的方式1、字面量声明书写格式：关键字标识符赋值符号大括号分号 let F70 = {} ；let F70 = {};console.log(F70,typeof F70); // {} object// 对象的初始化{// 属性名1：属性值1，// 属性名2：属性值2，// ...// 属性名n：属性值n，// 方法名1：function（）{代码块}，//

2020-10-21 17:32:04 193

原创正则表达式的书写与使用方式

正则表达式一、正则表达式的功能：描述一个字符串的匹配模式，即判断用户输入的内容是否符合设置的规则二、字面量声明1、书写格式：关键字标识符赋值符号 /规则/； let re = / / ；let re = /a/;2、使用方式let str = '1a23';let re = /a/g;1、书写格式1：正则.test(字符串)；返回Boolean值，即字符串是否满足正则的规则。console.log(re.test(str)); // true

2020-09-20 22:40:25 756

原创初识对象与内置对象

Object 对象一、声明对象的方式1、字面量声明书写格式：关键字标识符赋值符号大括号分号 let F70 = {} ；let F70 = {};console.log(F70,typeof F70); // {} object// 对象的初始化{// 属性名1：属性值1，// 属性名2：属性值2，// ...// 属性名n：属性值n，// 方法名1：function（）{代码块}，//

2020-09-20 22:37:41 109

原创数据结构-集合

一个标识符（集合Set），可以存储多个数据，数据不能重复。集合与数组的区别，集合的内容具有唯一性(全等匹配)声明集合构造函数声明集合let F70 = new Set(F71);集合赋值let F71 =[];let F70 = new Set(F71);// 集合赋值F70.add(1);F70.add(2);F70.add(1);F70.add("1");F70.add("1");// 使用集合console.log(F70);// Set { 1, 2, '1

2020-09-16 18:48:38 87

原创数据结构——数组，及数组的属性与方法

数据结构——数组数组基本基础一、功能：一个标识符，存储多个数据。二、声明数组的方式：**【字面样式名】**书写格式：关键字标识符赋值符号中括号分号 let F70 = [ ] ; 构造函数的声明书写格式 let F71 = new Array();字面量与构造函数的区别字面量的解析效率比构造函数高，原因：字面量属于JSON格式，可以直接被JS进行解析。构造函数需要先调用构造函数，在进行JS引擎解析三、赋值（注：每

2020-09-16 18:47:16 232

原创变量【标识符】

变量【标识符】一、JavaScript ECMA CMAscript ES5 ES6 版本号专业术语【标识符】二、创建变量 ES5，书写格式：关键字（词），标识符（变量名），分号例子： var F70 ; ES6，书写格式：关键字（词），标识符（变量名），分号例子： let F71 ; 命名规则：硬性要求：不能以数字开头。可以

2020-09-06 21:22:48 867

原创条件分支语句作用域

条件分支语句作用域一、条件分支语句【单分支】书写格式：if (判断条件) { 代码块}if (true) { console.log(1);//1 let i = 3 console.log(i+2);//5}功能：当条件位真是执行大括号里面的代码块，反之不执行。【双分支】书写格式：if (条件) { 代码块} else { 代码块}；if (F70>=100) { console.log(--F70);}e

2020-09-06 21:20:59 187

原创 CSS工程化书写简单方式

CSS工程化创建变量书写格式： $变量名称：具体的值（可以多个值，分隔符是空格） $F70:red; $F71:1px solid; $F72: 0 auto;创建变量书写格式： @ximin 混合器名称{css代码块} @mixin F73 { display: flex; justify-content: space-between; align-items: center; }使用混合器书写格式：@include 混合器名称；创

2020-08-30 15:25:51 107

原创定位

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！这是你第一次使用 Markdown编辑器所展示的欢迎页。如果你想学习如何使用Mar

2020-08-09 22:16:54 47

weixin_49064756的博客