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对象及其

015

DOM编程

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

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

是的

没有找到

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

JavaScript选择器

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

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

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

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> 就是根节点，每个标签会成为

12个非常有用的JavaScript技巧

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

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

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

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

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

DOM概述选取文档元素

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

12个非常有用的JavaScript技巧

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

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

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

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

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

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

js原生函数之call和apply，bind

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

javascript之set和weakset的用法

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

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

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

译《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]

组件库源码中这些写法你掌握了吗？

答案：像iview源码中clickoutside引入了v-click-outside-x作为依赖，感兴趣的童鞋可以看文档链接

jsPlumb开发流程设计器

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

组件库源码中这些写法你掌握了吗？

答案：像iview源码中clickoutside引入了v-click-outside-x作为依赖，感兴趣的童鞋可以看文档链接

XXE漏洞：DocumentBuilder使用之殇

xxe这种漏洞无论是在php中还是java中，审计起来应该都是有迹可循的，在php中全局搜索特定函数，在java中需要找解析xml文档的类有没有被使用，所以，我们首先需要知道java有哪些常见的解析xml的类。本文只介绍一个xml解析类——DocumentBuilder，文章很短，可做快餐食用。

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

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

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

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

Canvas实现的一个壁纸demo

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

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

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

javascript核心之DOM操作

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

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

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

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

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

UmiJS less文件热更新报错：punycode.toASCII is not a function

已知是 Umi 的一个 BUG，已与 2021年7月5日修复：fix: punycode.toASCII is not a function (#6871) 代码修改记录

记录一些前端面试题

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

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

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

手把手教你如何在报表中查询数据

在当今信息爆炸的时代，面对海量的数据，我们常常需要从中提取有价值的信息，做出更好的决策。而数据筛选，正是一种可以帮助我们在众多信息中快速找到所需的内容的方法。通过使用数据筛选工具，可以轻松地筛选出特定条件下的数据，对数据进行过滤和排序以便更好地分析和认识数据。数据筛选不仅是一种有效管理大量信息的手段，也是现代数据处理技术的核心。在大数据时代，了解和熟练掌握数据筛选技巧将有助于帮助更好地理解并使用所拥有的数据资源。今天小编就为大家介绍如何使用JavaScript在报表中引入数据筛选的功能。

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

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

用 Node.js 爬虫下载音乐

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

(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

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

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

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

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

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

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

详解NodeList 和 HTMLCollection 和 Array

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

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

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

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

Android实现带节点的进度条

日常的开发中经常会需要用到自定义View，这次刚好有个需求，需要用到带有节点的进度条。东西很简单直接继承View就行了。

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

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

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

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

JavaScript HTML DOM 节点列表

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

asp dotnet core 简单开发P2P中央服务器

在做P2P的时候，如何让设备发现是整个开发里面最重要的部分。可以采用的方式有组播、扫描局域网、追踪服务器发现等方法。其中效率最高，发现效果最好的也就是使用中央服务器了。本文告诉大家如何使用 ASP.NET Core 写一个简单的 P2P 追踪服务器

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐