qq_50497708的博客

目录：线程基本概念并行\并发的区别多线程优点和何时使用多线程多线程创建的两种方式：继承Thread类、实现Runnable接口（代码）线程的生命周期线程的同步用线程同步解决线程安全问题的方式（一）：同步代码快、同步方法、Lock锁（代码）死锁线程通信的例子——涉及wait()、notify()、notifyAll()）面试题：sleep()和wait()的异同生产者和消费者例题用线程同步解决线程安全问题的方式（二）：实现Callable()接口、线程池基本

npm不显示 npm报错npm WARN config global `--global`, `--local` are deprecated. Use `--location=global` instead.

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是什么，如何实现，请求方式，手撕（封装）..

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

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

网页上已经可以做出很多复杂的动画，精美的效果。下图就是通过WebGL在网页中绘制高性能的3D图形。threejs是一个让用户通过javascript入手进入搭建webgl项目的类库。

yarn i报错

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）属性：

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

这里一个细节，如果你要进行解构赋值的那个变量名已经存在了，我们是可以进行变量值的改写，解构赋值不一定用于新创建的变量 ，还可以用于修改变量，并且要注意这里就不需要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设置位置大小，官网虽然说可以不设置，但这样是不行的。将这行代码引入自己的代码中，但是需要改成对应的版本号。随便点开一个，查看源码。.