![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 73
eiei新时代好少年
这个作者很懒,什么都没留下…
展开
-
【JavaScript】——javascript牛客专项练习错题合集
javascript选择题错题整理原创 2022-12-28 10:03:37 · 958 阅读 · 0 评论 -
【AnimeJs】——仿Animejs徒手实现SVG动画
我们一般会引入anime.js来改变svg动画,但是anime.js源码有一千多行,但我们只需要修改svg这部分的时候,可以通过我们自己手写一段代码来实现svg动画,来优化性能。原创 2022-12-24 17:20:32 · 725 阅读 · 1 评论 -
【Animejs】——Anime.js照片墙案例实现
完成案例用js编写使用animejs实现图片复杂的切换效果原创 2022-12-24 16:10:15 · 1988 阅读 · 0 评论 -
【Anime.js】——Anime.js源码之引擎的理解
引擎engine的方法和动画anime的方法,没有放在一起,这样我们就可以多次调用 anime方法,这就意味着调用一个anime方法就针对一个引擎,但是他们调用的都是同一个方法,那么如何区分开呢?Anime.js之所以能如此强大主要是因为它的代码结构设计的非常巧妙合理,所以我们想要掌握Anime.js的核心,首先我们要了解它的结构。Anime.js的强大之处在于代码量非常少,但功能却非常强大。下面三个蓝色的 方块是Anime.js自己实现的方法。,这样就将不同的anime方法对应不同的引擎。原创 2022-12-19 10:18:32 · 596 阅读 · 0 评论 -
【Anime.js】——用Anime.js实现动画效果
第二个动画不是等到第一个动画结束才开始,是在整个时间轴执行30ms之后开始的,设置Number类型的时间偏移量。现在看到的效果就是,它运动完一个点,跑到下一个点的时候就停止了,我们如何让他一直是动态的呢?是用来创建一个虚拟的节点对象,或者说,是用来创建文档碎片节点。它可以包含各种类型的节点,在创建之初是空的。实现自动选点,对该点进行先缩小后放大如何回到比其他点大一点的状态,并以该点从外向内放大。这两个点不是同时执行的,要让他们有一个交错的效果,给第二个动画设置delay。(1)先实现红色小圆点的动画效果。原创 2022-12-16 22:16:40 · 2055 阅读 · 0 评论 -
【Anime.js】——JavaScript动画库:Anime.js——学习笔记
官网定义:anime.js 是一个简便的JS动画库,用法简单而且适用范围广,涵盖CSS,DOM,SVG还有JS的对象,各种带数值属性的东西都可以动起来。原创 2022-12-14 23:30:06 · 11433 阅读 · 0 评论 -
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 · 9509 阅读 · 2 评论 -
Chrome 浏览器安装Vue2、Vue3插件方法 (详细有效)
以vue3插件为例:下载完解压。将下面的文件拖到扩展程序的页面。原创 2022-12-11 11:58:47 · 13208 阅读 · 5 评论 -
【JavaScript】——JS数组的方法(全且详细)
js数组中的方法原创 2022-12-07 12:11:47 · 4274 阅读 · 2 评论 -
【JavaScript】——“重学前端”06JavaScript执行——闭包和执行上下文
闭包: 执行上下文:var 声明与赋值: let:原创 2022-12-06 22:03:12 · 516 阅读 · 0 评论 -
【JavaScript】——“重学前端”05JavaScript执行——Promise里的代码为什么比setTimeout先执行?
新特性:async/await:原创 2022-12-06 09:59:07 · 301 阅读 · 0 评论 -
【JavaScript】——“重学前端”04对象——对象的分类
JavaScript 中的对象分类:宿主对象:内置对象·固有对象:内置对象·原生对象:用对象来模拟函数和构造器:在固有对象和原生对象中,有一些对象的行为跟正常对象有很大区别:原创 2022-12-06 09:10:09 · 493 阅读 · 0 评论 -
【JavaScript】——“重学前端”03对象——JavaScript需要模拟面向对象吗
“基于类”的编程: “基于原型”的编程:JavaScript 的原型:new操作具体做了哪些事情:ES6 中的类——class:原创 2022-12-05 09:50:58 · 130 阅读 · 0 评论 -
【JavaScript】——“重学前端”02对象——面向对象还是基于对象
什么是对象:JavaScript 对象的特征: 唯一标识性:状态和行为: 数据属性:访问器(getter/setter)属性:原创 2022-12-04 20:21:18 · 170 阅读 · 0 评论 -
【JavaScript】——“重学前端”01数据类型
字符串到数字的类型转换: 装箱转换 :拆箱转换:实践问题:原创 2022-12-04 15:50:26 · 273 阅读 · 0 评论 -
【Ping】——Ping命令来测试网络连通——学习笔记
互联网里的Ping就是发送数据包到目标端,然后等待Ping返回的数据来判断是否可以抵达目标端。ping是一个十分基本但又十分重要的TCP/IP网络工具。它的作用主要为:(1)通常用来检测网络的连通情况和测试网络速度;(2)也可以根据域名得到相应主机的IP地址;(3)根据ping返回的TTL值来判断对方所使用的操作系统及数据包经过路由器数量。(4)因为具备以上功能,ping命令常常被黑客用来进行网络扫描和攻击。对于网络管理员和普通用户来说,我们通常用它来测试网络的连通情况,如果无法正常令是检测网络故障的基本原创 2022-12-03 23:32:33 · 5475 阅读 · 0 评论 -
【解构赋值】——数组的解构赋值方法技巧-ES6
这里一个细节,如果你要进行解构赋值的那个变量名已经存在了,我们是可以进行变量值的改写,解构赋值不一定用于新创建的变量 ,还可以用于修改变量,并且要注意这里就不需要var,let或者const来声明变量了。不过实际上这样访问其中墨迹个数组还是比较麻烦的,我们可以把中括号改为花括号(大括号),以属性的形式来指定元素的序号,这样我们就能更轻松的定义变量了。除了逐个指定来进行赋值以外,如果剩余的数组元素都需要保存起来,就可以用三个点来表示剩余的不顶元素都汇集在一个数组里面。,又在后面逐个赋值。原创 2022-11-29 18:05:18 · 574 阅读 · 0 评论 -
【正则表达式】——10个非常常见的正则表达式案例,轻松搞定正则表达式
正则表达式是前端人必备必会的基础,快来和我一起学习这超级常用的10个案例,让你轻松且彻底明白学会正则表达式!原创 2022-11-28 13:58:17 · 10140 阅读 · 2 评论 -
【JavaScript】——Object.defineProperty方法(详解)
说到响应式原理,一定会提到JavaScriptES5中的API——Object.defineProperty()方法。也是面试会问的原理,今天我们来好好学习一下!原创 2022-11-25 17:09:54 · 2995 阅读 · 2 评论 -
【JavaScript】——JavaScript基础之e.target和this的区别
target 事件属性可返回事件的目标节点(触发该事件的节点),如生成事件的元素、文档或窗口。由此我们会看到,二者输出一致,那么区别是什么呢?target 属性规定哪个 DOM 元素触发了该事件。this是哪个元素绑定了这个事件,那么就返回哪个元素。e.target点击了哪个元素,就返回哪个元素;图中的e一定要有,有了这个。e.target事件属性。e.target表示。原创 2022-11-25 15:24:33 · 493 阅读 · 0 评论 -
【剑指offer系列——JavaScript版】每日2题——连续子数组的最大和
【剑指offer系列——JavaScript版】每日2题——连续子数组的最大和,文章对其细节认真分析,希望帮助到刷题迷茫的小伙伴,大家一起学习进步!原创 2022-11-24 09:24:46 · 297 阅读 · 0 评论 -
【JavaScript】——4个手撕前端面试题(牛客题库):Object.create、Function.call 、Function.bind、new操作符
JavaScript】——4个手撕前端面试题(牛客题库):Object.create、Function.call 、Function.bind、new操作符原创 2022-11-23 21:21:58 · 181 阅读 · 0 评论 -
【JavaScript】——4个手撕前端面试题(牛客题库):instanceof 、Array.map 、Array.filter 、Array.reduce
【JavaScript】——4个手撕前端面试题(牛客题库):instanceof 、Array.map 、Array.filter 、Array.reduce原创 2022-11-23 14:00:53 · 330 阅读 · 0 评论 -
【JavaScript】——js正则函数中test和match的区别
在javascript中,用于检测一个字符串是否匹配某个模式用的比较多的就是test和match方法。原创 2022-11-22 10:11:22 · 346 阅读 · 0 评论 -
【JavaScript】——DOM操作中appendChild()、createElement()、createTextNode()、setAttribute()、getAttribute()用法
【JavaScript】——DOM操作中appendChild()、createElement()、createTextNode()、setAttribute()、getAttribute()用法原创 2022-11-21 10:00:08 · 1414 阅读 · 1 评论 -
【JavaScript】——input元素的oninput事件和onchange事件
oninput事件是在输入框中输入时就会触发,该事件在或元素的值发送改变时触发。onchange事件是在输入框输入完内容后,输入框失焦后触发。且onchange事件也可以作用于和元素。原创 2022-11-21 09:29:29 · 14859 阅读 · 0 评论 -
【JavaScript】——前端模块化—CommonJS规范与ES6规范
模块化管理是开发必备技能,快来一起学习吧!原创 2022-11-09 17:04:01 · 646 阅读 · 0 评论 -
【VSCode】——vscode解决ctrl+alt+f不生效
解决一个很小很小的bug原创 2022-11-07 16:26:21 · 2760 阅读 · 0 评论 -
【面经】——爱奇艺实习offer(已拿)一面、二面(含详细答案)
它们的共同点:都是存储在浏览器本地的 它们的区别:cookie是由服务器端写入的,而SessionStorage、 LocalStorage都是由前端写入的,cookie的生命周期是由服务器端在写入的时候就设置好的,LocalStorage是写入就一直存在,除非手动清除,SessionStorage是页面关闭的时候就会自动清除。用于检测引用数据类型,检测方法是获取实例的构造函数判断和某个类是否相同,如果相同就说明该数据是符合那个数据类型的,这种方法不会把原型链上的其他类也加入进来,避免了原型链的干扰。原创 2022-09-15 00:55:50 · 1348 阅读 · 0 评论 -
【插件的使用】——Swiper插件的应用
这里补充一下:最好的使用方式应该是:下载Swiper文件后->在文件中找到demo->然后去原文件找到对应想要效果的demo(就是去官网查看效果,找到自己想要的样式,再回到自己的demo文件中找到对应那个样式文件)->copy代码,这样得到的代码就是对应版本的代码,就不会存在兼容性问题。但是当我们引入完成发现页面加载是,有问题的,是因为我们没有引入css样式,没有给swiper设置位置大小,官网虽然说可以不设置,但这样是不行的。将这行代码引入自己的代码中,但是需要改成对应的版本号。随便点开一个,查看源码。.原创 2022-08-28 15:04:07 · 496 阅读 · 1 评论