在JS中，存在几个内置属性天然支持数据浅复制，但是每个属性都有一定的适用条件和范围。
js中有深拷贝和浅拷贝两种复制形式，下面总结一下常用方法，方便平时工作复习使用
最近发现之前在B站下载的视频，有一些突然变成大会员才能看了。(我下载的时候，还是都能看的。把我下载的文件给加密了，想逼我充大会员，这谁忍得了)。于是，决定把之前下载的文件都给保存到自己的硬盘中。但是量有点小大，20G。所以就排除了用网上的下载B站视频的方法。于是上网搜索了一下，然后发现了音视频开发库中的王者ffmpeg。
那么，对一个对象进行拷贝，无非就是对对象的属性进行拷贝，按照拷贝处理的方式不同，可分为浅拷贝和深拷贝：
深度优先遍历就是当我们搜索一个树的分支时，遇到一个节点，我们会优先遍历它的子节点直到最后根节点为止，最后再遍历兄弟节点，从兄弟子节点寻找它的子节点，直到搜索到最后结果，然后结束。
昊昊是业务线前端工程师（专业页面仔），我是架构组工具链工程师（专业工具人），有一天昊昊和说我他维护的项目中没用到的模块太多了，其实可以删掉的，但是现在不知道哪些没用，就不敢删，问我是不是可以做一个工具来找出所有没有被引用的模块。毕竟是专业的工具人，这种需求难不倒我，于是花了半天多实现了这个工具。
注: JSON.stringify()转换对象过程中，undefined、任意的函数以及 symbol 值，在序列化过程中会被忽略（出现在非数组对象的属性值中时）或者被转换成null（出现在数组中时）。函数、undefined 被单独转换时，会返回 undefined。
什么是 AST？AST 是 Abstract Syntax Tree 的首字母的缩写，中文名称为：抽象语法树抽象语法树本质上就是一个 JS 对象，以字符串的视角，将 Html 标签 解析为 JS 对象渲染函数（h 函数），既是 AST 的产物，也是 vnode 的起源h('div', { attrs: { className: 'box' } }, [ h('ul', {}, [ h('li', {}, '1'), h('li', {}, '2'), h('l
背景 最近在涉猎 【React】 前端框架知识时; 更多的精力会放在对 JS 的数据处理上 并且, 在业务中会经常使用数组操作 显然， 对不熟悉前端开发的小伙伴，会很容易入坑的 ——
最近参加百度前端训练营有节课讲到了JS对象的深拷贝，于是上网搜了一下相关文章，发现这是面试高频考题，于是乎写篇文章总结一下。
之前学习爬虫的时候，如果是 HTML 的数据，通过 xpath 或是 css 选择器，就能很快的获取我们想要的数据，如果是 json 有没有类似 xpath 这种，能够直接根据条件定位数据，而不需要自行 json 解析在遍历获取。答案是有的，也就是 JSONPath。
在JavaScript中，对对象进行拷贝的场景比较常见。但是简单的复制语句只能对对象进行浅拷贝，即复制的是一份引用，而不是它所引用的对象。而更多的时候，我们希望对对象进行深拷贝，避免原始对象被无意修改。
写在前边 作为前端面中老生长谈的深拷贝,我相信许多前端开发者对它嗤之以鼻。 "21世纪了还在讲这种老掉牙的知识？！" 各位大佬别着急拔刀😅，文章中站在一个合格的面试官角度来谈谈一个基本合格的深拷贝需要考虑哪些边界情况: 拷贝的日期格式处理。 拷贝中的正则对象处理。 拷贝中的循环对象引用。 拷贝中的相同引用对象处理。 拷贝中不能丢失原本对象原型。 拷贝中原本对象的属性修饰符。 一个成熟的深拷贝最基本的实现一定是需要囊括上边六点，看到这里各位可以想一想脑海中的深拷贝是不是覆盖到了所有的点
对原对象进行浅拷贝，会生成一个和它“一样”的新对象。但是这种拷贝只会拷贝原对象第一层的基本类型属性，引用类型属性仍然和原对象共享同一个。
在JS 代码中，异步无处不在，Ajax通信，Node中的文件读写等等等，只有搞清楚异步编程的原理和概念，才能在JS的世界中任意驰骋，随便撒欢；
艺术喵 2 年前端面试心路历程（字节跳动、YY、虎牙、BIGO）| 掘金技术征文
Vite 4.3 相比 Vite 4.2 取得了惊人的性能提升，下面和大家分享一下 Vite 4.3 性能大幅提升的幕后技术细节，深度阅读，全程高能。
做项目的过程中遇到TreeTable,感觉很焦急，于是我就去github上面找，发现很糟糕。上面需要写的代码太过于多，本人手比较懒，所以几番查找。找到了一个比较实用的TreeTable的js
Webpack 是前端很火的打包工具，它本质上是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 Webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有模块打包成一个或多个 bundle。
“回?掏”。最近做东西，有点儿玩不转复杂数据类型，写篇博文再回顾下深、浅拷贝相关知识。深、浅的区分主要在对复杂数据类型进行操作的时候。 By the way：时间过得很快，十月了，之前定了个小目标：
输入字符串s，以及其重复的次数，输出重复的结果，例如输入abc，2，输出abcabc。
setInterval 的作用是每隔一段指定时间执行一个函数，但是这个执行不是真的到了时间立即执行，它真正的作用是每隔一段时间将事件加入事件队列中去，只有当当前的执行栈为空的时候，才能去从事件队列中取出事件执行。所以可能会出现这样的情况，就是当前执行栈执行的时间很长，导致事件队列里边积累多个定时器加入的事件，当执行栈结束的时候，这些事件会依次执行，因此就不能到间隔一段时间执行的效果。
浅拷贝是指，一个新的对象对原始对象的属性值进行精确地拷贝，如果拷贝的是基本数据类型，拷贝的就是基本数据类型的值，如果是引用数据类型，拷贝的就是内存地址。如果其中一个对象的引用内存地址发生改变，另一个对象也会发生变化。
今天，我们继续「前端面试」的知识点。我们来谈谈关于「JavaScript」的相关知识点和具体的算法。
持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第32天，点击查看活动详情
说起国内的御剑套装，相信各位都已经非常熟悉了。但御剑已经好多年不更新了，而且需要windows，有时候线程设置大了点，扫了半天中途还可能卡住不动了，也没有实时的数据保存，前功尽弃。总之各种不爽。
最近自己有个批量调用 API 抓取数据的需求，类似爬虫抓数据的感觉。听到爬虫二字，我们常常想到的是 Python, Beautiful Soup 之流，而对于简单地抓取数据这种需求来说，一个小米加步枪就能干掉的东西，拉个加农炮来，显得有些大材小用。实际上，只需要围绕着 抓取->格式转换处理->保存 这简单三步，然后用合适的工具或编程语言实现就好了。
我们创建了add.js文件和minus.js文件,然后 在index.js中引入，再将index.js文件引入index.html。
说到深拷贝与浅拷贝，为什么会有这两种概念呢，根本原因就在于js的两种数据类型：基本数据类型和引用数据类型，两种数据类型存储方式不同。
JS中有两种数据类型，值类型和引用类型，当我们需要把一个变量赋给另一个变量时，对于值类型很简单：
最近经常看到很多 JavaScript手写代码的文章总结，里面提供了很多 JavaScriptApi的手写实现。
市面上现在有很多bundler，最著名的就是webpack，此外常见的还有 browserify，rollup，parcel等。虽然现在的bundler进化出了各种各样的功能，但它们都有一个共同的初衷，就是能给前端引入模块化的开发方式，更好的管理依赖、更好的工程化。
上一篇Vite入门从手写一个乞丐版的Vite开始（上）我们已经成功的将页面渲染出来了，这一篇我们来简单的实现一下热更新的功能。
题目描述:有一组版本号如下 ['0.1.1', '2.3.3', '0.302.1', '4.2', '4.3.5', '4.3.4.5']。现在需要对其进行排序，排序的结果为 ['4.3.5','4.3.4.5','2.3.3','0.302.1','0.1.1']
类的继承在几年前是重点内容，有n种继承方式各有优劣，es6普及后越来越不重要，那么多种写法有点『回字有四样写法』的意思，如果还想深入理解的去看红宝书即可，我们目前只实现一种最理想的继承方式。
event bus既是node中各个模块的基石，又是前端组件通信的依赖手段之一，同时涉及了订阅-发布设计模式，是非常重要的基础。
这是JS 原生方法原理探究系列的第八篇文章。本文会介绍如何实现 JSON.stringify() 方法。
请使用最基本的遍历来实现判断字符串 a 是否被包含在字符串 b 中，并返回第一次出现的位置（找不到返回 -1）。
由博主《前端初级工程师面试系列一JS基础》文章一JS变量类型引伸的考点，变量类型分为基本类型和引用类型，那么在变量拷贝赋值时，也是不一样的，分为浅拷贝和深拷贝，是面试中常考的知识点，也是实际开发中经常会用到的内容。
你是不是在前端群见过很多这种前景：这个怎么做？怎么拿到这些数据？怎么更新整个列表？
webpack可以说是目前最火的打包工具，如果用不好他，真的不敢说自己是个合格的前端工程师
👆点击“博文视点Broadview”，获取更多书讯 lodash里的cloneDeep函数可以用来解决深拷贝的场景，但你有没有思考过lodash里的cloneDeep函数是如何实现的呢？ 虽然我们可以直接使用lodash，但是学习深拷贝函数的实现原理仍然是非常有意义的，深拷贝也是一道非常经典的前端面试题，其可以考察面试者的很多方面，比如基本功、代码能力、逻辑能力。 深拷贝看似简单，但要想实现一个完美的深拷贝却并不容易，通过笔者的面试考察经验来看 ，只有 50%的人能够实现基础版本，能实现完美版本的竟然不到
这期来关注一下CodeSandbox, 这是一个浏览器端的沙盒运行环境，支持多种流行的构建模板，例如 create-react-app、 vue-cli、parcel等等。 可以用于快速原型开发、DEMO 展示、Bug 还原等等.
网上相关例子基本都是 ztree，然后个人去看了看官网，看了半天没找到合适又简单的，ztree，由于界面不适合项目里面的，要是修改他的样式我还可能出现更多的错误，于是打算自己手写一个，一个是锻炼自己的
①node实现终端命令行 ②终端命令行交互 ③深copy整个文件夹 ④nodejs执行终端命令 如 npm install ⑤建立子进程通信 ⑥webpack底层操作，启动webpack,合并配置项 ⑦编写一个plugin,理解各阶段 ⑧require.context实现前端自动化
美国时间 2021 年 10 月 7 日早晨，This Dot Media 邀请了 Vue 的核心成员和 Vue Community （例如 Quasar, Ionic 开发者等）的一些主要贡献者举办了一个 Vue Contributor Days 在线会议，长达两个半小时，会上 vue-cli 的核心贡献者胖茶也在同一天公开了全新的脚手架工具 create-vue[1]，我也是看到 antfu 发推就关注了一下，看完直播回放[2]之后收获很大，这里做一些总结并且分析一下最新发布的 create-vue 的源码。
以上程序使用 fs.readFileSync 从源路径读取文件内容，并使用 fs.writeFileSync 将文件内容写入目标路径。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
