Alaso

上次我们用three.js写了一个下雨的动画，主要是用粒子。这次是用three.js搭建了一个小场景。 项目地址依然是：https://github.com/magicsoso/threejs-tutorial.git ，后面three.js的练习demo都放在这里。 虽然很简…

最近看了《Three.js开发指南》，深刻地意识到光看不练跟没看差不多，所以就练习写了这个下雨小动画。

在上一篇文章中，我们学习了用webpack打包一个组件库。这次我们来学习怎么用rollup打包一个组件库。 rollup 是一个 JavaScript 模块打包器，在功能上要完成的事和webpack性质一样，就是将小块代码编译成大块复杂的代码，例如 library 或应用程序。…

在vue项目开发中，我们会将经常用到的逻辑或模块抽象成组件，对于那些多个项目都有用到的组件，可以考虑封装成组件库，发布到npm。每次要到只需要npm install xx一下，就不用来回拷贝了。下面我们就从0开始来打包一个vue组件库。 组件在使用之前都需要注册组件，注册组件可…

基于vue2、echarts5的数据大屏，主要用了echarts中的柱状图、折线图、饼图等基础图表，以及地图。

对于3D变换，最基础的肯定是坐标系。在3D中有两种完全不同的坐标系：左手坐标系和右手坐标系。 右手坐标系是X轴向右，Y轴向上，Z轴是指向“自己”的。 左手坐标系的Z轴正好相反，是背向“自己”的，在计算机中通常使用的是左手坐标系，而数学中则通常使用右手坐标系。 CSS3中的3D坐…

在vue中，通过发布订阅的模式来监听数据状态的变化，通知视图进行更新。那么，是在何时进行订阅，何时进行发布，这就要用到数据劫持。

效果就如上图那样的，有个小球发射器，碰撞目标物体，碰撞了就化成星星，然后碰撞下一个，大概就像西西弗斯推石头那样周而复始。 整体框架和 连连看小游戏一样。 canvas的背景用的是渐变背景，模拟深蓝的天空。渐变背景的配色可以参考这个网站https://uigradients.co…

尝试了一下在浏览器直接使用模块，没有使用webpack打包。参考 在浏览器中高效使用JavaScript