[](#知乎动态网格效果-使用particles-js"知乎动态网格效果使用particles.js")知乎动态网格效果使用particles.js。本项目使用vue2.0，所以安装了vue-particles。它在低性能计算机上有点卡住。如果点击屏幕次数过多，动态网格组件可能会导致卡顿。但是，网页的其他组件可以继续运行。研究结果如下1.下载依赖npminstallvue-particles--save-dev2.main.jsimportimportVuefrom'vue'importVueParticlesfrom'vue-particles'Vue.use(VueParticles)3.直接使用4.属性含义颜色：字符串类型。默认“#dedede”。颗粒颜色。particleOpacity：数字类型。默认值为0.7。粒子透明度。particlesNumber：数字类型。默认值为80。粒子数。shapeType：字符串类型。默认为“圆”。可用的粒子外观类型有：“圆形”、“边缘”、“三角形”、“多边形”、“星形”。particleSize：数字类型。默认值为80。单个粒子大小。linesColor：字符串类型。默认“#dedede”。线条颜色。linesWidth：数字类型。默认值为1.线宽。lineLinked：布尔类型。默认为真。电缆是否可用。lineOpacity：数字类型。默认值为0.4。线条透明度。linesDistance：数字类型。默认值为150。行距。moveSpeed：数字类型。默认值3。粒子速度。hoverEffect：布尔型。默认为真。是否有悬停效果。hoverMode：字符串类型。默认为真。可用的悬停模式有：“抓取”、“击退”、“泡泡”。点击效果：布尔型。默认为真。是否有点击效果。clickMode：字符串类型。默认为真。可用的点击模式有：“推”、“移除”、“排斥”、“泡泡”
