开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

深度理解DOM拷贝clone()

克隆节点是DOM的常见操作，jQuery提供一个clone方法，专门用于处理dom的克隆:

02

DOM 节点的克隆和导入

在使用 JS 操作 DOM 节点的时候，我们常常会用到克隆（或导入）节点的操作，那到底有哪些方法可以实现节点克隆（或导入）的效果呢？

00

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

是的

没有找到

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

纯前端生成海报实践及其性能调优

1 需求背景接到了一个紧急需求，需要根据 Excel 表格中学生的信息以及考试成绩生成相应的海报。 Excel 数据和需要生成的海报的样式如下： Excel 数据海报样式由于需求紧急，没有时间拉上后端同学，所以 Excel 表格的数据解析和海报生成功能都需要由前端开发。以下几个技术点需要关注： 1. Excel 可以通过 sheetjs来处理，通过在 XLSX.utils.sheet_to_json 将 Excel 中的数据转化为 JSON 格式数据。 2. 海报图片的生成可以先通过 htm

02

网页轮播图案例

此时用到animate动画函数，将js文件引入(注意，因为index.js 依赖animate.js所以，animate.js 要写到index.is.上面)

03

网页轮播图案例

节流阀目的：当上一个函数动画内容执行完毕，再去执行下一个函数动画，让事件无法连续触发。

02

DOM 节点的克隆与删除

无奈的开头关于DOM节点操作，如果仅仅是根据标准API来操作，那是最简单不过的了。但是现实中却哪有这么容易的问题让我们解决，其实不仅仅是节点的克隆与删除，节点的添加也是如此，而且添加节点需要考虑的情况更多，这里不详细讲解，只说明大概过程。问题那么多，主要出现在浏览器自身实现上，其中尤属legacy IE上—IE6,7,8. 在添加节点的API实现上，IE做了一个贡献，那就是insertAdjacentHTML函数被纳入HTML5规范上，这个函数在之前的文章中详细讲解并实现

07

MySQL家族"新"成员——MySQL Shell

标题虽然叫做MySQL家族新成员，但如果从发布时间上来看，MySQL Shell已经不能算做新成员了，它的正式版与MySQL8.0同一天诞生，2018年4月19日，但还有很多人对它比较陌生，所以称之为“新”。在这篇文章里，我将会介绍一下它的部分功能和使用方法。

04

js基础

一个html页面由那几部分组成的？ html(超文本标记语言)、css(层叠样式表)、js(动态脚本语言)(操作页面上所有元素，让元素具有动态的效果) 前端工程师工作的内容：拿到UI设计图：切图---->html+css静态布局----->用js写一些动态效果----->ajax和后台进行交互，把数据绑定到页面上---->用nodejs服务平台做源代码的管理---->用nodejs做后台用到的开发工具有： Dw、sublime、webstrom、hbuild、eclipse...... 将css引

03

jQuery源码解析之clone()

前言：这篇讲完后，jQuery的文档处理就告一段落了，有空我把这部分整合下，发一篇文章目录。

02

网页轮播图案例

② 此时用到animate动画函数，将js文件引入（注意，因为index.js 依赖 animate.js 所以，animate.js 要写到 index.js 上面）

01

Web Components 系列（五）—— 关于 Templates

在之前介绍创建 Custom Elements 的代码中，有一个地方是比较繁琐的：Shadow DOM 中的每个子元素都是通过 document.createElement 方法创建的。就像下面这样的：

02

学习zepto.js(对象方法)[5]

学习zepto.js(对象方法)[5] clone: 该方法不接收任何参数,会返回对象中的所有元素集合,但不会对象绑定的事件. var $temp =$("div").clo

MySQL8.0.19的InnoDB ReplicaSet

MySQL8.0.19里面推出了一个新功能，InnoDB ReplicaSet，我暂且管它叫做叫做复制集。那么这个复制集是做什么用的呢？为何要推出这样一款产品呢？它将如何使用呢？这篇文章里我将会简单的介绍一下它。

02

JavaScript案例：轮播图

节流阀目的：当上一个函数动画内容执行完毕，再去执行下一个函数动画，让事件无法连续触发。

01

ECMAScript 2021新特性，1行代码搞定深拷贝

长久以来，你不得不借助于黑魔法和第三方库来创建一个JavaScript值的深拷贝。现在，ECMAScript 2021提供了structuredClone()，这是一个用于深拷贝的内置函数。

04

不换的周刊第31期

浏览器基线，现代化的浏览器基本都得到了支持，并且在 Web Worker 中可用。

01

jQuery学习笔记之DOM操作、事件绑定（2）

jQuery学习笔记之DOM操作、事件绑定（2） ————————————————————学习目录———————————————————————— 4.DOM操作 5.事件绑定

01

Web Workers RPC

javascript 是单线程编程语言，这使得我们开发过程中不必关注因多线程导致的复杂场景（如，死锁）。

01

Substrate区块链开发框架简介原

Parity的Substrate区块链框架在最近几个月里的开发进展很迅速，基于Substrate的Polkadot区块链的开发也是如火如荼。这个教程的目的是介绍如何构建一个可以支持自己的运行时模块的Substrate链。

01

jQuery基础--总结

<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script src="jquery-1.12.4.js"></script> <script> //jquery:简单、粗暴 //jq和js的关系 //js是什么？ js是一门编程语言 //jq仅仅是基于js的一个库，jq可理解为就是开发js的一个工具。

02

如何使用Node.js和Github Webhooks保持远程项目同步

在处理具有多个开发人员的项目时，当一个人推送到存储库然后另一个人开始对过时版本的代码进行更改时，这可能会令人沮丧。像这些花费时间的错误，这使得设置脚本以保持您的存储库同步是值得的。您还可以在生产环境中应用此方法以快速推送修补程序和其他更改。

03

从头开始创建自己的Vue.js-第1部分（简介）

是“魔法”，因为他们做的很好，因为它看起来是魔法。但事实并非如此。事实上,重建类 Vue 功能并不是那么困难，我想在本系列中向您证明这一点，在本系列中，我们将逐步创建一个响应式框架(或者至少是它的原型)，类似于Vue 2的内部工作方式。

02

JavaScript做简单的购物车效果（增、删、改、查、克隆）

比如有时候遇到下面这种情况，点击加入购物车，然后在上方的购物车中动态的添加商品以及商品的信息，我们就可以通过JavaScript实现简单的这些操作。

01

【你不知道的事】JavaScript 中用一种更先进的方式进行深拷贝：structuredClone

本文我们要介绍的是 structuredClone 函数，它是内置在 JavaScript 运行时中的:

01

Go学设计模式--原型模式的考查点和使用推荐

前言这篇原创本周发布过一次，名字和内容有些问题，不利于长期留存，重新整理发布一次。如果一个类的有非常多的属性，层级还很深。每次构造起来，不管是直接构造还是用建造者模式，都要对太多属性进行复制，那

02

CWFF：一款针对模糊测试的自定义字典工具

CWFF是一款专用于模糊测试的自定义字典工具，该工具可以帮助广大研究人员以高速并发的形式创建一个特定的高质量模糊测试/内容发现字典。

02

避坑指南！手把手带你解读html2canvas的实现原理

导语 | html2canvas在前端通常用于合成海报、生成截图等场景。本文从一次蒙层截图失败对html2canvas的实现原理展开详细探讨，带你完美避坑！一、问题背景在一个前端项目中，有对当前页面进行截屏并上传的需求。安装了html2canvas的npm包后，实现页面截图时，发现html2canvas将原本有透明度的蒙层截图为了没有透明度的蒙层，如下面两张图所示：显然这并不能满足前端截屏的需求，于是进行google，终于查到了相关问题。原来html2canvas渲染opacity失败

06

MySQL8.0 原生高可用之Innodb Cluster（二）

一、MySQL Shell的安装和配置二、MySQL Router的搭建和使用方法三、MySQL Innodb Cluster搭建过程1、原理图镇楼2、服务器信息3、具体搭建过程3.1 检查实例配置3.2 创建一个Innodb Cluster集群，并加入第一个节点3.3 加入其他节点四、简单测试4.1 MGR运行模式切换4.2 测试主动切换主库

02

如何使用EndExt从JS文件中提取出所有的网络终端节点

EndExt是一款功能强大的基于Go语言实现的网络安全工具，在该工具的帮助下，广大研究人员可以轻松从JS文件中提取出所有可能的网络终端节点。

02

ng-options在IE上数据不改变的问题

最近遇见angularjs 在IE上当使用ng-options作为select的选项数据源，并且被套在ng-switch（ng-transclude）之类的，当angular上得ng-options数据源model改变后，在IE上并不渲染。

02

【玩转Lighthouse】部署UNPKG服务可视化NPM包加速NPM

网站 --> 安装Nginx --> 默认选项即可（1.20，极速安装）--> 等待安装完成

03

如何使用LinkFinder在JavaScript文件中查找网络节点

LinkFinder是一款功能强大的Python脚本，在该工具的帮助下，广大研究人员可以轻松在JavaScript文件中发现和扫描网络节点及其相关参数。这样一来，渗透测试人员和漏洞猎人将能够快速在测试的目标网站伤收集新的隐藏节点了。

05

利用Hyperledger Fabric开发你的第一个区块链应用

在这个例子中，我们通过一个简单的示例程序来了解Fabric应用是如何运行的。在这个例子中使用的应用程序和智能合约（链码）统称为FabCar。这个例子很好地提供了一个开始用于理解Hyperledger Fabric。在这里，你将学会如何开发一个应用程序和智能合约来查询和更新账本，如何利用CA来生成一个应用程序需要的用于和区块链交互的X.509证书。

03

vue源码中的渲染过程是怎样的

当浏览器接收到一个Html文件时，JS引擎和浏览器的渲染引擎便开始工作了。从渲染引擎的角度，它首先会将html文件解析成一个DOM树，与此同时，浏览器将识别并加载CSS样式，并和DOM树一起合并为一个渲染树。有了渲染树后，渲染引擎将计算所有元素的位置信息，最后通过绘制，在屏幕上打印最终的内容。JS引擎和渲染引擎虽然是两个独立的线程，但是JS引擎却可以触发渲染引擎工作，当我们通过脚本去修改元素位置或外观时，JS引擎会利用DOM相关的API方法去操作DOM对象,此时渲染引擎变开始工作，渲染引擎会触发回流或者重绘。下面是回流重绘的两个概念：

01

第30天：DOM对象操作

documment.getElementById() documment.getElementsByTagName() documment.getElementsByClassName() //主流浏览器支持，IE6、7、8不兼容

01

dom啦4 Node增删改查

<!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> </style> </head> <body>

我是标题

我是段落

<script type="text/javascript"> //创建节点 let qq=document.createElement("span");//创建span标签 //console.log(qq)

03

前端面试题整理

交互设计前端开发前言：现在前端面试主要考察以下几个方面：初级的：html、css、js,jquery,开发工具git的使用，对其他框架稍微了解；中级的：框架angularjs，reactjs，vuejs,构建工具gulp，grunt，webpack等，面向对象编程，nodejs，AMD，CMD模块加载，http网络编程；高级的：编程思想的理解，框架原理，架构，全栈，项目与团队的管理；对于目前在找工作的前端来说，估计大多也是初中级的了，高级的可能会有go公司自己找你；下面这些题，对于初中级有用，

09

整理常见 DOM 操作

整理常见 DOM 操作 ⭐️ 更多前端技术和知识点，搜索订阅号 JS 菌订阅框架用多了，你还记得那些操作 DOM 的纯 JS 语法吗？看看这篇文章，来回顾一下~ ? 操作 className ad

02

用javascript分类刷leetcode24.其他类型题(图文视频讲解)1

73. 矩阵置零（ medium）给定一个 m x n 的矩阵，如果一个元素为 0 ，则将其所在行和列的所有元素都设为 0 。请使用原地算法。示例 1：图片输入：matrix = [1,1,1,1,0,1,1,1,1]输出：[1,0,1,0,0,0,1,0,1]示例 2：图片输入：matrix = [0,1,2,0,3,4,5,2,1,3,1,5]输出：[0,0,0,0,0,4,5,0,0,3,1,0]提示：m == matrix.lengthn == matrix0.length1 <= m, n <

02

clone() 方法

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/113404.html原文链接：https://javaforall.cn

02

实时音视频开发学习3 - 实现web端跑通知识储备

本节内容主要讲解如何快速使用SDK包，SDK集成方式，SDK目录结构解释以及在web端和小程序端进行跑通。

02

两百行内 JavaScript 打造lambda 演算解释器

我当然听说过 lambda 演算，但直到我读了这本书《类型和编程语言》（Types and Programming Languages）我才体会到其中美妙。

02

组复制常规操作-分布式恢复 | 全方位认识 MySQL 8.0 Group Replication

注意：当完成状态传输后，组复制将重新启动joiner节点的数据库进程以完成该过程。如果在joiner节点上设置了group_replication_start_on_boot=OFF，则在数据库进程重新启动完成之后必须再次手动执行START GROUP_REPLICATION语句启动组复制。如果在配置文件中设置了group_replication_start_on_boot=ON和启动组复制所需的其他设置，或者使用了SET PERSIST语句将group_replication_start_on_boot=ON和启动组复制所需的其他设置进行了持久化，则在数据库进程重启之后不需要进行干预，组复制会继续自动执行成员加入组并使其达到ONLINE状态的流程。

01

刚学会深拷贝一个对象，学妹却问我怎么深拷贝一个图

在前面，我写过一篇Java的深浅拷贝，那是基于对象的拷贝，但放眼数据结构与算法中，你有考虑过怎么拷贝一个图吗？(无向图)

02

Fabric.js 复制粘贴元素

当你要复制一个 fabric 的元素时，你考虑到的是什么？是深拷贝当前选中对象再添加到画布中？

02

tcR包：T细胞受体和免疫球蛋白数据进行高级分析和可视化（二）

免疫球蛋白(IG)和T细胞受体(TR)在适应性免疫应答过程中起着关键的抗原识别作用。上一次我们介绍到tcR包：T细胞受体和免疫球蛋白数据进行高级分析和可视化（一）。今天小编继续为大家介绍分析T细胞受体库的R包：tcR包，可以对TR序列进行多样性评估、共享T细胞受体序列识别、基因usage统计计算等。

03

企业面试题: JavaScript中如何对一个对象进行深度clone

（1）原始类型包括：数值、字符串、布尔值、null、undefined（后两个是特殊的原始值，这里不做详细的说明，我的上一篇博客有谈到过一些）

04

与Ajax同样重要的jQuery（2）

练习9： ² 点击button 打印radio checkbox select 中选中项的值 <script type="text/javascript" src="../jquery-1.8.3.min.js"></script> <script type="text/javascript"> $(function(){ // 点击button 打印radio checkbox select 中选中项的值 $("#mybutton").click(function(){ // 打印选中性别的值 $("in

05

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭