particlesJS使用简介，CSS字体样式值

“color”: {

“value”: “#ffffff”

},

“shape”: {

“type”: “polygon”,

“stroke”: {

“width”: 0,

“color”: “#000000”

},

“polygon”: {

“nb_sides”: 5

},

“image”: {

“src”: “img/github.svg”,

“width”: 100,

“height”: 100

}

},

“opacity”: {

“value”: 0.5,

“random”: false,

“anim”: {

“enable”: false,

“speed”: 1,

“opacity_min”: 0.1,

“sync”: false

}

},

“size”: {

“value”: 3,

“random”: true,

“anim”: {

“enable”: false,

“speed”: 40,

“size_min”: 0.1,

“sync”: false

}

},

“line_linked”: {

“enable”: true,

“distance”: 150,

“color”: “#ffffff”,

“opacity”: 0.4,

“width”: 1

},

“move”: {

“enable”: true,

“speed”: 6,

“direction”: “none”,

“random”: false,

“straight”: false,

“out_mode”: “out”,

“bounce”: false,

“attract”: {

“enable”: false,

“rotateX”: 600,

“rotateY”: 1200

}

}

},

“interactivity”: {

“detect_on”: “canvas”,

“events”: {

“onhover”: {

“enable”: true,

“mode”: “repulse”

},

“onclick”: {

“enable”: true,

“mode”: “push”

},

“resize”: true

},

“modes”: {

“grab”: {

“distance”: 400,

“line_linked”: {

“opacity”: 1

}

},

“bubble”: {

“distance”: 400,

“size”: 40,

“duration”: 2,

“opacity”: 8,

“speed”: 3

},

“repulse”: {

“distance”: 200,

“duration”: 0.4

},

“push”: {

“particles_nb”: 4

},

“remove”: {

“particles_nb”: 2

}

}

},

“retina_detect”: false

}

配置文件二（星空背景）：

{

“particles”: {

“number”: {

“value”: 160,

“density”: {

“enable”: true,

“value_area”: 800

}

},

“color”: {

“value”: “#ffffff”

},

“shape”: {

“type”: “circle”,

“stroke”: {

“width”: 0,

“color”: “#000000”

},

“polygon”: {

“nb_sides”: 5

},

“image”: {

“src”: “img/github.svg”,

“width”: 100,

“height”: 100

}

},

“opacity”: {

“value”: 1,

“random”: true,

“anim”: {

“enable”: true,

“speed”: 1,

“opacity_min”: 0,

“sync”: false

}

},

“size”: {

“value”: 3,

“random”: true,

“anim”: {

“enable”: false,

“speed”: 4,

“size_min”: 0.3,

“sync”: false

}

},

“line_linked”: {

“enable”: false,

“distance”: 150,

“color”: “#ffffff”,

“opacity”: 0.4,

“width”: 1

},

“move”: {

“enable”: true,

“speed”: 1,

“direction”: “none”,

“random”: true,

“straight”: false,

“out_mode”: “out”,

“bounce”: false,

“attract”: {

“enable”: false,

“rotateX”: 600,

“rotateY”: 600

}

小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Web前端开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频

如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注：前端）

ajax

1)ajax请求的原理/ 手写一个ajax请求？
2)readyState？
3)ajax异步与同步的区别？
4)ajax传递中文用什么方法？

18)]
[外链图片转存中…(img-WactIisH-1710689629419)]

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频

如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注：前端）
[外链图片转存中…(img-p96K3Hvi-1710689629419)]

ajax

1)ajax请求的原理/ 手写一个ajax请求？
2)readyState？
3)ajax异步与同步的区别？
4)ajax传递中文用什么方法？

[外链图片转存中…(img-qB2ePHGa-1710689629420)]

[外链图片转存中…(img-j68zxmQi-1710689629420)]

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】