随笔分类 - javascript
js基础
摘要：//深度优先 function deepLogTagNames(parentNode){ console.log(parentNode.tagName); const childNodes=parentNode.childNodes; //过滤没有tagName的节点，遍历输出 Array.prototype.fil...
阅读全文
摘要：表单基础知识： 在HTML中，表单由<form>元素来表示，而在javascript中，表单对应的则是HTMLFormElement类型，HTMLFormElement继承了HTMLElement，因而因而与其他的HTML元素具有相同的默认属性。不过HTMLFormElement也有它自己的独有的属
阅读全文
摘要：JavaScript与HTML之间是通过事件交互的。 事件流：描述的是从页面中接收事件的顺从。事件流分为两种，一个是事件冒泡，一个是事件捕获。 事件冒泡：有最具体的元素接收，逐级向上传播到较为不具体的节点（文档）；（div->body->html->document） 事件捕获：由不太具体的节点最早
阅读全文
摘要：前端开发中，在呈现引擎、浏览器、平台、操作系统、引动设备、游戏系统存在差异的情况下，我们的代码会出现很多不兼容问题。 而，客户端检测，就是分辨上述6个种类的方法，进而可以使我们针对不同的情况运行不同的代码。但是客户端检测是非常麻烦的，这绝不是第一个考虑的方式。 具体的客户端检测，可以在JavaScr
阅读全文
摘要：先来说一下BOM，什么是BOM？BOM就是浏览器对象模型，大家都知道，ECMAScript是JavaScript的核心，但如果要在WEB中使用JavaScript，那么BOM则无疑才是真正的核心，BOM,提供很多对象，用于访问浏览器功能，这些功能与任何页面内容无关，多年来，缺少事实上的规范导致BOM
阅读全文
摘要：js中属性类型分为两种：数据属性和访问器属性 在js中，对象都是由名值对构成的，名：就是我们所说的属性名，值就是属性对应的值（基本值、对象、方法）。 ECMA-262第5版定义了只有内部才用的特性，描述了属性的各种特征，比如，这个属性能否被删除、能否被枚举、能否被修改、以及读取属性的值。 这些特性是
阅读全文
摘要：Javascript面向对象编程（三）：非构造函数的继承 作者： 阮一峰 日期： 2010年5月24日 作者： 阮一峰 日期： 2010年5月24日 这个系列的第一部分介绍了"封装"，第二部分介绍了使用构造函数实现"继承"。 今天是最后一个部分，介绍不使用构造函数实现"继承"。 一、什么是"非构造函
阅读全文
摘要：Javascript面向对象编程（二）：构造函数的继承 作者： 阮一峰 日期： 2010年5月23日 作者： 阮一峰 日期： 2010年5月23日 这个系列的第一部分，主要介绍了如何"封装"数据和方法，以及如何从原型对象生成实例。 今天要介绍的是，对象之间的"继承"的五种方法。 比如，现在有一个"动
阅读全文
摘要：学习Javascript，最难的地方是什么？ 我觉得，Object（对象）最难。因为Javascript的Object模型很独特，和其他语言都不一样，初学者不容易掌握。 下面就是我的学习笔记，希望对大家学习这个部分有所帮助。我主要参考了以下两本书籍： 《面向对象的Javascript》（Object
阅读全文
摘要：JS面向对象编程（转载） 什么是面向对象编程（OOP）？用对象的思想去写代码，就是面向对象编程。 面向对象编程的特点 抽象：抓住核心问题 封装：只能通过对象来访问方法 继承：从已有对象上继承出新的对象 多态：多对象的不同形态 对象的组成 属性：对象下面的变量叫做对象的属性 方法：对象下面的函数叫做对
阅读全文
摘要：【优雅代码】深入浅出 妙用Javascript中apply、call、bind （转载而来） 这篇文章实在是很难下笔，因为网上相关文章不胜枚举。 巧合的是前些天看到阮老师的一篇文章的一句话： “对我来说，博客首先是一种知识管理工具，其次才是传播工具。我的技术文章，主要用来整理我还不懂的知识。我只写那
阅读全文
摘要：1、length方法 2、字符方法charAt()、charCodeAt() 指定索引查找字符 这两个方法都接收一个参数 charAt():返回给定位置的那个字符 charCodeAt():返回指定位置的字符编码 3、字符串操作方法concat()、slice()、substr()、substrin
阅读全文
摘要：下面主要汇总一下数组的方法 数组方法： 1、检测是否为数组的方法：Array.isArrray(); 2、转换方法：toLocaleString()、toString()、valueOf() valueOf():返回数组本身 toString():返回由数组中每个值的字符串形式拼接而成的一个以逗号分
阅读全文
摘要：先声明 HTML5的自定义属性浏览器支持性不太好 目前只有firefox6+和chrome浏览器支持 元素除了自带的属性外 另外也可以加自定义属性 不过需要在前面加上data- 下面举个例子 怎样获得 和更改自定义属性呢？ 通过dataset属性 目前支持 不好 不代表以后支持不好 了解点不算过
阅读全文
摘要：比如有一个元素div 之前只知道元素有一个className可以来改动 元素的类名 但是今天看到了，HTML5，增加了classList属性，更改元素的类名会更简单 先获取到这个div元素 classList有4个方法 add() contains() remove() toggle() 想必大家看
阅读全文
摘要：在了解闭包之前，先要了解一下变量的作用域： 一、变量的作用域： 变量的作用域无非就是两种：全局变量和局部变量。 Javascript语言的特殊之处，就在于函数内部可以直接读取全局变量。 在函数外部自然无法读取函数内的局部变量。 这里有一个地方需要注意，函数内部声明变量的时候，一定要使用var命令。如
阅读全文
摘要：https://www.cnblogs.com/zjjDaily/p/9482958.html原文链接 函数在执行时，会在函数体内部自动生成一个this指针。谁直接调用产生这个this指针的函数，this就指向谁。 怎么理解指向呢，我认为指向就是等于。例如直接在js中输入下面的等式： console
阅读全文
摘要：1、FileReader接口的方法 FileReader接口有4个方法，其中3个用来读取文件，另一个用来中断读取。无论读取成功或失败，方法并不会返回读取结果，这一结果存储在result属性中。 FileReader接口的方法： 1. readAsBinaryString(file) : 将文件读取为
阅读全文
摘要：js有两种类型的值：栈：原始数据类型（undefinen,null,boolead,number,string）堆：引用数据类型（对象，函数和数组）两种类型的区别是：储存位置不同，原始数据类型直接存储在栈（stack）中的简单数据段，占据空间小，大小固定，属于被频繁使用的数据，所以放入栈中存储；引用
阅读全文
摘要：for in循环可以循环遍历数组 关键也可以循环遍历对象！而一般的for循环只能循环遍历数组， 当循环遍历对象时key值代表键值对的键，obj[key]则是对应键的值； 当循环遍历数组时，数组不是键值对够成，那key代表什么呢？是index下标！arr[key]就是对应下标下的值， 下面上个小dem
阅读全文
