2019年10月12日
vue兄弟组件传值
摘要： 1.本组件标签上@绑定一个函数，该函数形参为e，e.target为自身DOM 2.利用this.$emit('事件名',带的参)向外触发函数，并带上参 3.父组件监听这个事件，同样是@绑定函数的方式 4.父组件用：给目标组件以属性的方式传值 5.目标组件用props接收 6.目标组件监听数据的变化， 阅读全文
posted @ 2019-10-12 14:52 早安帆 阅读(334) 评论(0) 推荐(0) 编辑
vue中使用better-scroll滚动条插件
摘要： 应用场景： overflow: hidden会让超出的部分隐藏，并且无法拖拽，所以可使用插件让长列表限定的区域滚动拖拽。 参考：https://zhuanlan.zhihu.com/p/27407024 1.去github搜素better-scroll，在终端安装： 2.html结构 BetterS 阅读全文
posted @ 2019-10-12 11:27 早安帆 阅读(3716) 评论(0) 推荐(0) 编辑
css厂商前缀
摘要： 在vue中写css，不要加厂商前缀，vue-cli会在打包时自动生成 阅读全文
posted @ 2019-10-12 09:33 早安帆 阅读(254) 评论(0) 推荐(0) 编辑
2019年10月11日
vue-router的使用
摘要： 1.打开router.js(vue3)，或router文件夹下的index.js(vue2) 2.在对应的引入路径下创建文件 3.页面跳转，找到对应的按钮，添加代码（在标签中使用） 4.在js函数中使用 阅读全文
posted @ 2019-10-11 17:18 早安帆 阅读(134) 评论(0) 推荐(0) 编辑
使用axios发送ajax请求
摘要： 1.安装 2.在Home.vue中引入 import axios from 'axios' export default { name: 'Home', components: { HomeSwiper, HomeIcons, HomeRecommend, HomeWeekend }, method 阅读全文
posted @ 2019-10-11 17:01 早安帆 阅读(1081) 评论(0) 推荐(0) 编辑
2019年10月10日
git工作简要流程
摘要： 1.在线上创建新的功能分支，更新到本地： 2.切换分支： 3.去代码编辑器开始你的表演 4.添加代码到缓冲区以备提交： 5.写代码更新备注，并提交到本地仓库： 6.本地仓库同步到线上仓库： 7,切换到master分支： 8.让master合并线上的功能分支： 9.更新线上master： 阅读全文
posted @ 2019-10-10 19:30 早安帆 阅读(124) 评论(0) 推荐(0) 编辑
移动端图标罗列区
摘要： <template> <div class="icons"> <swiper> <swiper-slide v-for="(page, index) of pages" :key="index" > <div class="icon" v-for="item of page" :key="item. 阅读全文
posted @ 2019-10-10 10:17 早安帆 阅读(285) 评论(0) 推荐(0) 编辑
2019年10月8日
C语言如何使输出的数字对齐
摘要： 右对齐%numd(num是位数，比如按5位数的长度输出，num为正数则右对齐) 左对齐%numd(num是位数，比如按5位数的长度输出，num为负数则左对齐) 保留固定的小数位%m.nf(m是结果总位数，n是小数部分位数，按四舍五入保留） 阅读全文
posted @ 2019-10-08 09:48 早安帆 阅读(8389) 评论(0) 推荐(1) 编辑
2019年10月6日
vue-awesome-swiper轮播插件
摘要： 1. github上搜索vue-awesome-swiper 2. readme中有安装方法，建议在插件名后@版本号，使用稳定的老版本 npm install vue-awesome-swiper@x.x.x --save 3. 在项目main.js中引入 4.创建单文件组件Swiper.vue（单 阅读全文
posted @ 2019-10-06 13:18 早安帆 阅读(751) 评论(0) 推荐(0) 编辑
2019年10月5日
webpack之给目录起别名
摘要： 1. 配置文件目录： build>webpack.base.config.js: 2. 于是一些长路径，如： import '../../../../../../../styles/iconfont.css' --> import 'styles/iconfont.css' @import '~@/ 阅读全文
posted @ 2019-10-05 22:42 早安帆 阅读(586) 评论(0) 推荐(0) 编辑