- 博客(33)
- 收藏
- 关注
RSS订阅原创 JavaScript数组问题
解决数组相关问题时得到一些收获，总结在这里。1.给定一个非空整数数组，除了某个元素只出现一次以外，其余每个元素均出现两次。找出那个只出现了一次的元素。 首先看到题的时候最直观的想到就是去查找每个元素在数组中第一次出现和最后一次出现的位置，如果相同则证明 这个元素只出现了一次。所以代码如下/** * V1.0.0 * @param {number[]} nums * @r...
2018-08-31 10:02:18
348
原创 three.js（二）尝试OrbitControls
OrbitControls是用于threejs的轨道控制插件，试了下在threejs里建立坐标系，使用Phong光照模型材质，开启雾化效果。做了个简单的demo.代码如下。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>简
2018-04-23 23:46:11
4041
3
原创 three.js（一）写代码做个球
最近在看three.js，每一步练习的时候用到的代码都记录一下，方便复习。第一个是最简单的球体，代码和效果如下。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Three.js</title>
2018-04-20 10:09:07
3482
原创 ES6-Array对象的扩展
1.Array.from()(1)转换为数组①Array.from()方法可以将类数组对象（所谓类似数组的对象，本质特征只有一点，即必须有length属性。因此，任何有length属性的对象，都可以通过Array.from方法转为数组，而此时扩展运算符就无法转换。）和可遍历(iterable)的对象转化为真正的数组。包括ES6新增的数据结构Set和Map.②常见的类
2016-07-08 12:06:24
2444
原创 ES6-Math对象扩展
ES6在Math对象上新增了17个Math对象的方法。①Math.trunc()Math.trunc()方法用于去除一个数的小数部分，返回整数部分。参数为非数值时，Math.trunc()方法会先用Number()将其转换为数值，若无法获取数值的整数部分，比如字符串或NaN或空值等，会返回NaN.②Math.sign()
2016-07-05 13:21:35
1917
原创 JavaScript执行上下文
1.JavaScript的作用域有三种，全局作用域、函数作用域以及eval()作用域对于函数来说，上下文环境是在调用时创建的，每次函数调用时，都会有一个对应的执行环境(执行上下文)；①对于全局作用域，在执行第一行代码前也会存在一个全局的执行上下文，②对于同一个函数，在被调用多次的时候，每次都会有不同的执行上下文环境，重复调用一万次函数，就会创建一万个这个函数的执行上下文。2
2016-05-30 17:42:07
376
原创 JavaScript中的this
①全局作用域下，this就是window(浏览器环境)(1)全局作用域下创建一个返回this的函数，this仍为全局对象(window);(2)但严格模式规定，全局作用域下的函数中的return this会返回undefined；②只要将函数作为对象方法，this就指向这个对象(1)将函数作为一个对象的方法调用时，this指向拥有这个方法
2016-05-26 23:11:58
391
转载 DOM启蒙——第11章
1.DOM事件概览●DOM事件是指发生某种与DOM中元素、document对象或window对象有关的时刻或者契机。●可以通过HTML内联属性事件处理程序，属性事件处理程序，或者addEventListener()方法布置事件回调。var div=document.querySelector("#warp");//属性事件处理程序div.onclick=function()
2016-05-22 12:04:02
551
转载 DOM启蒙——第十章
1.插入与执行JavaScript●通过引入外部JavaScript文件或者编写内联JavaScript来添加JavaScript到HTML文档。●两种添加JavaScript到HTML文档的方式都需要使用script元素节点，script元素可以包含JavaScript代码或者使用src属性引入外部JavaScript文件链接。●在同一个script标签里引入外部JavaScript
2016-05-18 19:23:06
572
转载 DOM启蒙——第九章
1.CSS样式表●通过使用HTMLLinkElement节点(如)引入外部样式表，或者使用HTMLStyleElement节点(如)来定义内联样式表。P.appendChild(document.createTextNode(": "+document.querySelector("style").constructor));P.appendChild(document.cre
2016-05-14 15:13:40
416
转载 DOM启蒙——第八章
1.DocumentFragment对象概览创建与使用DocumentFragment节点可以在实时DOM树之外提供一个轻量的文档DOM树，把DocumentFragment看作一个空的文档模板，行为与实时DOM相仿但仅在内存中存在，并且它的子节点可以简单的在内存中操作，而后附加到DOM2.使用createDocumentFragment()创建DocumentFragment
2016-05-03 22:39:30
566
转载 DOM启蒙——第七章
1.文本对象概览HTML文档中的文本表现为Text()构造函数的实例。即文本节点。var text=document.querySelector("#txt").firstChild;P.appendChild(document.createTextNode(text.constructor));//Text()Text()构造函数构造文本节点，Text从ChracterD
2016-04-28 19:04:58
703
转载 DOM启蒙——第六章
1.文本对象概览HTML文档中的文本表现为Text()构造函数的实例。即文本节点。var text=document.querySelector("#txt").firstChild;P.appendChild(document.createTextNode(text.constructor));//Text()Text()构造函数构造文本节点，Text从ChracterD
2016-04-21 13:09:33
499
转载 DOM启蒙——第五章
1.CSSOM视图模块中规范了操作元素节点的可视化表象的API。2.获取元素相对于offsetParent的offsetTop及offsetLeft值使用offsetTop和offsetLeft属性可以获取元素节点相对于offsetParent的偏移像素量，这些元素节点属性告诉我们某元素上部与左侧边框最外沿到offsetParent上部与左侧边框内侧的距离，以像素为单位。●of
2016-04-16 21:28:37
378
转载 DOM启蒙——第四章
1.选取特定元素节点取得一个元素节点引用的最常用的方式为●querySelector()●getElementById()querySelector()返回文档中符合传入选择器的首个元素节点，即若有多个节点满足条件，则返回第一个。document.createTextNode(document.querySelector("li").textContent)do
2016-04-13 19:34:02
539
转载 DOM启蒙——第三章
1.HTML文档中每个元素都有个独一无二的javascript构造函数使这些元素实例化为DOM树中的节点对象。(document.createTextNode(document.querySelector("a").constructor)); //function HTMLAnchorElement(){ [native code] }2.HTML Element对象属性与方法va
2016-04-12 19:21:30
453
转载 DOM启蒙——第二章
1.文档节点HTMLDocument构造函数在DOM中创建DOCUMENT_NODE(如window.document)。alert(window.document.constructor);//function HTMLDocument()alert(window.document.nodeType);//DOCUMENT_NODE 9即HTMLDocument构造函数
2016-04-11 14:44:30
496
转载 DOM启蒙——第一章
1.文档对象模型HTML文档被浏览器解析并转换为一个由节点对象组成以体现当前文档的树状结构，DOM的目的是使用JavaScript操作为当前的文档提供一个编程接口。2.节点对象类型●DOCUMENT_NODE (如window.document)●ELEMENT_NODE如(、、...)●ATTRIBUTE_NODE(如class="color")●TEXT_N
2016-04-07 15:15:13
1110
1
转载 JavaScript语言精粹——特性
1.优美的特性包含于作者的精简的JavaScript中...主要内容函数是头等对象，在精简JS中，函数是有词法作用域的闭包。基于原型继承的动态对象对象是五类别的，可以通过普通的赋值给任何对象增加一个新成员元素。一个对象可以从另一个对象继承成员元素。对象字面量和数组字面量对创建新的对象和鼠族来说很方便。2.糟粕JavaScript中最糟糕的特性是它对全
2016-04-06 20:08:53
608
转载 JavaScript语言精粹——方法
PART Ⅰ Array1.array.concat(item)concat方法返回一个新数组，它包含array的浅复制，并将一个或多个参数item附加在其后，如果item参数是一个数组，那么它的每个元素会被分别添加。2.array.join(separator)join方法把一个array构造成一个字符串，它将array中的每个元素构造成一个字符串并用参数为分隔符把
2016-04-05 21:14:01
742
转载 JavaScript语言精粹——正则
正则表达式是一门简单语言的语法规范。。它以方法的形式被用于对字符串进行查找、替换和提取操作。可处理正则表达式的方法有regexp.exec、regexp.test、string.match、string.replace、string.search、string.split.在JavaScript中正则表达式相较于等效的字符串运算有显著的性能优势。正则表达式的书写很复杂，它们把某些位置的
2016-04-04 21:53:07
353
转载 JavaScript语言精粹——数组
数组是一段线性分配的内存，它通过整数去计算偏移并访问其中的元素，JavaScript提供了一种拥有一些类数组特性的对象。1.数组字面量①一个数组字面量是在一对方括号中包围0或多个用逗号分隔的值的表达式，数组字面量可以出现在任何表达式可以出现的地方。②JavaScript允许数组包含任意混合类型的值２.长度①JavaScript数组的length属性没有上界，如果使用大于
2016-03-30 23:45:27
332
转载 JavaScript语言精粹——继承
在基于类的语言中，对象是类的实例，并且类可以从另一个类继承。JavaScript是一门基于原型的语言，即对象直接从其他对象继承。1.伪类①当一个函数对象被创建时，Function构造器产生的函数对象会运行类似this.prototype={constructor:this};的代码，新函数对象被赋予一个prototype属性，其值是包含一个constructor属性且属性值为该新函数对象。
2016-03-29 21:32:17
450
转载 JavaScript语言精粹——函数
JavaScript中最好的特性就是它对函数的实现。但也并非万能。函数包含一组语句，它们是JavaScript的基础模块单元，用于代码复用、信息隐藏和组合调用。函数用于指定对象的行为。一般来说，所谓编程就是将一组需求分解成一组函数与数据结构的技能。1.函数对象①在JavaScript中函数就是对象，对象是名/值对的集合并拥有一个连到原型对象的隐藏连接。对象字面量产生的对象连接到Obje
2016-03-28 14:22:06
479
转载 JavaScript语言精粹——对象
JavaScript中简单类型包括数字、字符串、布尔值、null和undefined.除此之外，其他所有值都是对象。JavaScript中的对象是可变的键控集合，在JavaScript中，数组是对象、函数是对象、正则表达式是对象、对象也是对象...对象是属性的容器，每个属性都拥有名字和值，属性的名字可以是包括空字符串在内的任意字符串，属性值可以是除undefined值之外的任何值。Ja
2016-03-26 16:47:29
484
转载 盒相关样式
1.盒类型①在CSS中用display属性定义盒的类型，总体分为block类型和inline类型.block类型的宽度会占满元素所在行，而inline类型宽度只等于元素内容宽度。如果样式代码使用display属性，可以将block类型元素与inline类型元素的盒类型进行互换。span{display:block;} div{display:inline;}②inl
2016-03-24 19:58:49
568
原创 CSS3选择器
1. :first-child选择器单独指定第一个子元素设定样式2. :last-child选择器单独指定最后一个子元素设定样式3. :nth-child与:nth-last-child能够对指定序号的子元素或者第奇数个、第偶数个子元素设定样式:nth-child(n)表示第n个子元素:nth-last-child(n)表示倒数第n个子元素:nth-child(odd)表
2016-03-21 16:40:59
747
转载 JavaScript语言精粹——语法
1.javascript提供两种注释形式，一种是/* */包围的块注释，一种是以//开头的行注释。在JavaScript中因为*与/可能会成对出现在正则表达式字面上，所以块注释对于被注释的代码来说可能不安全，如/*var rm_a= /a*/.match(s);*/导致语法错误，所以尽量避免使用块注释，用//代替。2.标识符标识符由字母开头，后边可以选择性的加一个
2016-03-07 23:32:38
840
转载 严格模式
ECMAScript 5增加了严格模式，严格模式可以:消除Javascript语法的一些不合理、不严谨之处，减少一些怪异行为;消除代码运行的一些不安全之处，保证代码运行的安全；提高编译器效率，增加运行速度；1.调用进入严格模式的标识为 "use strict"； 严格模式有两种调用方法①将"use strict"放在脚本文件的第一行，指
2016-03-06 17:12:41
2364
原创 Web标准
网页标准由三个部分组成：结构、表现和行为标准，结构化标准语言主要包括XHTML和XML，表现标准语言主要包括CSS，行为标准主要包括对象模型（如W3C DOM）、ECMAScript等。行为一、结构标准1.可扩展标记语言XML2.可扩展超文本标记语言XHTML(The Extensible HyperText Markup Language)二、表现标准
2016-03-05 23:18:32
791
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人