Teacher水-CSDN博客

原创 Promise和事件的同步异步

js是一个异步开发语言什么是异步呢，很好理解，一般的我们的代码执行的顺序是同步的，也就是执行完这条代码再执行下一条代码，而异步就是我们在某个时间点执行某个代码，而不是顺序执行创建一条我们比较熟的预加载，这里就是一个典型的异步操作 var set=new Set(); for(var i=2;i<5;i++){ var img=new Image(); img.src="./img/"+i+"-.jpg";

2020-12-29 20:50:30 352

原创正则表达式

正则表达式：语法字面量定义var reg1=/a/g /正则表达式内容/修饰符构造函数定义var reg2=new RegExp("a","g")/正则表达式内容/修饰符正则表达式内容，用于匹配字符串对应的内容var str=“abcdef” /cde/ 匹配字符cde修饰符针对匹配做一系列的扩展1.全局g2.大小写不区分 i3.多行m修饰符可以使用多个，修饰符可以使用多个地方，而且不需要区分顺序。正则表达式作用：1.将所有的字符串，中的内容的字符完成替换，查找

2020-12-17 14:01:55 309

原创关于纯JS写拖拽

这里列举拖拽的三个版本版本1比较理解的版本，但是bug较多 var div1=document.querySelector(".div1"); var bool=false; var offset={x:0,y:0} div1.onmousedown=function(e){ bool=true; offset.x=e.offsetX; offset.y=e.offset

2020-12-16 08:53:17 96

原创 mouseEvent，foucs事件和input事件

在mouseEvent之前还有几个小事件5.submit，reset：只针对表单form，表单里的东西不针对这里面有个属性e.preventDefault取消事件默认行为。6.resize和scroll：针对窗口调整大小。也就是针对window首先了解一个概念em，和rem： 1em 就是父元素的字体大小 1rem 根节点html标签的fontSize大小scroll当滚动条滚动时，触发事件resizeMouseEvent事件

2020-12-15 20:39:13 421

原创事件的原理和event事件

事件的原理事件的原理有是哪个阶段：捕获阶段，目标阶段，冒泡阶段从外向内找到目标从内向外事件的冒泡如果有三个元素，三个元素都做监听了，如果容器内的元素被点击，元素的所有父容器都会接收到点击事件（必须是它所有的父容器都做了侦听），这个就叫做事件的冒泡。// 触发顺序不同// 通过阻止冒泡可以和捕获阶段配合，让中间层首先触发事件// div0.addEventListener(“click”,clickHandler0,false); 这里的事件回调函数还有第三个参数，

2020-12-15 19:30:41 471

原创事件的原理以及关于框架的底层原理

事件的基础一，事件：整个JavaScript 的核心JavaScript是一个事件驱动性语言，全靠事件驱动来执行函数。其中包括两大类1.侦听事件2.抛发事件那么如何完成事件的侦听和抛发呢？侦听事件抛发事件所有继承EventTarget类别的都是可以抛发和侦听事件的，类似于打电话和接电话，事件对象 var o=new EventTarget(); 侦听事件

2020-12-13 19:57:44 203

原创 DOM的属性和样式

一，DOM 的属性标签上的属性和对象属性是两组数据，系统默认的标签属性绝大多数都是支持成为属性。标签默认属性不共通：class 其中name只属于表单元素的系统默认属性。标签属性的命名规范：所有属性不能使用大写，都必须是小写，单词与单词之间使用-连接属性值必须使用字符串，也不支持大小写。定义标签属性有两种，一种直接描述在标签属性上，另一种通过js来完成 div.setattribute（"属性名"，"想要设置的属性值"）用来设置标签属性 div.getattribute（“属性名”

2020-12-13 18:06:14 2877

原创字符串的分割和截取

一，字符串方法中的分割和截取分割截取的方法有很多 str.substring()截取：不允许使用负数，如果是负数就是0，这个可以从后向前截取 str.substr(从..开始，截取长度)：从第几个位置开始截取固定的长度。 str.split("")使用对应的分隔符将字符串转换为数组。 str.trim()去掉字符串前后的空格；小练习，用分割打印一个随机的颜色 function randomColor(){ var col="rgb(";

2020-12-13 14:53:27 1188

原创关于DOM节点

dom的简单介绍作为bom下的分支，文档指的是当前文本框内部的窗口，在控制台写入的所有东西例如 console.log(document); console.log(document.documentElement);//html标签 console.log(document.head); console.log(document.body); console.log(document.styleSheets);//CSS

2020-12-13 14:51:58 110

原创关于BOM的一些简单介绍

BOM文档Browser Object Model BOM 浏览器对象模型Document Object Model DOM 文档对象模型BOM是js的整体，而BOM包含DOM window 根节点 window.document 文档 DOM的根节点 window.location 本地 window.history 历史 window.screen 屏幕 wind

2020-12-13 12:52:39 91

原创字符串方法，Number方法，date方法

一，字符串创建字符串var str=“abcde”;//字面量存在栈中var str1=new String(“abcde”);//构造函数存在堆中字符串的方法和属性str.length//长度字符串有多少个字符，字符串包括字符串长度都是不可以直接修改的,只读属性str.charAt()获取字符串下标所对应的字符str.charCodeAt()获取字符串下标所对应的字符Unicode编码str.concat()拼接字符串indexOf lastIndexOf 和数组的使

2020-12-12 14:54:26 201

原创 JS核心之数组及其方法

数组的概念一，数组的创建var arr=[1,2,3,4,5]; //数组是一个引用类型构造函数创建法var arr=new Array(1,2,3,4,5);var arr=new Array(5);var arr=new Array(-4);var arr=new Array("a");如果创建时仅有一个参数并且是正整型，那么这个数值就是这个数组要开辟空间的长度也就是这个数组有多少个空元素，如果仅有一个参数并且是数值，非正整数就会报错，如果仅一个参数，并且是非数值，这

2020-12-12 14:46:23 206

原创案例：完成一个简单的计算器

2020-12-12 12:04:56 137

原创关于函数的递归，回调和return

一，return1.跳出函数，不再执行函数后面的语句2.返回数据，但是仅能返回一个数据function fn(){} var a=fn();//函数默认返回undefined console.log(a);工程模式的概念纯函数纯函数函数中仅使用外部给入的参数，其它外部变量或者内容不使用并且不能引起其它外部内容的副作用// 重点在使用了局部变量 function fn(a,b){ var obj={a:a,b:b}; obj.c=a+b; retu

2020-12-12 12:01:47 991

原创 JS中的对象和函数。

一，对象object什么是对象呢，简单来说，在我们的网页中的所有元素都可以叫对象而js中的对象主要指：一个容器，容器中存储了若干个元素，这些元素都通过名称和值这种方式存储名称–>key 值–>value 键值对任何数据结构都无法超越对象的键值查找速度key 的类型必须是字符型或者是symbol通过对象的属性访问值，有两种方法obj.a=10; //key必须是字符，而且必须是确定的字符 obj[“a”]=10;//key可以是任何类型，但是都会被隐式转换成字符串，也可以是

2020-12-12 11:49:31 254

原创 JS中的条件语言

条件语句及其用法一，if语句if：（表达式隐式转换后为true进入语句）例如：var a=3 if（条件）{如果条件为true时进入语句块}注意： i=0 赋值会返回等号右侧的值，i 0比较，是隐式转换后的比较，i有可能是“”，0，false，这三种值都会进入条件i===0精确比较，只有i是0的时候才可以进入条件var obj;if(obj.a){ console.log("a");}//显示undefined 因此如果要判断变量是否存在某个属性，要使用熔断，将判

2020-12-12 11:16:25 222

原创 JS的运算符详解

JavaScript运算符一，算数运算符算术运算符：+，-，*，/，%，分别是加减乘除取模（取余数）在js 中，等于号是一种赋值的结果，是赋值运算，会将等号右边的结果赋值给等号左边用一个var定义多个变量，使用逗号分隔例：var b var a=b=a+3 则先把赋值之后的结果返回给a，再赋值给b所以任何一个运算符都会先将结果返回出来给原本的声明要素，再赋值给后面的结果（在配合循环时，还有个隐式转换，会将返回出来结果自动转换成布尔值，然后计入循环中）等号左侧，不允许出现表达式，运算符只能放

2020-12-12 10:42:59 810

原创 JavaScript的语言基础

字符型 String var a1=“a”，双引号中可以放入utf-8的编码数值型 Number var a1=1 布尔型 B oolean 两个值，a=true；a=false Undefined型未定义型，var a2=undefined；var a2；（未定义初始值）这两个未定义型的写法是有区别的空型Null var a1=null；与undefined型有很大区别对象型 Object var obj={a:1;b:true;c:"a"},这种写法是key->value

2020-12-12 10:05:47 165

weixin_52603337的博客