fxss

选择平台：Sentry通过官方的Sentry SDK与许多不同的语言和平台集成。本项目选择 Vue 。 安装Sentry的浏览器JavaScript SDK：@sentry/browser : yarn add @sentry/browser 或者 npm install @s…

如果 Docker 版本太低，需要卸载旧版本。 较旧的Docker版本称为docker或docker-engine。如果已安装这些程序，请卸载它们以及相关的依赖项。 如果yum报告未安装这些软件包，则可以。Docker Engine软件包现在称为docker-ce。 进入目录 …

在Vue项目中，为了提升性能缩短首页的白屏时间（更具体的白屏时间可查看Web 性能优化-首屏和白屏时间），我们可以通过将公共库采用CDN引入的方式以及将资源文件压缩的方式。 不过由于 Gzip 压缩只有2个文件，所以 2 和 3 的差异不是很明显，不过也可以体验我的博客： ht…

nginx 动态压缩，对每个请求先压缩再输出。 nginx 静态压缩，使用现成的扩展名为 .gz 的预压缩文件。 ngx_http_gzip_static_module 模块允许发送扩展名为 .gz 的预压缩文件，而不是常规文件。 默认情况下未构建此模块，应使用 --with-…

本文章主要介绍在全局混入、多个混入情况下初始化渲染的生命周期、更新生命周期以及销毁的生命周期。 src/mixin 目录下放的是不同组件或者页面的混入。 上面目录中提到的 mixin 文件都是 先混入 AMixin 再混入 BMixin。 全局混入会在之后每一个创建的 Vue …

在做后台管理系统的时候，一般都会遇见路由权限的问题。 大家可以先体验一下最终的例子 authority vue Router ，例子项目地址 authorityRouter。在例子的登录页面中，通过选择不同的用户类型来模拟不同的用户账号登录的情况，通过不同的用户类型登录后台的时…

Vue.prototype.$isServer表示当前是否是在服务器端渲染，例如使用 create-nuxt-app 创建的项目中，在 page/index.vue 的 created 生命周期中添加 console.log(this.$isServer) 服务器端打印出来为 …

获取浏览器滚动条宽度，一般用于弹出层的时候，设置body的右边距，防止overflow: hidden的时候元素抖动。 弹窗弹出时如果需要锁屏（锁住弹窗下的页面不滚动），则加上下面这段代码，弹窗弹出时锁屏，弹窗关闭时再将其去除。 弹窗关闭时将弹窗打开时设置的值去除。 文中的一些…

changeStatus0 打印的是TodoItem.vue中 $emit 后跟的两个参数。 changeStatus1 打印的是 undefined。 changeStatus2 打印的是 v-for 循环中的当前 item 对象。 changeStatus3 中 arr 参…