08 2019 档案

vue项目如何在手机上测试
摘要:在package.json中的dev属性中添加--host ip地址即可 访问方法: http://192.168.31.253:8080/#/seller 带二维码的浏览器手机直接扫描即可,不带二维码的浏览器 百度草料二维码直接把网址放进去生成二维码再扫描即可 当然这些前提需要主机和测试手机在同一 阅读全文

posted @ 2019-08-31 13:59 日暮途远i

外卖项目Vue实现一个星级评分组件
摘要:星级评分在WEB开发中经常可能会用到,因此把他封装成一个vue组件是很合适的,要做的效果如下: 因此我们需要通过后台传递过来的score来写业务逻辑 比如这个模拟数据,3.6分就应该是三颗半星,小于3.5分大于3分的依旧按3分判断 在设计给出的图标中单颗星级有无星级,半颗,以及一颗 根据星星的大小, 阅读全文

posted @ 2019-08-30 20:28 日暮途远i

vue中实现@2x和@3x图片加载,以及cssmap的使用方式
摘要:在前端开发中因为屏幕像素比的关系,经常要根据各种型号手机的dpi来加载不同分辨率的图片,来提高性能以及更好的展示 在vue开发中秉承组件化的开发原则,所有和该组件相关的图片应该和该组件在一个文件夹下,所以把这个组件全部相关的图片放入组件目录下,并按相同的规律命名文件 接下来定义一个mixin.les 阅读全文

posted @ 2019-08-28 17:42 日暮途远i

vue项目中使用vue-router
摘要:要使用vue-router,首先需要在项目根目录的package.json中添加依赖 接着使用npm install 下载对应的依赖包,当然也可以直接 npm install vue-router --save-dev 安装 引入vue-router 阅读全文

posted @ 2019-08-27 18:43 日暮途远i

Vue项目中mock模拟数据
摘要:新的vue-cli生成的项目中build文件夹中已经没有dev-server.js这个文件 被替换成了webpack-dev-conf.js文件 因此只需要在这个文件中配置mock数据即可: 我们使用的是express这个框架起的服务,所以可以使用express-router来编译这些接口请求: 在 阅读全文

posted @ 2019-08-27 16:08 日暮途远i

Vue使用better-scroll----城市组件实现字母联动选择
摘要:https://www.cnblogs.com/rmty/p/11040799.html 在之前通过Better-scroll实现了城市选择页面最基本的功能,接下来把这个页面字母表联动的过程记录一下: 要实现的效果: 1.点击右侧字母表,页面移动到对应城市字母开头的地方 2.手指在右侧字母表上滑动, 阅读全文

posted @ 2019-08-11 16:51 日暮途远i