本系列将会用vue.js2制作一个移动端的webapp单页面,页面不多,大概在7,8个左右,不过麻雀虽小,五脏俱全,常用的效果如轮播图,下拉刷新,上拉加载,图片懒加载都会用到。css方面也会有一些描述,像不同分辨率的适配,flex布局以及scss来编写mixin来处理2x,3x图等。 初始工作 ...
本系列将会用vue.js 制作一个移动端的webapp单页面,页面不多,大概在 , 个左右,不过麻雀虽小,五脏俱全,常用的效果如轮播图,下拉刷新,上拉加载,图片懒加载都会用到。css方面也会有一些描述,像不同分辨率的适配,flex布局以及scss来编写mixin来处理 x, x图等。 初始工作: 通过vue cli安装webpack模板后,会自动生成一大堆文件,通常我们只关心src 目录下的东西。 ...
2017-07-23 22:34 10 26098 推荐指数:
本系列将会用vue.js2制作一个移动端的webapp单页面,页面不多,大概在7,8个左右,不过麻雀虽小,五脏俱全,常用的效果如轮播图,下拉刷新,上拉加载,图片懒加载都会用到。css方面也会有一些描述,像不同分辨率的适配,flex布局以及scss来编写mixin来处理2x,3x图等。 初始工作 ...
貌似有部分人要求写的更详细,这里多写一点vuel-cli基础的配置 什么是vue-cli? 官方的解释是:A simple CLI for scaffolding Vue.js projects, 简单翻译一下,就是: 用简单的命令行来生成vue.js项目脚手架。 vue-cli预先定义 ...
什么是vuex? 简单来说就是集中管理所有的状态。 为什么要用vuex? 对于父子组件之前的通信,父组件通过porps传递到子组件,子组件通过$emit发送事件都到父组件; 对于组件与组件之间的通信,可以new一个新的Vue实例,专门用来做event bus进行通信 ...
上拉加载以及下拉刷新都是移动端很常见的功能,在搜索或者一些分类列表页面常常会用到。 跟横向滚动一样,我们还是采用better-scroll这个库来实现。由于better已经更新了新的版本,之前是0.几的版本,更新了一下发现,现在已经是1.2.6这个版本了,新版本多了些 比较好用的api ...
前言 最近在用vue做移动端项目,网上找了一些移动端适配的方案,个人觉得手淘团队flexible.js还是比较容易上手,在这里做下总结。 主体 flexible.js适配方案采用rem布局,根据屏幕分辨率大小不同,调整根元素html的font-size,从而达到每个元素宽高自动变化,适配 ...
一,用vue实现浏览器兼容的目标: 1, 主要为了实现按照设计稿给出的宽度来设计页面, 通常设计稿会给出750px或640px的宽度, 我们在设置页面上元素宽度时要把象素转为rem, 这样实现不管浏览器的宽度是多少, 页面 ...
今天工作,做到图片上传的,后端说让我压缩了之后再发送请求,好吧,之前都没有做过压缩,这是又要让我get一种技能的节奏,于是百度找了一圈,发现一个应该是可以用的---localResizeIMG 遗憾 ...
基于 Vue.js 的移动端组件库。自 6 月初开源以来,根据社区和团队内部的反馈,修复了一些 bug ...