开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

typeof的一些兼容性问题

typeof存在一些兼容性的问题，在IE6,7,8中的DOM和BOM元素及其对象上的方法的判定会出现误差，在safari上对NodeList实例的判定，对ExpReg实例的判断（早期的chrome，safari会对ExpReg实例认定为‘function’）。分析：　　之所以会在IE6,7,8对DOM和BOM元素及其方法判定错误，主要是因为在这3个版本的IE中，js引擎JScript并没有集成到IE浏览器内核　　中，通过COM组件链接JScript和IE内核，浏览器实现的BOM对象或者DOM对象及其

JS之文档对象模型DOM

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gbk"> <title>History和Location使用</title> </head> <body> <input type="button" value="返回" onclick="history.back();" /> </body> </html> DOM 解析模型，将文档加载到内存，形成一个树形结构 <html> 就是根节点，每个标签会成为

06

您找到你想要的搜索结果了吗？

是的

没有找到

一些原生写法可以替代Jquery方法

jQuery的核心是通过各种选择器，选中DOM元素，可以用querySelectorAll方法模拟这个功能。

02

如何做到 jQuery-free？

jQuery是现在最流行的JavaScript工具库。据统计，目前全世界57.3%的网站使用它。也就是说，10个网站里面，有6个使用jQuery。如果只考察使用工具库的网站，这个比例就会上升到惊人的

04

JS魔法堂：那些困扰你的DOM集合类型

一、前言　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　大家先看看下面的js，猜猜结果会怎样吧！　　可选答案：　　①. 获取id属性值为id的节点元素　　②. 抛namedItem is undefined的异常 var nodes = document.getElementsByName('dummyName'); var node = nodes.namedItem('id'); 　　答案是两种都有可能哦！document.getElementsByName在Chrome

09

DOM编程

一切能够通过html操作的，也能够用js来实现，这个就是jsDOM编程的魅力。DOM操作其实很直观，我们直接看代码。

03

JavaScript选择器

JS选择器常用的有getElementById()、getElementsByClassName()、getElementsByName()、getElementsByTagName()、querySelector()、querySelectorAll()。

02

不要使用浏览器嗅探，尽量使用特性检测和特性模拟

平淡的描述　　在js中，能使用特征监测就尽量不要使用浏览器嗅探。嗅探浏览器目的是判断可否使用这个对象或者API，但是抛开浏览器的各个版本的userAgent不说，还有些浏览器打补丁的情况，造成判断异常复杂，兜了个大的圈子，而特征检测则是直接了当，不存在维护困难的问题。　　其次，当不确定某个版本的浏览器是否有特殊的bug时（如IE8下js访问css的float属性时，是styleFloat，而在w3c浏览器下是CssFloat；IE8下getElementByTagNames返回NodeList包括

05

12个非常有用的JavaScript技巧

在这篇文章中，我将分享12个非常有用的JavaScript技巧。这些技巧可以帮助你减少并优化代码。 1) 使用!!将变量转换成布尔类型有时，我们需要检查一些变量是否存在，或者它是否具有有效值，从而将它们的值视为true。对于做这样的检查，你可以使用||（双重否定运算符），它能自动将任何类型的数据转换为布尔值，只有这些变量才会返回false：0，null，""，undefined或NaN，其他的都返回true。我们来看看这个简单的例子： Js代码 function Account(cash) {

07

DOM概述选取文档元素

有些html标签会有name元素，区别于id，name属性的值不必是唯一的，多个元素可能存在相同的名字。

06

JS框架设计之对象类型判断一种子模块

Javascript有两套数据类型,一套是基础数据类型,一套是对象数据类型。基础数据类型包括5种基本数据类型,分别是null,bool,undefined,number,string,也叫简单数据类型,object是复杂数据类型,其中Object,Array,Function属于引用类型(对象数据类型)。基于这么多数据类型,所以JS就自带有类型判定的方法,typeof 用来检测基本数据类型,instanceof 用来检测对象数据类型,但是JS自带的这两套识别机制并不靠谱,所以产生了isXXX一系列来判断

08

leetcode-深度优先与广度优先遍历

深度优先遍历就是当我们搜索一个树的分支时，遇到一个节点，我们会优先遍历它的子节点直到最后根节点为止，最后再遍历兄弟节点，从兄弟子节点寻找它的子节点，直到搜索到最后结果，然后结束。

03

12个非常有用的JavaScript技巧

在这篇文章中，我将分享12个非常有用的JavaScript技巧。这些技巧可以帮助你减少并优化代码。 1) 使用!!将变量转换成布尔类型有时，我们需要检查一些变量是否存在，或者它是否具有有效值，从而将它们的值视为true。对于做这样的检查，你可以使用||（双重否定运算符），它能自动将任何类型的数据转换为布尔值，只有这些变量才会返回false：0，null，""，undefined或NaN，其他的都返回true。我们来看看这个简单的例子： function Account(cash) { this

06

通过css类/选择器选取元素文档结构和遍历元素树的文档

尽管如此，js还定义了一个方法，即一个getElementsByClassName()，是基于class属性值中的标识符来选取成组的文档元素

02

react新手教程

github仓库 https://github.com/Rynxiao/react-newer JSX语法 const element =

Hello, world!

; This funny tag syntax is neither a string nor HTML. It is called JSX, and it is a syntax extension to JavaScript. We recommend using it with React to describe w

06

翻了翻element-ui源码，发现一个很实用的指令clickoutside

指令(directive)在 vue 开发中是一项很实用的功能，指令可以绑定到某一元素或组件，使功能的颗粒度更精细。今天在翻 element-ui 的源码时，发现一个还挺实用的工具指令，跟大伙分享一下。

02

javascript之set和weakset的用法

Set本身也是一个构造函数，用来生成Set，其参数可以是空，可以是数组，可以是类似数组的对象（比如NodeList）

02

让人爱不释手的 JS 扩展操作符 13 用

我相信你一定或多或少的接触或使用过 JS 中的扩展操作符（Spread Operator），在基本形式中，扩展操作符看起来像三个点，比如如下这样：

02

js原生函数之call和apply，bind

call 和 apply 和 bind 都是为了改变某个函数运行时的 context 即上下文而存在的，换句话说，就是为了改变函数体内部 this 的指向。

00

jsPlumb开发流程设计器

可以看到，我们定义了一个容器diagramContainer，和两个div块元素，然后通过jsPlumb的connect连接函数，将两个正方形，连接到了一起。

04

译《ES6的6个小特性》

Six Tiny But Awesome ES6 Features.md JS社区的每个人都喜欢新的API、语法以及一些简单、明了更高效的完成重要任务的新特性。过去一年ES6带来了十足的进步，下面是6个我最喜欢的JS新增特性。 1.Object[key] 有时候不能在对象变量声明时设置所有的key/value，所以得再声明之后添加key/value。 let myKey = 'key3'; let obj = { key1: 'One', key2: 'Two' }; obj[myKey]

05

Canvas实现的一个壁纸demo

先直接上代码吧，直接用原生js实现，因此直接用浏览器打开就可以看到效果，非常的方便。

03

深度讲解TS：这样学TS，迟早进大厂【13】：内置对象

初学者玩转 TypeScript系列，总计 21 期，点赞、收藏、评论、关注、三连支持！ TS系列地址： 21篇文章带你玩转ts

03

通过 6 个简单的实例复习下JS 的 Map() 函数

英文 | https://betterprogramming.pub/6-use-cases-for-map-in-javascript-a09f51ea2d2c

01

用自动化测试工具selenium来揭露骗局的真相selenium进行页面滚动关闭chrome浏览器自动加载图片使用headless模式运行chrome删除页面上元素爬取结果分析源码

前几天写了用爬虫来揭露约稿骗局的真相，但实际上对于动态加载的数据来说，用程序爬取比较困难，在这种情况下，可以使用selenium来模拟浏览器行为，达到同样目的。

02

React：像message.success()一样实现Message通用容器及Message组件

对于Message这样的组件，在各个页面都有可能使用到。但我们是不希望在各个页面都必须引入一个容器的，也不希望还必须做专门的组件挂载，这样的组件能用，但不是很能用。

02

属性元素的内容创建，插入和删除节点虚拟节点

表示HTML文档元素的HTMLElement对象定义了读/写属性。映射了元素的HTML属性。HTMLElement定义了通用的HTTP属性。以及事件处理程序的属性。特定的Element子类型为其元素定义了特定的属性。

03

javascript核心之DOM操作

DOM全称为Document Object Model ，即文档对象模型，是针对HTML和XML的一个API, 描绘了一个层次化的节点树，可以添加、移除和修改页面的某一部分。

02

关于JS中的循环

for...of循环可以使用的范围包括数组、Set 和 Map 结构、某些类似数组的对象（比如arguments对象、DOM NodeList 对象）、后文的 Generator 对象，以及字符串。

02

如何在Python中拷贝类对象到数组

1、问题背景在Python中，我们经常需要存储多个对象的集合。有时，我们需要拷贝这些对象，以便在不修改原始对象的情况下对它们进行操作。例如，在下述代码中，我们在colors列表中存储了多个Color对象，然后我们创建一个新的列表tmp_colors来存储colors的副本。

01

总结一些前端的知识点 (一)

一、W3C 标准盒模型和 IE 盒模型区别： 1. W3C 标准盒模型：盒子的高宽是由盒子的内容区仅由 width, height 决定的，不包含边框，内外边距。 2. IE 盒模型：在 IE

07

解释一下为什么我很少用jQuery

这里声明一下，这不是反jQuery的文章,这里我想告诉大家，我持有的观点是在中小型的项目中建议能不用jQuery就不用。背景知识在所有的现代浏览器(IE9+)里，它们所提供的原生DOM API都是

04

记录一些前端面试题

定时自动刷新，content表示刷新间隔，单位为秒s，下面代码表示页面每隔三秒刷新一次

02

JavaScript HTML DOM 节点列表

一些旧版本浏览器中的方法（如：getElementsByClassName()）返回的是 NodeList 对象，而不是 HTMLCollection 对象。

01

JavaScript 学习-28.元素与节点(HTMLCollection 和 NodeList)

前言我们平常说的查找元素和节点到底有什么区别？为什么有时候返回HTMLCollection ，有时候返回NodeList？ HTMLCollection 和 NodeList 的区别又是什么？带着这些问题进入本篇的学习。节点与元素根据 W3C 的 HTML DOM 标准，HTML 文档中的所有内容都是节点：整个文档是一个文档节点每个 HTML 元素是元素节点 HTML 元素内的文本是文本节点每个 HTML 属性是属性节点注释是注释节点以下示例

02

详解NodeList 和 HTMLCollection 和 Array

Array，NodeList， HTMLCollection这三个概念和它们之间的关系有很多做了几年前端的同学都搞不清楚，经常遇到但是又感觉很陌生，剪不断理还乱的感觉。今天咱们就来理清这三个东西。

04

用 Node.js 爬虫下载音乐

互联网上有许多可供人类消费的信息。但是如果这些数据不是以专用的 REST API 的形式出现，通常很难以编程方式对其进行访问。使用 jsdom 之类的 Node.js 工具，你可以直接从网页上抓取并解析这些数据，并用于你自己的项目和应用。

03

jquery当中NodeList的用法

例 1.2（NodeList.html） <html> <head> <title></title> <script language="javascript" src="jquery.min.js"></script> <script language="javascript"> window.onload = function(){ var oEle = $("h2 a"); //选出两个符合条件的 for(var i=0;i<oEle.length;i++) /*马克-to-win：注意oElements[i]虽然是个jquery对象,他也可以用innerHTML*/ oEle[i].innerHTML = "mark to win"+i.toString(); } </script> </head> <body>

马克-to-win内容

内容马克-to-win

</body> </html> 例 1.2_a: <html> <head> <title></title> <script language="javascript" src="jquery.min.js"></script> <script language="javascript"> $(function(){ var oEle = $("h2 a"); //选出两个符合条件的 for(var i=0;i<oEle.length;i++) /*注意oElements[i]虽然是个jquery对象,他也可以用innerHTML*/ oEle[i].innerHTML = "mark to win"+i.toString(); }); </script> </head> <body>

马克-towin内容

内容马克-towin

</body> </html>

00

DOM中历史遗留的那些天坑 ...

即时到了DOM3.0时代, 为了同时满足浏览器的向下兼容和ES6的最新街口, DOM还是保留了很多古老的,极易和新类型引起混淆的类比如HTMLCollection vs. NodeList, 这篇文章

06

【前端每日一题 02】在Javascript中什么是伪数组？如何将伪数组转化为标准数组？

伪数组（类数组）：无法直接调用数组方法或期望length属性有什么特殊的行为，但仍可以对真正数组遍历方法来遍历它们。典型的是函数的 argument 参数，还有像调用getElementsByTagName,document.childNodes 之类的,它们都返回 NodeList 对象都属于伪数组。 Array.prototype.slice.call() Array.prototype.slice.call({ 0:"likeke", 1:12, 2:true, length:

02

当Kotlin遇见数据结构丨哈夫曼树的实现

给定N个数值作为N个叶子结点的权值，构造一颗二叉树，若该树的带权路径长度达到最小，称这样的二叉树为最优二叉树，也叫哈夫曼树。

03

【Web APIs】DOM 文档对象模型 ④ ( querySelector 函数 | querySelectorAll 函数 | NodeList 对象 )

在之前的博客中 , 都是通过 ID、标签名、类名获取 HTML 网页中的 DOM 元素 , 分别使用

01

【Web技术】1528- 来自大厂前端页面截图方案

将网页保存为图片（以下简称为快照），是用户记录和分享页面信息的有效手段，在各种兴趣测试和营销推广等形式的活动页面中尤为常见。

03

高质量前端快照方案：来自页面的「自拍」

将网页保存为图片（以下简称为快照），是用户记录和分享页面信息的有效手段，在各种兴趣测试和营销推广等形式的活动页面中尤为常见。

04

JS魔法堂：追忆那些原始的选择器

一、前言首先这里说的原始选择器是指除 querySelector 、 querySelectorAll 外的其他选择器。从前我只使用 getElementById 获取元素并没有觉得有什么问题，但随着参与项目的前端规模逐步扩大，踩的坑就越来越多，于是将踩过的和学习过的经验教训记录在这里，供以后好查阅。二、

07

(cljs/run-at (JSVM. :all) "一次说白DataType、Record和Protocol")

前言在项目中我们一般会为实际问题域定义领域数据模型，譬如开发VDOM时自然而言就会定义个VNode数据类型，用于打包存储、操作相关数据。clj/cljs不单内置了List、Vector、Set和Map等数据结构，还提供deftype和defrecord让我们可以自定义数据结构，以满足实际开发需求。定义数据结构从Data Type和Record开始提及数据结构很自然就想起C语言中的struct，结构中只有字段并没有定义任何方法，而这也是deftype和defrecord最基础的玩法。示例 (de

08

09Document对象

什么是Document对象 document对象在DOM中代表了HTML页面 document也是DOM解析HTML页面的入口。定位页面元素定位页面元素常用的方法：方法名参数传入作用返回类型示例 getElementById() ID名通过页面元素的id属性值定位元素单个节点，既是Node也是Element类型 getElementById('p1') getElementsByName() name 通过页面元素的name属性值定位元素 NodeList getEleme

03

前端基础知识之什么是节点Node？

是一个接口。许多DOM API都会继承于它，如document, Element document.getElementById 的返回值就是一个继承于Node的对象常用的API有：

01

JS几种数组遍历方式总结

JS数组遍历，基本就是for,forin,foreach,forof,map等等一些方法，以下介绍几种本文分析用到的数组遍历方式以及进行性能分析对比

02

Python中传递值与传递引用的区别

对于不可变类型传递值(不会影响原数据) 不可变类型对于可变类型传递引用(会影响原数据) 不可变类型传递引用 python3不可变类型 Number(数字) St

09

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭