摘要：
应用场景： 组件内的dom默认是在 组件内，有时候会出现一些问题：我们封装的组件使用了actionsheet 啊，popup啊，这些 如果不直接在body下，会出现一些样式层叠问题（因为z-index）。这时候如果可以将 引发问题的dom 挪到body下，就好了。 一些理解： 1、来源 下面的代码摘 阅读全文
摘要：
先上代码 // home.vue // loadMore.js // DOMUtil.js 注意事项 1、父容器 须设置 height ；且overflow: scroll；2、组件内根元素 设置 min-height 与父容器同高：解决 内容不足父容器高度 时，显示问题。3、auto-fill=" 阅读全文
摘要：
背景 原项目是使用vue-cli创建的vue项目。尝试引入ssr。直接上nuxt框架进行改造，本文做了一些改造记录 记录 1、vue-amap插件，直接在页面组件里 use的，未通过 plugins 配置，可行 2、mint-ui插件，需要 配置。 //plugins/mint-ui.js文件 // 阅读全文
摘要：
参考链接： https://www.jianshu.com/p/67702e025ede 阅读全文
摘要：
1、启用gz 配置： 服务器开启gzip 会生成 gz 文件，现代浏览器基本都支持，会读取gz文件，。开启配置：https://blog.csdn.net/baidu_35407267/article/details/77141871 2、解决依赖项的大小 npm run build --repor 阅读全文
摘要：
示例 一个用于生产时 去掉代码中 所有的打印代码，如 console.log('乱七八糟') 待转换的文件 test.js babel转换文件 plugin.js 进行转换： 使用babel-cli 进行手动转换，安装 npm i babel-cli -D 1、指定转换文件 npx babel -- 阅读全文
摘要：
项目里自己封装了一些常用组件，但要是 新启项目 还得手动复制过去。尝试着能不能 像mint-ui似的，封装成npm包， 以后直接使用npm安装，肯定方便多了。 开干吧！！！ 1、尝试封一个普通组件 上传到npm 1、组件改装 本例使用的是 项目 自带的 helloworld 组件，本身不用做改动。主 阅读全文
摘要：
在改变完data属性之后，视图并不会立即更新。此时同步 执行基于更新后的视图 的操作，会有问题。这时 nextTick 派上用场了。它可以注册一个 视图更新之后的回调操作。应用场景：需要在视图更新之后，基于新的视图进行操作。 和 setTimeout(fn, 0) 功效相同，只不过返回promise 阅读全文
摘要：
理解： 总体来说，就是用于js代码的混合，和 css 里的 mixin 一个套路。和component 对比，同样是作为 父组件的一部分。不同点是 父组件会将mixin内容 合并，即 父组件能得到 mixin的 属性和方法。默认合并规则是，同名的都会以 父组件 为准。同名钩子，会先执行mixin的 阅读全文
摘要：
async 作为一个关键字，用于声明一个函数为 异步函数。与普通函数的唯一区别，就是 是异步执行，不会影响代码的继续执行 当函数返回一个值时，内部会调用 Promise.resolve(该值）,返回一个 promise。想要 reject ，可使用 throw 抛出错误。await 等待，后面可以跟 阅读全文