qq_50497708的博客

javascript选择题错题整理

我们一般会引入anime.js来改变svg动画，但是anime.js源码有一千多行，但我们只需要修改svg这部分的时候，可以通过我们自己手写一段代码来实现svg动画，来优化性能。

完成案例用js编写使用animejs实现图片复杂的切换效果

引擎engine的方法和动画anime的方法，没有放在一起，这样我们就可以多次调用 anime方法，这就意味着调用一个anime方法就针对一个引擎，但是他们调用的都是同一个方法，那么如何区分开呢？Anime.js之所以能如此强大主要是因为它的代码结构设计的非常巧妙合理，所以我们想要掌握Anime.js的核心，首先我们要了解它的结构。Anime.js的强大之处在于代码量非常少，但功能却非常强大。下面三个蓝色的 方块是Anime.js自己实现的方法。，这样就将不同的anime方法对应不同的引擎。

第二个动画不是等到第一个动画结束才开始，是在整个时间轴执行30ms之后开始的，设置Number类型的时间偏移量。现在看到的效果就是，它运动完一个点，跑到下一个点的时候就停止了，我们如何让他一直是动态的呢？是用来创建一个虚拟的节点对象，或者说，是用来创建文档碎片节点。它可以包含各种类型的节点，在创建之初是空的。实现自动选点，对该点进行先缩小后放大如何回到比其他点大一点的状态，并以该点从外向内放大。这两个点不是同时执行的，要让他们有一个交错的效果，给第二个动画设置delay。（1）先实现红色小圆点的动画效果。

官网定义：anime.js 是一个简便的JS动画库，用法简单而且适用范围广，涵盖CSS，DOM，SVG还有JS的对象，各种带数值属性的东西都可以动起来。

npm ERR! code ENOTFOUND npm ERR! errno ENOTFOUND npm ERR! network request to http://jfrog.cloud.qiyi.domain:80/api/npm/npm/animejs failed, reason: getaddrinfo ENOTFOUND jfrog.cloud.qiyi.domain npm ERR! network This is a problem related to network connecti

以vue3插件为例：下载完解压。将下面的文件拖到扩展程序的页面。

js数组中的方法

闭包: 执行上下文：var 声明与赋值： let：

新特性：async/await：

JavaScript 中的对象分类:宿主对象:内置对象·固有对象：内置对象·原生对象：用对象来模拟函数和构造器：在固有对象和原生对象中，有一些对象的行为跟正常对象有很大区别:

“基于类”的编程： “基于原型”的编程：JavaScript 的原型：new操作具体做了哪些事情：ES6 中的类——class:

什么是对象：JavaScript 对象的特征： 唯一标识性：状态和行为： 数据属性：访问器（getter/setter）属性：

字符串到数字的类型转换： 装箱转换 ：拆箱转换:实践问题:

互联网里的Ping就是发送数据包到目标端，然后等待Ping返回的数据来判断是否可以抵达目标端。ping是一个十分基本但又十分重要的TCP/IP网络工具。它的作用主要为：（1）通常用来检测网络的连通情况和测试网络速度；（2）也可以根据域名得到相应主机的IP地址；（3）根据ping返回的TTL值来判断对方所使用的操作系统及数据包经过路由器数量。（4）因为具备以上功能，ping命令常常被黑客用来进行网络扫描和攻击。对于网络管理员和普通用户来说，我们通常用它来测试网络的连通情况，如果无法正常令是检测网络故障的基本

这里一个细节，如果你要进行解构赋值的那个变量名已经存在了，我们是可以进行变量值的改写，解构赋值不一定用于新创建的变量 ，还可以用于修改变量，并且要注意这里就不需要var，let或者const来声明变量了。不过实际上这样访问其中墨迹个数组还是比较麻烦的，我们可以把中括号改为花括号（大括号），以属性的形式来指定元素的序号，这样我们就能更轻松的定义变量了。除了逐个指定来进行赋值以外，如果剩余的数组元素都需要保存起来，就可以用三个点来表示剩余的不顶元素都汇集在一个数组里面。，又在后面逐个赋值。

正则表达式是前端人必备必会的基础，快来和我一起学习这超级常用的10个案例，让你轻松且彻底明白学会正则表达式！

说到响应式原理，一定会提到JavaScriptES5中的API——Object.defineProperty()方法。也是面试会问的原理，今天我们来好好学习一下！

target 事件属性可返回事件的目标节点（触发该事件的节点），如生成事件的元素、文档或窗口。由此我们会看到，二者输出一致，那么区别是什么呢？target 属性规定哪个 DOM 元素触发了该事件。this是哪个元素绑定了这个事件，那么就返回哪个元素。e.target点击了哪个元素，就返回哪个元素；图中的e一定要有，有了这个。e.target事件属性。e.target表示。

【剑指offer系列——JavaScript版】每日2题——连续子数组的最大和，文章对其细节认真分析，希望帮助到刷题迷茫的小伙伴，大家一起学习进步！

JavaScript】——4个手撕前端面试题（牛客题库）：Object.create、Function.call 、Function.bind、new操作符

【JavaScript】——4个手撕前端面试题（牛客题库）：instanceof 、Array.map 、Array.filter 、Array.reduce

在javascript中，用于检测一个字符串是否匹配某个模式用的比较多的就是test和match方法。

【JavaScript】——DOM操作中appendChild()、createElement()、createTextNode()、setAttribute()、getAttribute()用法

oninput事件是在输入框中输入时就会触发，该事件在或元素的值发送改变时触发。onchange事件是在输入框输入完内容后，输入框失焦后触发。且onchange事件也可以作用于和元素。

模块化管理是开发必备技能，快来一起学习吧！

解决一个很小很小的bug

它们的共同点：都是存储在浏览器本地的 它们的区别：cookie是由服务器端写入的，而SessionStorage、 LocalStorage都是由前端写入的，cookie的生命周期是由服务器端在写入的时候就设置好的，LocalStorage是写入就一直存在，除非手动清除，SessionStorage是页面关闭的时候就会自动清除。用于检测引用数据类型，检测方法是获取实例的构造函数判断和某个类是否相同，如果相同就说明该数据是符合那个数据类型的，这种方法不会把原型链上的其他类也加入进来，避免了原型链的干扰。

这里补充一下：最好的使用方式应该是：下载Swiper文件后->在文件中找到demo->然后去原文件找到对应想要效果的demo（就是去官网查看效果，找到自己想要的样式，再回到自己的demo文件中找到对应那个样式文件）->copy代码，这样得到的代码就是对应版本的代码，就不会存在兼容性问题。但是当我们引入完成发现页面加载是，有问题的，是因为我们没有引入css样式，没有给swiper设置位置大小，官网虽然说可以不设置，但这样是不行的。将这行代码引入自己的代码中，但是需要改成对应的版本号。随便点开一个，查看源码。.