但是问题是：如果我们使用第三方组件这个方法并不奏效了 这时我们应该这么写 ）注意：这是我们必须在@keyup.enter后面加一个native 来确保这个功能能够得到实现

React Context API 现在已经成为一个实验性功能，但是只有在 React 16.3.0 中才能用在生产中。本文将向你展示两个基本的 Web 商店应用程序，一个使用了 Context API 进行构建，另一个则不用。

GraphQL是一个API查询语言，他可以将使用PostgreSQL写的server代码自动生成Query或者Mutation，非常的方便。而Apollo Client就是一个强大的JavaScript GraphQL客户端。对于cache，在Apollo Client中有着强大的管理策略。

有时候，我们会有这样的需求，在项目的前端页面中需要使用一个swiper插件，来实现图片轮播，但是nuxt是在服务端进行编译的，那么问题来了，我们如何像在vue中那样使用第三方模块，封装轮播公用组件呢？答案是：使用nuxt到插件功能。

定义两个 CSS 过度动画，前进与后退： slide-right-enter 和 slide-left-enter，给路由配置meta信息，设置各个路由的级别： index，监控路由跳转，比对 meta 信息级别，如果从大跳转到小说明是返回，从小跳转到大则是前进

在微信小程序的开发过程中，经常会遇到使用倒计时的情况，但是小程序的页面跳转经常会遇到跳转的下一个页面后，前一个页面的倒计时还在运行。这时候需要我们在关闭或者离开当前页面的时候清除掉当前的倒计时，但是传统的方式在小程序中无法使用，在小程序中我采用的是赋值然后清除的方法。

Bootstrap 最新版本 4.3.1 已发布，作为 Bootstrap 4.3 发布的一部分，团队也公布了下一个主要版本 Bootstrap 5 的开发计划。将会在开发 Bootstrap 5 的过程中实现一些关键变化

如果你的应用有接入到web apm系统中，那么你可能就知道apm系统能帮你捕获到页面发生的未捕获错误，给出错误栈，帮助你定位到BUG。但是，有些时候，当你不知道用户的具体操作时，是没有办法重现这个错误的，这时候，如果有操作录屏，你就可以清楚地了解到用户的操作路径

在React项目开发中，经常需要引用一些实用的第三方框架。在使用一些比较庞大的第三方框架时，框架内的各种资源文件数量巨大，首先介绍下对单个框架做按需加载的方法

Vue的创建者Evan You向我们展示了Vue 3.0 —— 这是不断上升的Javascript框架的最新版本。这些优化使Vue更高效，更模块化且更易于使用。我将讨论这些变化以及我认为的他们将在Vue 3.0发布后对现有开发产生的影响。

js提供的钩子动画before-enter、enter、after-enter，用这种方法写，所有的动画都写在了组件里，外部只需要调用这个fade组件就可以了，也不需要全局去写一些样式了，这种动画的封装是比较推荐的一种动画封装，因为它可以把所有动画的实现完整的封装在一个组件中

不知道大家每次新建组件的时候，是不是都要创建一个目录，然后新增一个.vue文件，然后写template、script、style这些东西，如果是公共组件，是不是还要新建一个index.js用来导出vue组件

在小程序的文档中我们得知，wx.saveImageToPhotosAlbum 是用来保存图片到相册的。 但是仔细一看会发现这个接口的filePath参数只接受临时文件路径或永久文件路径，不支持网络图片路径，意味着我们不能直接调用这个接口。

刚开始用webpack的同学很容易掉进图片打包这个坑里，比如打包出来的图片地址不对或者有的图片并不能打包进我们的目标文件夹里。下面我们就来分析下在webpack项目中图片的应用场景。

多元素之间如何实现过渡动画效果呢？这么写行不行呢？肯定是不行的，因为 Vue 在两个元素进行切换的时候，会尽量复用dom，就是因为这个原因，导致现在动画效果不会出现。如果不让 Vue 复用dom的话，应该怎么做呢？只需要给这两个div不同的key值就行了