eiei新时代好少年-CSDN博客

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

2022-12-19 10:18:32 607

原创【Anime.js】——用Anime.js实现动画效果

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

2022-12-16 22:16:40 2145

原创【Anime.js】——JavaScript动画库：Anime.js——学习笔记

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

2022-12-14 23:30:06 11839

原创 npm安装依赖报错npm ERR code ENOTFOUND npm ERR errno ENOTFOUND

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

2022-12-14 22:10:48 9552 2

原创 Chrome 浏览器安装Vue2、Vue3插件方法 (详细有效)

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

2022-12-11 11:58:47 13437 5

原创【计算机网络】——通信协议综述（网络协议、网络分层、ifconfige命令行、DHCP与PXE）

始终牢记一个原则：只要是在网络上跑的包，都是完整的。可以有下层没上层，绝对不可能有上层没下层。IP 是地址，有定位功能；MAC 是身份证，无定位功能；CIDR 可以用来判断是不是本地人；IP 分公有的 IP 和私有的 IP。后面的章节中我会谈到“出国门”，就与这个有关。DHCP 协议主要是用来给客户租用 IP 地址，和房产中介很像，要商谈、签约、续租，广播还不能“抢单”；DHCP 协议能给客户推荐“装修队”PXE，能够安装操作系统，这个在云计算领域大有用处。

2022-12-09 16:54:04 513

原创【JavaScript】——JS数组的方法（全且详细）

js数组中的方法

2022-12-07 12:11:47 4422 2

原创【JavaScript】——“重学前端”06JavaScript执行——闭包和执行上下文

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

2022-12-06 22:03:12 532

原创【JavaScript】——“重学前端”05JavaScript执行——Promise里的代码为什么比setTimeout先执行？

新特性：async/await：

2022-12-06 09:59:07 317

原创【JavaScript】——“重学前端”04对象——对象的分类

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

2022-12-06 09:10:09 512

原创【JavaScript】——“重学前端”03对象——JavaScript需要模拟面向对象吗

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

2022-12-05 09:50:58 139

原创【JavaScript】——“重学前端”02对象——面向对象还是基于对象

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

2022-12-04 20:21:18 185

原创【JavaScript】——“重学前端”01数据类型

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

2022-12-04 15:50:26 314

原创【Ping】——Ping命令来测试网络连通——学习笔记

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

2022-12-03 23:32:33 5608

原创【解构赋值】——数组的解构赋值方法技巧-ES6

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

2022-11-29 18:05:18 599

原创【正则表达式】——10个非常常见的正则表达式案例，轻松搞定正则表达式

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

2022-11-28 13:58:17 10433 2

原创【JavaScript】——Object.defineProperty方法（详解）

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

2022-11-25 17:09:54 3032 2

原创【JavaScript】——JavaScript基础之e.target和this的区别

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

2022-11-25 15:24:33 507

原创【剑指offer系列——JavaScript版】每日2题——连续子数组的最大和

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

2022-11-24 09:24:46 323

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

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

2022-11-23 21:21:58 191

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

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

2022-11-23 14:00:53 367

原创【JavaScript】——4个手撕前端面试题（牛客题解）：事件委托、合法的URL、快排、全排列

【JavaScript】——4个手撕前端面试题（牛客题解）：事件委托、合法的URL、快排、全排列

2022-11-23 11:18:40 500

原创【JavaScript】——js正则函数中test和match的区别

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

2022-11-22 10:11:22 369

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

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

2022-11-21 10:00:08 1450 1

原创【JavaScript】——input元素的oninput事件和onchange事件

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

2022-11-21 09:29:29 15093

原创【JavaScript】——前端模块化—CommonJS规范与ES6规范

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

2022-11-09 17:04:01 666

原创【VSCode】——vscode解决ctrl+alt+f不生效

解决一个很小很小的bug

2022-11-07 16:26:21 2848

原创【Vue2项目debug】——动态引入svg图片不生效

虽然图片可以加载出来，但是，这里写的是一个循环，如果不动态绑定，每个列表只能加载相同的这一个图片，也不满足需求（我想要每个列表拥有自己的小图标）svg是一个矢量图，不管放大还是缩小都不会影响到它的清晰度，它实际上是一个js的代码文件，相当于是一个静态的资源。但因为直接这样写导致渲染出来图片的位置并不理想，图片会加载在一级菜单的里面。总结：因为svg相当于是静态资源，在vite中需要import进行静态引入。这样引入，图片路径没有错误，但在页面无法加载出来。：使用import引入即可解决。

2022-10-14 11:01:26 3644 2

原创【Photoshop】——Ps基础学习笔记

快捷键 F键：全屏模式 rgb：红绿蓝 cmyk：青品黄黑所以每种颜色都可以根据下图这四种方式去添加：工作区通常是打开两个工作区，希望大家能记住：1.第一个打开的是历史记录面板这个面板可以点击到任意一步之前的操作，非常有用！2.第二个打开的是字符这里我出现了一个问题，就是剪裁工具和这个选椭圆的工具我在侧边栏是没有的，解决方式如下：现在只是起名叫栅格化，还没有栅格（栅格化之后就不是智能对象了）现在按住ctrl+t把它缩小：再放大：这里可以选多个工具

2022-09-22 16:12:48 15433 2

原创【GitHub】——如何拉取github代码到本地并进行开发

git是开发中必会的技能，也是面试常问的高频面试题，快来一起学习吧！

2022-09-15 18:23:59 12031

原创【面经】——爱奇艺实习offer（已拿）一面、二面（含详细答案）

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

2022-09-15 00:55:50 1391

原创【插件的使用】——Swiper插件的应用

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

2022-08-28 15:04:07 532 1

原创【MarkDown】——MarkDown学习笔记

MarkDown是一种轻量级标记语言，允许人们使用易读易写的纯文本格式编写文档，将格式元素添加到纯文本文档，允许使用易于阅读、易于编写的纯文本格式进行编写，然后将其转换为结构上有效的XHTML（或HTML）MarkDown编写的文档可以导出HTML、Word、图像、PDF、Epub等多种格式的文档。MarkDown编写的文档后缀名为.md、.markdown二、为什么要用MarkDown？Markdown不仅可以帮助公众号排版之外，也可以给任何文档排版，使之更加有结构，更好看。...

2022-08-28 10:12:49 4978

原创【面经】——前端面试八股文内容整理（一）

6.样式预处理器（sass、scss、less）、iconfont，style中加scoped（结合自身项目说明）17.keepalive（activated、deactivated）（项目中的应用，使用include）7.移动端自适应、响应式布局（4种）、三种视口、样式单位（rem等）（结合自身项目说明）31.var、let、const三者区别（变量提升，暂时性死区）38.DOM树，冒泡，target和this区别，事件委托。42.同步异步的区别？26.ajax是什么，如何实现，请求方式，手撕（封装）..

2022-08-17 17:50:26 1959 3

空空如也

空空如也