js
「已注销」
这个作者很懒,什么都没留下…
展开
-
jQuery与原生js的区别
原生JS和jQuery入口函数的加载模式不同原生JS会等到D0M元素加载完毕,并且图片也加载完毕才会执行jQuery会等到D0M元素加载完毕,但不会等到图片也加载完毕就会执行原生的JS如果编写了多个入口函数,后面编写的会覆盖前面编写的jQuery中编写多个入口函数,后面的不会覆盖前面的...原创 2020-07-27 20:44:49 · 214 阅读 · 0 评论 -
ES6新特性详解
ES 6 新特性let 关键字let 关键字用来声明变量,使用 let 声明的变量有几个特点:不允许重复声明块儿级作用域不存在变量提升不影响作用域链以后写js声明变量都用letconst 关键字const 关键字用来声明常量,const 声明有以下特点声明必须赋初始值标识符一般为大写(潜规则)不允许重复声明常量值不允许修改块儿级作用域注意: 对象属性修改和数组元素变化不会出发 const 错误声明对象类型使用 const,非对象类型声明选择 let变量的解构原创 2020-07-25 19:10:21 · 1024 阅读 · 2 评论 -
ECMASript 相关介绍
ECMASript 相关介绍什么是 ECMAECMA(European Computer Manufacturers Association)中文名称为欧洲计算机制造商协会,这个组织的目标是评估、开发和认可电信和计算机标准。1994 年后该组织改名为 Ecma 国际。什么是 ECMAScriptECMAScript 是由 Ecma 国际通过 ECMA-262 标准化的脚本程序设计语言。什么是 ECMA-262Ecma 国际制定了许多标准,而 ECMA-262 只是其中的一个,所有标准列表查看原创 2020-07-25 15:11:43 · 182 阅读 · 0 评论 -
js中什么是回调函数
什么是回调函数?1).你定义的2).你没有调3).但最终它执行了2.常见的回调函数?dom事件回调函数定时器回调函数ajax请求回调函数生命周期回调函数原创 2020-07-23 20:53:01 · 244 阅读 · 0 评论 -
js中的函数提升与变量提升
函数提升优先级比变量提升要高,且不会被变量声明覆盖,但是会被变量赋值覆盖。先声明一个a变量,再定义一个函数a输出为:把变量a赋个值:结果为:说明函数提升优先级高于变量提升,可不要在这掉坑里了哦!!!...原创 2020-07-23 19:43:02 · 151 阅读 · 0 评论 -
js中的BOM入门
什么是BOM浏览器对象模型BOM可以使我们通过js来操作浏览器在BOM中为我们提供了一组对象,用来完成对浏览器的操作BOM对象Window(窗口):代表的是浏览器的窗口,同时window也是网页中的全局对象Navigato(浏览器的意思):代表当前浏览器的信息,通过该对象可以来识别不同的浏览器Location(地址):代表当前浏览器的地址栏信息,通过Location可以获取地址信息,或者操作浏览器跳转页面History:代表浏览器的历史记录,可以通过该对象来操作浏览器的历史记录,由原创 2020-07-22 21:08:24 · 169 阅读 · 0 评论 -
js鼠标拖拽
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #box1{ width: 100px; height: 100px; background-color: red; position: absolute; }原创 2020-07-22 17:47:22 · 158 阅读 · 0 评论 -
js事件的传播
事件的传播关于事件的传播网景公司和微软公司有不同的理解微软公司认为事件应该是由内向外传播,也就是当事件触发时,应该先触发当前元素上的事件,然后再向当前元素的祖先元素上传播,也就说事件应该在冒泡阶段执行。网景公司认为事件应该是由外向内传播的,也就是当前事件触发时,应该先触发当前元素的最外层的祖先元素的事件,然后在向内传播给后代元素W3C综合了两个公司的方案,将事件传播分成了三个阶段1.捕获阶段在捕获阶段时从最外层的祖先元素,向目标元素进行事件的捕获,但是默认此时不会触发事件2.目标阶段事原创 2020-07-22 16:05:25 · 206 阅读 · 0 评论 -
js事件的委派
事件的委派指将事件统一绑定给元素的共同的祖先元素,这样当后代元素上的事件触发时,会一直冒泡到祖先元素从而通过祖先元素的响应函数来处理事件。事件委派是利用了冒泡,通过委派可以减少事件绑定的次数,提高程序的性能案例及说明:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script type="text/javas原创 2020-07-22 14:57:00 · 464 阅读 · 1 评论 -
js事件的冒泡(Bubble)
事件的冒泡(Bubble)所谓事件的冒泡就是指事件的向上传导,当后代元素上的事件触发时,其祖先元素的相同事件也会被触发在开发中冒泡是有用的,如果不希望发生事件冒泡可以通过事件对象来取消冒泡语法 : 对象 . cancelBubble = true...原创 2020-07-22 14:28:09 · 265 阅读 · 0 评论 -
js中的原型prototype,js中的私有属性与公有属性
原型prototype(公有属性)我们所创建的每一个函数,解析器都会向函数中添加一个属性prototype这个属性对应着一个对象,这个对象就是我们所谓的原型对象如果函数作为普通函数调用prototype没有任何作用当函数以构造函数的形式调用时,他所创建的对象中都会有一个隐含得属性,指向该构造函数的原型对象,我们可以通过______proto__来访问该属性原型对象就相当于一个公共的区域,所有同一个类的实例都可以访问到这个原型对象,我们可以将对象中共有的内容,统一设置到原型对象中当我们访问对象的一原创 2020-07-21 17:54:32 · 567 阅读 · 0 评论 -
js中的面向对象(类/构造/构造函数)
自定义对象创建对象1、使用new关键字调用的函数,是构造函数constructor,构造函数是专门用来创建对象的函数var obj = new Object();console.log(typeof obj);//返回Object在对象中保存的值称为属性,向对象中添加属性语法:对象.属性名 = 属性值;var obj = new Object();obj.name = "孙悟空";//添加一个name属性obj.gender = "男";//添加一个gender属性obj.age =原创 2020-07-21 17:48:00 · 407 阅读 · 0 评论 -
js中的数组全部方法及用法
数组(Array)数组也是一个对象他和我们普通的对象功能相似,也是用来存储一些值的不同的是普通对象是使用字符串作为属性名的,而数组是使用数字作为索引来操作对象索引:从零开始的整数就是索引数组的存储性能比普通对象要好,在开发中我们经常使用数组来储存一些数据创建数组对象**语法:**数组[索引] = 值var arr = new Array();console.log(arr);//输出"" 空的,因为里面没有元素arr[0] = 10;arr[1] = 33;原创 2020-07-21 17:36:14 · 932 阅读 · 0 评论 -
通过DOM修改css的属性
通过JS修改元素的样式:语法:元素.style.样式名 = 样式值注意:如果CSS的样式名中含有-,这种名称在JS中是不合法的比如background-color需要将这种样式名修改为驼峰命名法,去掉-,然后将-后的字母大写我们通过style属性设置的样式都是内联样式,而内联样式有较高的优先级,所以通过JS修改的样式往往会立即显示但是如果在样式中写了!important,则此时样式会有最高的优先级,即使通过JS也不能覆盖该样式,此时将会导致JS修改样式失效所以尽量不要为样式添加!原创 2020-07-13 13:22:28 · 643 阅读 · 0 评论 -
DOM入门及增删查改
什么是DOMDOM全称Document Object Model文档对象模型Js中通过DOM来对HTML文件进行操作,只要理解DOM就可以随心所欲的操作WEB页面文档文档表示的就是整个HTMl网页文档对象对象表示将网页中的每一个部分都转换为了一个对象模型使用模型来表示对象之间的关系,这样方便我们获取对象模型HTML DOM 模型被结构化为对象树:[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-0nr5Kg2d-15943831242原创 2020-07-10 20:13:06 · 481 阅读 · 0 评论 -
html小结
一,HTML是什么1,什么是HTML?超文本标签语言什么是超文本?文字,图片,视频,音频,程序,链接…问:html本身是纯文本还是超文本?答:本身是纯文本二,HTML的基本语法1,HTML的基本骨架?<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>标题</title> &原创 2020-07-10 20:10:20 · 81 阅读 · 0 评论 -
通俗易懂简单自学javascript基础
Javascript基础基本知识:控制浏览器弹出一个警告框alert("帅帅帅")让浏览器在界面中输出一个内容(向body中输出一个内容)document.write("你好!!!")向控制台输出一个内容console.log("控制台你好!!!")可以将js代码写到标签的onclick属性中。不方便维护,不推荐使用。<button onclick="alert('点我干嘛--');">点我点我</button>可以将js代码写在超链接原创 2020-07-10 20:09:35 · 399 阅读 · 0 评论 -
js函数
函数函数也是一个对象函数中可以装一些功能(代码),在需要时可以执行这些功能(代码)创建函数对象var fun = new Function();console.log(typeof fun);//返回function可以将要封装的代码以字符串的形式传递给构造函数;var fun = new Function("console.log('这是一个函数');");console.log(fun);//返回警告 封装到函数中的代码不会立即执行,函数中的代码会在函数调用时执行在开发中原创 2020-07-10 20:07:02 · 101 阅读 · 0 评论 -
js基础练习
js基础练习题乘法表打印1-100中所有的质数定义一个函数,判断一个数字是否是偶数,如果是则返回true,否则返回false定义一个函数,可以根据半径计算一个圆的面积,并返回计算结果数组练习,将其中岁数大于18的函数提取出来放入另一个数组中并返回去除数组中重复的数字创建一个正则表达式,用来检测一个字符是否是一个核合法机号用正则表达式检测电子邮件格式//乘法表 var a , b; for(a = 1 ; a <= 9 ; a++){ for(b = 1 ;原创 2020-07-10 20:04:52 · 578 阅读 · 0 评论 -
js中的对象
js中的对象除了五种基本数据类型外还有一个引用数据类型:Object 对象(以后我们看到的值,只要不是五种基本数据类型的,全都是对象)如果使用基本数据类型的数据,我们所创建的变量都是独立的,不能成为一个整体,例如:var name = "孙悟空";var gender = "男";var age = "18";//这三个数据毫无关联,互相独立Js中的变量都是保存到栈内存中的基本数据类型的值直接在栈内存中存储,值与值之间是独立存在的,修改一个变量不会影响到其他变量[外链图片转存失败,原创 2020-07-10 20:03:40 · 271 阅读 · 0 评论 -
JS中的作用域(Scope)
作用域作用域指一个变量的作用范围在JS中有两种作用域1.全局作用域2.函数作用域全局作用域直接编写在script标签中的js代码,都在全局作用域全局作用域在页面打开时创建,在页面关闭时销毁在全局作用域中,有一个全局对象window,我们可以直接使用 他代表的是一个浏览器端口,他由浏览器创建,可以直接在浏览器中使用在全局作用域中, 创建的变量都会作为window对象的属性保存 创建的函数都会作为win原创 2020-07-10 20:01:49 · 177 阅读 · 0 评论 -
js中的this
解析器在调用函数每次都会向函数内部传递一个隐含的参数这个隐含的参数就是this,this指向的是一个对象这个对象我们称为函数执行的上下文对象根据函数的调用方式的不同,this会指向不同的对象 1.以函数的形式调用时,this永远都是window 2.以方法的形式调用时,this就是调用方法的那个对象 3.当以构造函数的形式调用时,this就是新创建的那个对象var name = "全局";function fun(){ console原创 2020-07-10 19:59:09 · 68 阅读 · 0 评论 -
js中的垃圾回收
垃圾回收就像人生活的时间长了会产生垃圾一样,程序运行过程也会产生垃圾垃圾积攒过多以后,会导致程序运行速度过慢,所以我们需要一个垃圾回收的机制,来处理程序运行过程中产生的垃圾当一个对象没有任何变量或属性对他进行引用时,此时我们将永远无法操作该对象此时这种对象就是一个垃圾,这种对象过多会占用大量的内存空间,导致程序运行变慢;所以这种垃圾必须进行清理在js中拥有自动回收垃圾的机制,会自动将这些垃圾对象从内存中销毁我们不需要也不能进行垃圾回收操作我们需要做的只是将不再使用的对象设置nul原创 2020-07-10 19:57:49 · 88 阅读 · 0 评论 -
js中的流程控制语句
流程控制语句Js中的程序是从上到下一行行执行的通过流程控制语句可以控制程序执行流程,使程序可以根据一定的条件来选择执行语句的分类:1、条件判断语句2、条件分支语句3、循环语句条件判断语句使条件判断语句可以在执行某个语句之前进行判断,如果条件成立才会执行语句,条件不成立则语句不执行。if语句语法一: if(条件表达式) {原创 2020-07-10 19:55:54 · 234 阅读 · 0 评论 -
js中的正则表达式
正则表达式正则表达式用于定义一些字符串的规则计算机可以根据正则表达式,来检查一个字符串是否符合规则获取字符串中符合规则的内容提取出来创建正则表达式的对象语法:var 变量 = new RegExp(“正则表达式”,“匹配模式”)test():用于检查一个字符串是否符合正则表达式的规则,符合返回true,不符合返回false这个正则表达式可以来检查一个字符串中是否含有avar reg = new RegExp("a");var str = "a";console.log原创 2020-07-10 19:46:11 · 125 阅读 · 0 评论