weixin_49806196的博客

原创 异步的原理与各个阶段

异步同一时间，执行多个任务代码回调 （callback）地狱setTimeout(function(){ console.log(1); setTimeout(function(){ console.log(2); setTimeout(function(){ console.log(3); setTimeout(function(){ console.log(4);

原创 执行期上下文

执行期上下文EC—Execution Context执行期上下文作用：代码执行之前的准备工作，确定当前环境下标识符（变量、常量、数组、函数、对象等）的取值，this的指向执行期上下文分类：1.全局执行上下文2.函数执行上下文3.eval上下文(了解)储存数据：栈：存储引用数据类型的地址和基本数据类型，即数值型、字符型等。堆：存储引用（复杂）数据类型，即对象、数组等。执行上下文的生命周期：1.创建GO/AO2.预编译：变量和函数的提升3.执行：执行函数体的代码（改变当前变量和全局变

原创 JSON与本地存储

本地存储同源情况下：浏览器关闭即销毁储存的书写格式：sessionStorage.getItem(键名,键值);在起始页面存储：//基础数据let aliangArr = [ { name: "aliang", age: 20, like: "游戏，睡觉，干饭" }, { name: "erxiong", age: 22, like: "游戏，睡觉，干饭" },];// 数组转JSON格式let arr= JSON.stringify(aliangArr);//设置属性

原创 事件委托与常用事件类型

事件代理//委托将事件绑定到父元素或者祖先元素，当子元素或者后代元素触发事件时，执行事件代理的函数注：事件处理函数中的this指向是绑定的元素节点适用场景：1.多个子元素，绑定相同事件类型、执行同一个事件处理函数2.子元素是动态nodeName元素名大写localName元素名小写let olEle = document.querySelector("ol");olEle.addEventListener("click", function (e) { if(e.target.node

原创 2021-05-16

封装函数：可以实现一定的功能把可以实现一定功能的代码，封装成一个函数声明函数:1、字面量声明书写格式： 关键字 标识符（函数名） 小括号 {代码块（函数体）}​ function lpj () {代码块}// 创建函数function lpj(){ console.log(`您当前余额为：1000元`);}调用函数（执行函数体

原创 数组的splice方法与冒泡排序、选择排序

数组修改数据数组.splice（参数1,参数2,参数3…参数n）splice会修改原数组1个参数：从这个参数的下标截取到最后一个值，存储为一个新数组返回2个参数：第1个参数：起始下标第2个参数：截取的个数3个下标：第1个参数是起始下标，第2个参数是截取的个数（0代表插入，非0表示修改），第3个参数及第3个参数以后的内容，都是插入或修改的值// 1个参数：// 从这个参数的下标截取到最后一个值，存储为一个新数组返回let aliang01 = ["A","B","C","E","F"];le

原创 JS基础小练习---判断闰年与99乘法表

判断闰年刚进入JS的小伙伴，可以练习一些开发逻辑思维的小流程，今天分享两个适合萌新的练习小程序注：因为是在node环境下运行，所以应该需要先获取客户输入const rs = require("readline-sync");判断闰年的流程// 【判断范围内的闰年】//声明变量let start = true;//状态值let maxNum = 0;//最大值let minNum = 0;//最小值let shuru;//输入之后的转态// 判断执行代码while (start) {

原创 简单动画（过渡）与复杂动画

过渡与动画简单动画—过渡（transition）简单动画通常称之为过渡（transition）一定时间内，从一个值变化到另一个值transition-property过渡的属性（all表示所有可过渡属性）注：需要过渡的属性必须给固定值，即不能给autotransition-duration过渡的时间 transition-duration: 30ms; transition-property: width height;transition-timing-function过渡

原创 原生CSS常用背景属性与文本内容颜色取值说明

CSS常用的声明属性与其属性值背景类1.1background-image ：url("") 背景图引用路径url可以引用多张图片，每张图片用逗号隔开1.2background-image:linear-gradient() 背景色渐变色（线性渐变）background-image: linear-gradient(to right bottom, skyblue, yellow 40px,red 80px);1.2.1 background-image:repeating-lin

原创 CSS的层叠机制原理

CSS层叠机制声明冲突当同一个标签，它的声明属性名相同，属性值不同，则产生“声明冲突”如果发生声明冲突，浏览器会自动触发“层叠机制”什么是层叠：层叠是一种机制，用于解决css声明冲突层叠的过程：1比较优先级2比较特殊性3比较源次序比较优先级：每一个声明都有一个优先级当发生冲突时，优先级高的会保留，优先级低的会淘汰一个声明的优先级，与它的来源与重要性有关： 设置重要性是在某条重要的声明后添加:!important color: darkblue !important;

原创 JS高级---后台初步搭建

Web应用、http协议、发送请求与响应请求浏览器端模块化规范单线程、异步

原创 H5 API

HTML5 APIA:Appli cation 应用P:process 进程（程序）I:Interfale 接口多媒体多媒体video标签中，poster属性，添加画面第一针的画面注：需要关闭autoplay（自动播放属性）<!-- autoplay属性关闭 --> <video src="./video/loop.mp4" controls muted loop poster="./img/猫和老鼠.gif"></video>

原创 JS高阶---面向对象、原型（原型链）、this指向等

面向对象（扩展：深浅拷贝）面向对象三大特征原型与原型链this的指向

原创 JS高级

原创 JS高阶----执行及上下文

原创 各种事件类型知识点总结

焦点事件 鼠标事件键盘事件页面事件

原创 2020-10-08

原创 2020-09-26

原创 2020-09-20

原创 2020-09-13

原创 2020-09-06

![在这里插入图片描述](https://img-blog.csdnimg.cn/20200906212410608.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80OTgwNjE5Ng==,size_16,color_FFFFFF,t_70

原创 2020-08-16

原创 2020-08-09

新人第二周知识点

原创 2020-08-02

List item