p5.js 是个 JavaScript 创意编程程式库，其专注在让编程更易于使用及更加广泛的包容艺术家、设计师、教育家、初学者以及任何其他人！p5.js 是个免费及开源的软件因为我们相信所有人都应该能自由使用软件及用于学习软件的工具。p5.js 使用绘图的比喻并有一副完整的绘画功能。除此之外，您也不单限于您的绘图画布。您可以将您整个浏览器页面当作您的绘图，这包括了 HTML5 物件如文字、输入框、视屏、摄像头及音频。由于p5.js官网是外网，让很多人望而却步（需要搭梯子），因此我们就把p5.js的功能就和我们平台（乐述云享）做了深度结合，让更多人能够体验到简单编程的快乐。除此之外呢在官网上你还要搭建环境建一些这样那样的库，超级麻烦，当然对于精通JavaScript的大佬另说，而对于从事艺术、设计等工作的工友来说上手是有点难度的。因此呢在我们平台上就省去了这样那样的麻烦，直接就能上手p5.js。话不多说直接上教程，30s入门p5.js。首先，请先创建一篇新的轻文档，并且使用代码块（Shift + Ctrl + K）快速插入一个p5js组件。

可以快速实现新手引导效果，自带动画，体验优秀，而且还能高度定制。

关于 Driver.js

一行代码就能让我的网站支持代码高亮的工具库，也支持在 Vue 中使用，强烈推荐给大家。

关于 highlight.js

1.实现效果图

3D轮播图，景深效果perspective，保持preserve-3d

大家好，今天给大家分享8个常用的 JavaScript 库，掌握这些 JavaScript 工具库，让你的项目看起来很棒。

专家与普通人的重要区别在于他们善于使用工具，留出更多的时间用于计划和思考。编写代码也是如此。有了合适的工具，你就有更多的时间来规划架构和攻克难关，更多的把精力放在业务实现上。今天，我将与大家分享最流行的几个常用且流行的 JavaScript 库。

看完本文，你将有

Vue2 和 Vue3 中的生命周期钩子的工作方式非常相似，我们仍然可以访问相同的钩子，也希望将它们能用于相同的场景。

提示：为了大家CTRL + C方便，我文章中的所有代码全部为纯文本。如果你是前端童鞋，我还是建议你真正理解后，自己手动完成，而不是CTRL + C。

不废话，直入正题。我用的Windows系统，其它系统类似。首先，我们根据vite官网教程，在cmd窗口运行以下命令，创建一个vite + Vue3的基础项目。

前言

官网地址：https://staging-cn.vuejs.org/

vue最新版分为两个版本： Vue3.0（20年9月18日） Vue 3.2 （21年8月10日）

#Vue 3.2 +Vite+volar