摘要: <div class="test-layout"> <p>左</p> <p>右</p> </div> 1. position定位 .test-layout { position: relative; } p:last-child{ position: absolute; right: '设定你要的距 阅读全文
posted @ 2020-02-24 15:12 包子不包子 阅读(1394) 评论(0) 推荐(0) 编辑
摘要: 1. 在vue.config.js文件中引入路径 1 const path = require('path') 2. 添加相关函数 function resolve (dir) { return path.join(__dirname, dir) // path.join(__dirname)设置绝 阅读全文
posted @ 2020-02-21 15:15 包子不包子 阅读(1000) 评论(0) 推荐(0) 编辑
摘要: 1. Parsing error: Adjacent JSX elements must be wrapped in an enclosing tag 解决方案:修改.eslintrc.js 1 // 初始 2 3 "parser": "babel-eslint", 4 5 // 改为 6 "par 阅读全文
posted @ 2020-02-20 14:46 包子不包子 阅读(2482) 评论(0) 推荐(0) 编辑
摘要: 1. 创建一个Node项目 2. 根目录创建一个js文件【随便打些console】 3. 配置启动服务 点击右上角serve 选取想要跑的js文件,点击右上角的小三角 服务跑起来后,会在Run中打印选择的js结果 阅读全文
posted @ 2019-12-15 17:05 包子不包子 阅读(242) 评论(0) 推荐(0) 编辑
摘要: 页面刷新后,路由没有跳到相对应的导航栏 1. 我们可以通过获取当前$route.path,和导航栏的router进行匹配【当前使用了 lodash 的 map 遍历导航栏列表【this.navList】】 _.map(this.navList, (item, index) => { if (this 阅读全文
posted @ 2019-12-05 15:30 包子不包子 阅读(723) 评论(0) 推荐(0) 编辑
摘要: background-image: linear-gradient(135deg,左边颜色,右边颜色); -webkit-background-clip:text; color: transparent; 阅读全文
posted @ 2019-12-04 16:58 包子不包子 阅读(1491) 评论(0) 推荐(0) 编辑
摘要: width: 7px; height: 7px; border-top: 1px solid #999; border-right: 1px solid #999; 想得到 ◀️ 🔼 🔼 ,只需旋转角度 transform: rotate(-45deg); // 上 transform: rot 阅读全文
posted @ 2019-12-02 18:08 包子不包子 阅读(236) 评论(0) 推荐(0) 编辑
摘要: 1. blob转file blobToFile (theBlob) { let file = new window.File([theBlob], '文件名字', {type: 'image/jpeg'}) } 2. dataUrl转blob this.$refs['当前图片定义的ref'].toB 阅读全文
posted @ 2019-11-21 09:24 包子不包子 阅读(3964) 评论(1) 推荐(0) 编辑
摘要: 在展示上传图片的时候,经常会遇见图片不是正方形,直接设置overflow:hidden的话,会遮挡图片。 HTML部分 CSS部分 是的!!就是这么简单,图片就可以自适应啦 原效果 现效果 阅读全文
posted @ 2019-09-25 18:12 包子不包子 阅读(10192) 评论(0) 推荐(0) 编辑
摘要: 在微信网页中,可能只需要得到openId,那么我们需要使用静默授权方式。 1. 初始化过程中判读是否存在code 2. 获取code方式 3. 截取token【用于请求后端接口,获取openId】 阅读全文
posted @ 2019-08-27 19:29 包子不包子 阅读(902) 评论(0) 推荐(0) 编辑