自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(4)
  • 收藏
  • 关注

原创 rollup从入门到打包一个按需加载的组件库

在上一篇文章中,我们学习了用webpack打包一个组件库。这次我们来学习怎么用rollup打包一个组件库。 用webpack打包一个按需加载的vue组件库 rollup 是一个 JavaScript 模块打包器,在功能上要完成的事和webpack性质一样,就是将小块代码编译成大块复杂的代码,例如 library 或应用程序。在平时开发应用程序时,我们基本上选择用webpack,相比之下,rollup.js更多是用于library打包,我们熟悉的vue、react、vuex、vue-router等都是用rol

2021-04-23 16:43:19 3136

原创 用webpack从0到1打包一个按需加载的vue组件库

在vue项目开发中,我们会将经常用到的逻辑或模块抽象成组件,对于那些多个项目都有用到的组件,可以考虑封装成组件库,发布到npm。每次要到只需要npm install xx一下,就不用来回拷贝了。下面我们就从0开始来打包一个vue组件库。 使用vue组件库的常见方式 1、通过script标签引入 <body> <div id="app"> <hello></hello> </div> </body> &

2021-04-16 08:30:28 1467 1

原创 用three.js写一个小场景

上次我们用three.js写了一个下雨的动画,主要是用粒子。这次是用three.js搭建了一个小场景。 项目地址依然是:https://github.com/magicsoso/threejs-tutorial.git ,后面three.js的练习demo都放在这里。 作为练习的小项目,这个小场景可以练习: 各种几何体、贴图的运用 导入外部模型 场景与用户交互 简单的动画 调试three.js项目 虽然很简单,但完整地写下来还是挺有收获。 草地场景 场景搭建复用了在下雨动画中的场景模板Template。

2021-03-31 09:19:06 1245

原创 用three.js写一个下雨动画

最近看了《Three.js开发指南》,深刻地意识到光看不练跟没看差不多,所以就练习写了这个小动画。 gif 预览地址:https://juejin.cn/post/6940542710709223432 项目地址: https://github.com/magicsoso/threejs-tutorial.git 前置知识 WebGL让我们能在浏览器开发3D应用,然而直接使用WebGL编程还是挺复杂的,开发者需要知道WebGL的底层细节,并且学习复杂的着色语言来获得WebGL的大部分功能。Three.j

2021-03-26 14:22:36 1728

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除