JavaScript
文章平均质量分 92
CSDN认证用户
这个作者很懒,什么都没留下…
展开
-
JavaScript之六大数据类型(不包括Symbol)
本文根据(JavaScript高级程序设计(第3版))总结JavaScript 数据类型JavaScript 有6中数据类型——Undefined,Null,Boolean,Number,String和Object ES6中有7种, 多了一种数据类型Symbol, 本文不涉及. Undefined表示未定义,Null表示空,Boolean表示布尔值,Number表...原创 2018-04-04 16:10:24 · 4335 阅读 · 0 评论 -
Cookie
本文根据JavaScript标准参考教程 整理笔记概述Cookie是服务器用来保存浏览器一小段的文本信息, 大小一般不超过4KB. 浏览器每次向服务器发送请求,就会自动附上这段信息. Cookie通常包含一下信息:Cookie 的名字Cookie 的值(真正的数据写在这里面)Cookie的到期时间所属域名(默认是当前域名)生效的路径(默认是当前网址)我们可以使...原创 2018-05-14 11:16:09 · 330 阅读 · 0 评论 -
DOM模型中的Document节点
本文根据javascript.ruanyifeng.com 整理笔记document对象时文档的根节点, document对象是window对象的属性 document对象继承了EventTarget接口, Node接口, ParentNode接口document的属性快捷方式属性document.defaultView 返回document对象所属的windo...原创 2018-04-29 12:02:53 · 543 阅读 · 0 评论 -
this的值
this关键字的指向是由它的调用方式决定的. 通常有两种环境调用this, 全局环境和函数环境. 函数环境中又有多种调用this的方法. this不能在执行期间赋值全局上下文当全局环境执行代码时, 全局上下文(函数体外部)的中的this只有一种情况.无论是否在严格模式下,在全局执行上下文中(在任何函数体外部)this 都指代全局对象。在浏览器中, 全局对象是window...原创 2018-05-20 16:55:13 · 399 阅读 · 0 评论 -
原生JavaScript实现一个简单的jQuery API
项目源码: http://jsbin.com/cuzimuf/edit?html,js,output绑定jQueryjQuery函数通常使用jQuery()的方法获取元素, jQuery通常用$代替. 可以通过下面的代码解决//将jQuery添加到window中window.jQuery//将$指向jQuerywindow.$ = jQuery将jQuery和$添加到wi...原创 2018-04-29 23:29:05 · 274 阅读 · 0 评论 -
原型与原型链
构造函数function Person(options) { this.name = options.name this.age = options.age this.say = { console.log('我是人类') }}var person ={name: 'yong', age: 20}var ps = new Perso...原创 2018-05-21 10:00:42 · 611 阅读 · 0 评论 -
History对象
概述浏览器有一个history对象用于保存浏览历史. history对象也是window对象的属性window.history === history //truehistory.length属性保存浏览历史的记录数. 它还有一些方法可以在浏览历史之间移动.back(): 返回到上一个页面. 相当于浏览器的后退forward(): 前进到前一个页面, 相当于浏览器的前进键...原创 2018-05-15 09:02:02 · 363 阅读 · 0 评论 -
Element节点
实例属性元素特性的相关属性Element.id 返回元素的id属性Element.tagName 返回元素的大写标签名, 其值与nodeName属性相等Element.dir 读写当前元素的文字方向.Element.accessKey 属性用于读写当前元素的快捷键Element.draggable 返回布尔值, 表示是否可以拖动, 可读写Element.lang 返回当前元素的...原创 2018-05-25 16:01:58 · 694 阅读 · 0 评论 -
Object对象与继承
Object.getPrototypeOf()这个方法返回参数对象那个的原型function fn(){}var f = new fn()Object.getPrototypeOf(f) === fn.prototype注意几个特殊对象的原型// 空对象的原型是 Object.prototypeObject.getPrototypeOf({}) === Object....原创 2018-05-22 08:19:12 · 1060 阅读 · 0 评论 -
let和const
letlet和const是ES6的新语法, let有一下特点let声明的变量只在其所在代码块内有效let不存在声明提升, 因此或出现暂存性死区let在同一作用域中不能重复声明一个变量, 即使是声明函数的参数也不行let声明的变量只在其所在代码块内有效{ let a = 2 console.log(a) //2}console.log(a) //undef...原创 2018-06-10 21:47:12 · 760 阅读 · 0 评论 -
export和import
ES6新增了模块的概念. 一个js文件就是一个模块. 在一个模块中可能需要引入其他模块, 也可能需要输出模块. 这就需要使用export和import关键字了 要注意的是, ES6自动采用严格模式.exportexport用于输出, 可以输出一个函数, 输出一个变量. 有下面基本三种方式的export 第一种:export var m = 1;//或者export functi...原创 2018-06-10 23:08:24 · 741 阅读 · 0 评论 -
Generator函数
GeneratorGenerator函数是ES6提供的异步编程的解决方案。它和普通的函数有第一定的区别。 在普通函数后面加上一对括号那么普通函数会执行并返回结果。 而Generator函数并不执行, 它返回的也不是运行结果, 而是一个遍历器对象.yield和nextyield用来暂停后面的操作, 我们可以使用next方法进行取值. next方法返回的是一个对象,这个对象有连个属性: ...原创 2018-06-18 22:56:17 · 224 阅读 · 0 评论 -
canvas之2d上下文
本文根据JavaScript高级程序设计(第三版)的15章所做笔记使用canvas时必须先指定width和height作为绘图区域. canvas的开闭标签之间的内容, 在浏览器不支持canvas标签时显示.getContext(contextType)用于获取上下文, contextType是上下文的类型, 值可以为"2d", "webgl"等 填充和描边填充fill...原创 2018-07-24 13:40:38 · 1566 阅读 · 0 评论 -
npm install时--save和--save-dev的区别
dependencies和devDependencies在使用node开发时, 我们在工程中用到的包必须是package.json中列出。 而dependencies和devDependencies是package.json中的两个属性. 我们要用的包在这两个属性中列出即可. dependencies列出的包用于生产环境.devDependencies用于开发环境和测试环境.- ...原创 2018-08-03 09:15:07 · 857 阅读 · 0 评论 -
如何写js中的继承
原型继承js中有原型的概念, 通过原型我们可以实现继承. 定义一个函数为animal, 在其原型上定义一个sayHello函数. 并生成一个新对象dog.function Animal(name){ this.name = name}Animal.prototype.sayHello = function() { console.log('hello')}var...原创 2018-08-31 07:57:01 · 350 阅读 · 0 评论 -
typeof 和 instanceof
我们在检测数据类型的时候常用两种方法. 分别是typeof和instanceof. 但是这两种方法各有不同. typeoftypeof 是我们开始学JavaScript是就会学习的方法. 这个方法作用于不同的数据类型返回不同的值. 如下图所示: 从图中有几处需要我们注意的地方, 分别是undefined和null类型的返回值, object,array及function类型的返回...原创 2018-08-29 09:21:52 · 346 阅读 · 0 评论 -
script中的defer和async
script的使用方式在html页面中使用JavaScript的主要方法便是使用script标签. 它有两种使用方式. 第一种便是用src属性引用外部文件. 第二种是将JavaScript代码嵌套在script标签中. 如:<!-- 第一种--><script src="http://www.example.com/xxx.js&am原创 2018-09-18 14:03:06 · 411 阅读 · 0 评论 -
开始学习React—概述与演练(好文翻译)
这篇文章来自于Getting started with ReactReact基本概念的概览与演示, 如components, state和props, 以及提交表单, 从API获取数据或者部署React 应用到生产环境.自动我第一次学习JavaScript时就已经听说了React, 但是我要承认我看了它一眼就被它吓到了. 我看到它像混合着JavaScript的HTML, 这不是我们正要避免的吗...原创 2018-10-11 23:09:59 · 514 阅读 · 0 评论 -
Window对象
本文根据JavaScript标准参考教程 整理笔记window对象时浏览器的全局对象, 它指向当前浏览器window对象的属性window.window指向其自身window.name表示浏览器当前窗口的名字, 我们也可以为当前窗口设置名字window.location返回location对象, 这个属性用于获取窗口的URL信息. 和document.location相等...原创 2018-05-20 11:18:50 · 378 阅读 · 0 评论 -
JavaScrip标准参考教程--------笔记汇总
JavaScript标准参考教程这是我参考阮一峰的JavaScript标准参考教程所做的笔记. 下面文章列表中的代码有的是我写的. 有的是直接用教程里面的.我还未完成所有笔记. 这里先占个位, 方便找笔记.导论语法 2.1 JavaScript中的语法 标准库 3.1 JavaScript中的Object对象 3.2 JavaScript中的Array对象面向对象编程语...原创 2018-05-07 09:46:42 · 268 阅读 · 0 评论 -
JavaScript中的事件模型
本文根据http://javascript.ruanyifeng.com 所做笔记, 实例代码也来自那里EventTarget接口DOM事件的操作都定义在EventTarget接口. 有三个实例方法我们常用到: EventTarget.addEventListener() EventTarget.removeEventListener() EventTarget.dispat...原创 2018-05-07 09:23:41 · 558 阅读 · 0 评论 -
Promise对象
本文参考阮一峰的JavaScript标准参考教程Promise的状态Promise有三种states(状态):异步操作未完成(pending)异步操作成功(fulfilled)异步操作失败(rejected)我们通常将fulfilled和rejected称为setled, 这不是一个状态而是为了语法上的方便这么说的. Promise有两种fates: resolv...原创 2018-05-08 21:57:31 · 256 阅读 · 0 评论 -
定时器setTimeout和setInterval
本文更具JavaScript标准参考教程-阮一峰 整理笔记timeout翻译为超时, interval翻译为间隙 setTimeout()设置超时调用 setInterval()设置间歇调用setTimeout()用法: setTimeout(func, delay)表示delay毫秒后运行func函数,func是回调函数 func可以换成一段代码。console.l...原创 2018-05-09 09:02:35 · 324 阅读 · 0 评论 -
严格模式
严格模式是ES5标准提出来的, 有以下几个目的:明确禁止一些不合理、不严谨的语法,减少 JavaScript 语言的一些怪异行为。增加更多报错的场合,消除代码运行的一些不安全之处,保证代码运行的安全。提高编译器效率,增加运行速度。为未来新版本的JavaScript 语法做好铺垫。严格模式下的代码比正常模式下的代码更加严格, 某些代码在正常模式下不会报错, 但是在严格模式下会报错。...原创 2018-05-09 09:08:54 · 302 阅读 · 0 评论 -
属性的操作
Element.attributes属性元素对象的attributes属性返回一个类数组的动态对象, 元素的所有属性节点对象都是其成员。 我们可以通过下面的三种方法引用属性节点:// <body id="myBody">document.body.attributes[0]document.body.attributes.iddocument.body.attribut...原创 2018-05-09 09:12:34 · 257 阅读 · 0 评论 -
JavaScript之DOM
本文根据(JavaScript高级程序设计(第三版))整理笔记Node类型JavaScript中的所有节点类型都继承自Node类型, 每个节点有一个nodeType属性. 用于表明节点的类型nodeType有一下值:Node.ELEMENT_NODE, 其值为1, 表示元素节点Node.TEXT_NODE, 其值为3, 文本节点Node.PROCESSING_INSTRU...原创 2018-05-02 17:32:01 · 179 阅读 · 0 评论 -
Text 节点和 DocumentFragment 节点
Text节点文本节点代表元素节点和属性节点的文本内容。我们通常可以使用父节点的firstChild, nextSibling等属性获取文本节点。 可以使用document.createTextNode()方法创建文本节点 浏览器提供了一个原生的Text构造函数, 它返回一个文本节点实例// 空字符串var text1 = new Text(); //""// 非空字符串va...原创 2018-05-09 13:38:09 · 434 阅读 · 0 评论 -
JavaScript中的语法
本文根据JavaScript标准参考教程-阮一峰 中的语法一节内容所做的笔记, 文中会有代码来自参考文章数值数值范围及精度JavaScript中所有数字都是以64位浮点数形式存储, 在某些情况下会将64位浮点数自动转为32位JavaScript中采用IEEE754存储 第一个位为符号位, 0为正, 1为负 2-12位位指数部分(11位) 13-64位为小数部分也是...原创 2018-05-02 18:44:46 · 272 阅读 · 0 评论 -
JavaScript之的DOM扩展
选择符 APIquerySelector()方法接收一个css选择符, 返回与该模式匹配的第一个元素, 如果没有匹配的元素返回null通过Document类调用这个方法时会在文档元素的范围内查找匹配的元素, 通过Element类调用时只会在该元素后代元素的范围查找匹配的元素querySelector()方法接收css选择符, 与前一个方法不同的是, 这个方法返回一个NodeList实例....原创 2018-05-03 21:52:03 · 210 阅读 · 0 评论 -
MutationOberver API
本文更具JavaScript标准参考教程-阮一峰 整理笔记MutationOberver用来监视DOM的变动. 它是异步触发, 即它会等到当前所有的DOM操作结束才触发 它有以下特点:异步触发方式将DOM的变动记录封装成数组可以观察DOM的所有变动, 也可以指定某类型的变动.构造函数使用构造函数MutationObserver()函数构造一个观察器实例, 该函数...原创 2018-05-10 14:40:46 · 450 阅读 · 0 评论 -
JavaScript中的Array对象
本文参考javascript.ruanyifeng.com 和 (JavaScript高级程序设计(第三版)) 所整理的笔记, 不足之处请指正!JavaScript中的Array用于构造数组的全局, 它是一个类似于列表的对象.构造函数Array构造函数时, 当参数为一个正整数时, 返回新数组的长度, 数组元素为取值为undefined,但无法取到键名 参数为多个时, 返回...原创 2018-04-26 09:09:48 · 260 阅读 · 0 评论 -
浏览器环境概述
JavaScript代码嵌入网页的方法script标签: 代码嵌入网页<script> console.log('Hello World');</script>这个标签的有个type属性用于指定脚本类型, 但是我们可以不用写, 因为script就是引用JavaScript代码的. type属性有两个值:text/javascript:默认值...原创 2018-05-12 13:37:31 · 907 阅读 · 0 评论 -
AJAX
本文参考JavaScript标准参考教程-阮一峰 整理笔记XMLHttpRequest对象XMLHttpRequest对象用于在浏览器和服务器之间传递数据 我们使用其构造函数创建XMLHttpRequest对象var ajax = new XMLHttpRequest();XMLHttpRequest对象通过onreadystatechange属性指定回调函数, 则回调函...原创 2018-05-12 23:21:47 · 240 阅读 · 0 评论 -
CORS
本文根据JavaScript标准参考教程 整理笔记. 代码也来源于此CORS是W3C标准, 全名叫跨域资源共享Cross-origin resource sharing 它允许浏览器向垮源服务器发出XMLHTTPRequest请求. CORS需要浏览器和服务器都支持浏览器将CORS分为两类, 简单请求和非简单请求. 只要满足下面的两类就属于简单请求:请求方法是HEAD...原创 2018-05-13 09:49:11 · 1711 阅读 · 0 评论 -
JavaScript中的Object对象
本文参考javascript.ruanyifeng.com 所整理的笔记, 不足之处请指正!概述JavaScript的所有其他对象都继承自Object对象 Object对象自身的方法 Object实例的方法, 这些方法继承自Object.prototypeObject()使用Object()可以将任意值转换为对象. 若参数为空或undefined或null则返回空...原创 2018-04-28 10:32:00 · 410 阅读 · 0 评论 -
Web Storage
本文根据JavaScript标准参考教程 整理笔记概述浏览器除了cookie能够存储数据外, 有提供了Storage类型的存储机制 Storage有两类, sessionStorage存储和localStorage存储. 这两个对象的属性和方法完全一样操作方法存入/读取数据sessionStorage和localStorage保存的数据都是键值对. setIte...原创 2018-05-13 12:45:57 · 270 阅读 · 0 评论 -
原生JavaScript实现AJAX通信实例
我会使用Node.js模拟服务器, 所以请先到官网下载Node.js 这个实例的完整代码及使用请到我的库中获取: AJAX-demo. 本文为了叙述方便利索只介绍核心代码创建index.html首先创建一个index.html文件, 在文件中写入如下代码:<!DOCTYPE html><html lang="en">&a原创 2018-05-13 16:03:57 · 701 阅读 · 0 评论 -
redux的数据流
redux是数据原创 2018-10-05 21:21:26 · 3658 阅读 · 0 评论