肉肉是超人会飞-CSDN博客

原创 webpack的使用

一、什么是webpack？事实上说webpack是js翻译器是错误的，虽然它可以将import … 等语法翻译成浏览器识别的语法（现在主流浏览器已经可以识别ES6语法，只不过在拆分成多个js文件，再在主页面中引入时需要加上 <script type="module" src='xxx.js'></script>且引入多个js文件后会非常卡）webpack实际上是模块打...

2019-09-07 17:35:45 171

原创案例锦集

首先引入匀速动画函数和变速动画函数&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;例如，点击按钮让元素移动到指定的位置。这里就要用到动画函数。动画函数里面需要用到定时器serInterval(要执行的函数,间隔时间)。&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp

2019-02-24 20:17:11 276

原创如何阻止超链接的跳转

方法一：将html代码与js代码分离<a href="http:www.baidu.com" id="ak">百度</a> <script> document.getElementById("ak").onclick = function(){ alert("阻止成功"); re

2019-02-21 20:35:50 1533 1

原创 DOM中事件的三个阶段

DOM中事件有三个阶段，分别为  1.事件冒泡阶段：当嵌套的元素注册相同的事件时，里面得元素触发了事件，外面的元素的事件也触发了。即执行顺序是从内向外。  2.事件处于目标阶段  3.事件捕获阶段：当嵌套的元素注册相同的事件时，里面得元素触发了事件，外面的元素的事件也触发了。但执行顺序是从外向内。  其中：事件...

2019-01-20 15:29:45 2157

原创前端兼容代码集合

由于不同的浏览器，或者同一个浏览器有不同的的版本问题，相同的代码在不同的浏览器运行会产生不同的效果甚至是错误。所以需要一些兼容代码来保证程序正常运行。...

2019-01-20 13:44:52 441

原创零碎的小知识点

1. 自定义属性无法通过点语法获取，没有存在DOM树中。2. 设置元素属性的方法：元素.style.属性=XXX 元素.className=XXX3. 根节点（文档节点，顶级对象）：document 根元素（文档元素）：html元素元素：文档中所有的标签（element）标签----元素----对象节点...

2019-01-15 23:03:29 162

原创事件

事件：是文档或浏览器窗口中发生的一些特定的交互瞬间，是用户或浏览器自身执行的某种操作。Javascript和HTML之间的交互是通过事件来实现的。浏览器事件发生时不是指单单发生在一个元素上，也发生在嵌套元素上。（比如，点击一个按钮，那么按钮，body元素，html元素，document都发生了事件）事件流：描述的是从页面中接收事件的顺序。包括事件冒泡流和事件捕获流。...

2019-01-14 17:03:48 183

原创设置、获取、移除自定义属性

1. 在标签内部自定义属性2. 在DOM树中添加自定义属性---可以用点语法访问3. 使用setAttribute和getAttribute---在标签中直接设置和获取 setAttribute("属性名"，"属性值")； getAttribute("属性名")；4. 移除自定义属性，移除类...

2019-01-13 20:15:08 469

原创 innerText、innerHTML、textContent

innerText---ie8、火狐、谷歌支持innerHTML---都支持，设置的是标签的内容，获取的是标签的内容textContent---火狐、谷歌支持

2019-01-13 17:30:53 147

原创获取元素的方法

其中3-5是h5的内容，部分浏览器不支持1. 根据id获取元素，返回的是DOM元素 document.getElementById(id的属性值)；2. 根据标签名获取元素，返回的是nodeList伪数组 document.getElementsByTagName(标签名);3. 根据name属性获取元素值，返回的是nodeList伪数组----有n...

2019-01-13 15:12:44 387

原创 DOM中的范围

1.范围：通过范围可以选择文档中的一个区域，不必考虑节点的界限。使用document.createRange()方法可以创建范围（Range类型的实例）。新创建的范围直接与创建他的文档关联在一起，不能用于其他文档。使用Range类型的实例（范围）来选择文档的一部分可以使用selectNode(DOM节点)和selectNodeContents()函数 Range类型的实例的属性和方法...

2019-01-09 22:35:19 401

原创 DOM中的遍历

1. NodeIterator和 TreeWalker。这两个类型能够基于给定的起点对 DOM 结构执行深度优先遍历。 ① NodeIterator类型，有两个方法，nextNode()--在遍历中向前前进一步，previousNode()--在遍历中向后后退一步使用document.createNodeIterator(root,whatToShow,filte...

2019-01-08 18:25:27 268

原创 DOM的扩展

1. 选择符API：核心的方法：querySelector(CSS选择符)、querySelectorAll(CSS选择符)和matchesSelector()。可以通过Document（会在文档范围内查找匹配元素）和Element（在该元素的后代元素的范围内查找匹配元素）类型的实例调用。 ① querySelector()：返回与该模式（CSS选择符）匹配的第一个元素，如果...

2019-01-02 22:34:55 393

原创文档对象模型---DOM（二）

1. Document类型：用来表示文档。在javascript中，① document对象用来表示整个HTML页面。document对象为HTMLDocument（继承自Document类型）的一个实例。② document对象是window对象的一个属性，可以将其作为全局对象来访问。Document类型可以表示HTML页面或者其他基于XML的页面。最常用的还是document对象Doc...

2018-12-30 20:29:54 769

1. DOM（文档对象模型）：针对HTML和XML文档的一个API（应用程序接口）。他描绘了一个层次化的节点树，允许开发人员添加、移除和修改页面的一部分。DOM可以将任何HTML或XML文档描绘成一个由多层节点构成的结构。2. 节点：节点有12种类型，每种类型分别表示文档中不同的信息或标记。每个节点都拥有各自的特点、数据和方法。节点之间也存在某种关系，这些关系构成了层次。所有页面标记（即节点）...

2018-12-27 23:00:51 1274

原创浏览器对象模型---BOM

1. window对象：BOM的核心对象，表示浏览器的一个实例。在浏览器中，window对象有两个角色：① 通过Js访问浏览器窗口的一个接口 ② ECMAScript规定的Global对象。因为window对象扮演着Global对象的角色，因此在全局作用域中声明的变量、函数都会变成window对象的属性和方法。但但，定义全局变量和在window对象上直接定义属性是有区别的。区别...

2018-12-24 22:05:06 128

原创 Js如何构造块级作用域，构造私有变量

众所周知，Js是没有块级作用域的，但可以使用匿名函数来模仿块级作用域。1. for循环中定义的变量，从他有定义开始就可以在函数内随处访问他。可以看出，for循环内定义的变量并没有块级作用域。注意：必须调用函数，函数内的变量才可以声明。2. 用匿名函数来模仿块级作用域（私有作用域）这里在块级作用域（私有作用域）可以访问count的原因是，匿名函数是外部函数的内包。优点：这...

2018-12-23 15:49:48 166

原创闭包

1. 闭包：指有权访问另一个函数作用域中的变量的函数。（最常见的就是一个函数中包含另一个函数）当一个函数被调用时，会创建一个执行环境及相应的作用域链。作用域链中有活动对象。活动对象：作用域链上正在被执行和引用的变量对象。（函数执行完毕后就会被销毁）变量对象：执行环境中包含的所有变量和函数的对象。图例：第一步：createComparisonFunction被...

2018-12-21 18:07:46 111

原创继承---原型链

原型链概念：利用原型，让一个引用类型继承另外一个引用类型的属性和方法。上述图例：上图为完整的原型链。其中，SubType prototype为SuperType 的实例，所以SubType会继承SuperType的属性和方法。而所有函数的默认原型都是Object的实例对象，所以[[prototype]]会Object原型对象。...

2018-12-19 11:30:41 93

原创创建对象的方法

1. 使用Object构造函数 2. 对象字面量方式以上两种方式的缺点是会产生大量重复代码，且封装性较差。3. 工厂模式方式缺点，没办法知道对象的类型4. 构造函数方式用构造函数创建对象的步骤：（1）创建一个新对象（2）将构造函数的作用域赋给新对象（即this指向新对象）（3）执行构造函数中的代码（4）返回新对象5. 原型对象...

2018-12-19 10:44:07 443

原创创建对象-----原型模型

1. 原型对象：通过调用构造函数而创建的对象的实例都有一个原型对象，该原型对象包含同一个构造函数创建的对象所共享的属性和方法。2. prototype属性：创建的每个函数都有一个prototype属性，该属性是一个指针，指向原型对象。3. 使用原型对象的好处是：让所有的对象实例共享他所包含的属性和方法。如： function Person(){ ...

2018-12-18 15:03:13 213

原创基本包装类型

1. 处于读取基本类型的模式时，后台会自动创建实例。如：var s1 = "some text"; var s2 = s1.substring(2); 在后台：（1）创建String类型的一个实例 var s1 = new String("some text"); （2）在实例上调用...

2018-12-11 22:31:24 1272

原创引用类型-----Function类型

1. Function类型：函数是对象，是Function类型的实例，有属性和方法。函数是对象，函数名是指向函数对象的指针。2. 定义函数的方法： ① 函数声明语法定义： function sum(num1, num2){ return num1+num2; ...

2018-12-11 21:46:18 185

原创引用类型----RegExp类型----正则表达式

1. 正则表达式创建方式： ① 字面量的形式创建语法：var expression = / pattern / flags; pattern（模式）：是一个正则表达式。 flags（标志）：可以是一个或多个 ...

2018-12-10 18:22:01 137

原创引用类型----Date类型

1. Date类型使用自UTC（国际协调时间）---即1970年1月1日午夜（零时）开始经过的毫秒数来保存日期。2. Date类型的对象：new Date()；该构造函数如果不传递参数，新创建的对象自动获得当前日期和时间。如果想根据特定的日期和时间创建日期对象，必须传入该日期的毫秒数（从UTC时间1970年1月1日午夜（零时）起至该日期止经过的毫秒数）。 ...

2018-12-09 17:52:47 247

原创引用类型----对象和数组

1. 创建对象：对象（引用类型的值，是引用类型的一个实例）创建Object实例。方法一：使用new操作符后跟Object构造函数。 var person = new Object(); person.na...

2018-12-08 15:31:07 375

原创执行环境及作用域

1. 变量：基本类型和引用类型的值：可以直接操作保存在基本数据类型变量中的值-----基本数据类型值在内存中占据固定大小的空间，因此保存在栈中操作引用数据类型，实际上是操作对象的引用，而不是直接操作内存对象（因为JS不允许直接访问内存中的位置），引用数据类型的值实际上是放在内存中的对象。-----...

2018-12-06 22:32:40 118

原创 JS基本概念（三）

1. 一元操作符 ++在前，是变量的值（++）在语句被求值以前改变。 var age = 29; var anotherAge = --age + 2; age---27 anotherAge---29 ++在后，是包含该操作符的语句被求值后再执行++。 var num1 = 2; var num...

2018-12-03 22:16:11 107

原创 Js基本概念（二）

1. ECAMScript的数据类型基本数据类型：Undefined、Null、Boolean、Number、String 复杂数据类型：Object 0） typeof 操作符 typeof 操作符（不是函数）的操作数可以是变量，也可以是数值字面量。 typeof(message) 或者 typeof message。可能的结果如下： ...

2018-12-01 17:17:12 147

原创 Js基本概念（一）

1. <script></script>元素应该放在<body>元素内。因为如果在<head>元素内，那么所有的Js代码都要被下载、解析、执行完成后才可以呈现页面的内容。即浏览器遇到<body>标签。这样会导致在呈现页面时出现延迟。所有的<script>元素都会按照他们在页面中出现的先后顺序执行。2. 延迟脚本：<s...

2018-12-01 16:31:18 333

原创菜鸟安装jdk环境都配置完了，eclipse也可以运行，但是在命令行输入java显示不是外部或内部命令

由于本人手贱，将jdk卸载了，重新安装结果总是不对。网上找了各种教程都无法解决，最后发现在配置环境变量的path里将两个bin分开写就对了，我也不知道为什么要分开。。。。无奈。。。本人wid10系统...

2018-05-02 17:34:53 1332 1

wurourouzhang的博客