H_shaohui的博客

vue门户网站，滚动到可视化区域展示动画效果方案。添加 data-wow-offset="200" 效果：当元素距离可视区域200时开始执行动画（元素顶部到浏览器底部的距离）若想动画无限重复播放，则使用 data-wow-iteration="infinite"添加 data-wow-iteration="2" 效果：动画会连续播放2次。offset为0时，设置动画的元素在出现在浏览器可视区域时执行动。

vue2自定义组件通过rollup配置发布到npm上的详细步骤。我们使用了两个输出配置项，一个是未压缩的文件，一个是压缩后的文件。这两个文件将以ES模块的形式输出，以便其他项目可以使用import语法导入我们的组件库。我们需要确保package.json文件中的信息正确，以便其他人使用我们的组件库时可以正确地安装和使用它。接下来，我们可以使用npm run build命令构建我们的组件库，使用npm publish命令将其发布到npm上。现在，我们可以在我们的Vue应用中使用我们的Button组件了。

在Vue中，mixin中的属性和方法都会被合并到组件中，但是不同类型的属性和方法会被合并到不同的结构中：datacomputedmethodswatchpropsprovide和inject以上属性和方法会被合并成一个新对象，如果出现相同的属性，组件中的属性会覆盖mixin中的属性。beforeCreatecreatedbeforeMountmountedbeforeUpdateupdatedactivateddeactivatedbeforeDestroydestroyed以上属性和方法会被合并成一个数组

经常有小伙伴问我说，为什么我们在开发vue项目的时候，需要在package.json的script对象中，去设置命令启动项目，而不是直接的通过"vue-cli-service serve"命令去把项目跑起来。带着这些疑问，小生在此总结了以下这个问题，希望对读者有用，从也希望可以给读者带来些启发。一，vue-cli项目种，为什么不能直接运行vue-cli-service命令？二，vue-cli项目种，为什么不能直接运行vue-cli-service serve命令，要通过npm run去运行？

本教程代码仓库请访问：https://github.com/chencl1986/koa2-tutorialKoa与Express的区别Express是基于回调函数开发。Koa是基于Promise思想开发。Koa1基于Generator，Koa2同时支持Generator和Async/await，但使用Generator会收到警告，因为Koa3是完全基于Async/await。使用...