原文:vue.js移动端app实战2:首页

貌似有部分人要求写的更详细,这里多写一点vuel cli基础的配置 什么是vue cli 官方的解释是:A simple CLI for scaffolding Vue.js projects, 简单翻译一下,就是: 用简单的命令行来生成vue.js项目脚手架。 vue cli预先定义了 个模板,根据你使用的打包工具的不同选择不同的模板,通常我们用的都是第一个webpack模板。每个模板都预先写好 ...

2017-08-06 13:00 12 38939 推荐指数:

查看详情

vue.js移动app实战1:初始配置

本系列将会用vue.js2制作一个移动的webapp单页面,页面不多,大概在7,8个左右,不过麻雀虽小,五脏俱全,常用的效果如轮播图,下拉刷新,上拉加载,图片懒加载都会用到。css方面也会有一些描述,像不同分辨率的适配,flex布局以及scss来编写mixin来处理2x,3x图等。 初始工作 ...

Mon Jul 24 06:34:00 CST 2017 10 26098
vue.js移动app实战3:从一个购物车入门vuex

什么是vuex? 简单来说就是集中管理所有的状态。 为什么要用vuex? 对于父子组件之前的通信,父组件通过porps传递到子组件,子组件通过$emit发送事件都到父组件; 对于组件与组件之间的通信,可以new一个新的Vue实例,专门用来做event bus进行通信 ...

Tue Aug 29 06:51:00 CST 2017 8 29466
vue.js移动app实战4:上拉加载以及下拉刷新

上拉加载以及下拉刷新都是移动很常见的功能,在搜索或者一些分类列表页面常常会用到。 跟横向滚动一样,我们还是采用better-scroll这个库来实现。由于better已经更新了新的版本,之前是0.几的版本,更新了一下发现,现在已经是1.2.6这个版本了,新版本多了些 比较好用的api ...

Mon Sep 11 18:06:00 CST 2017 2 11511
vue.js移动app:初始配置

本系列将会用vue.js2制作一个移动的webapp单页面,页面不多,大概在7,8个左右,不过麻雀虽小,五脏俱全,常用的效果如轮播图,下拉刷新,上拉加载,图片懒加载都会用到。css方面也会有一些描述,像不同分辨率的适配,flex布局以及scss来编写mixin来处理2x,3x图等。 初始工作 ...

Fri Jul 12 05:17:00 CST 2019 0 672
vue.js移动配置flexible.js

前言 最近在用vue移动项目,网上找了一些移动适配的方案,个人觉得手淘团队flexible.js还是比较容易上手,在这里做下总结。 主体 flexible.js适配方案采用rem布局,根据屏幕分辨率大小不同,调整根元素html的font-size,从而达到每个元素宽高自动变化,适配 ...

Wed Apr 10 17:35:00 CST 2019 2 1717
vue.js 3.2.20: 用rem实现移动和pc的兼容

一,用vue实现浏览器兼容的目标: 1, 主要为了实现按照设计稿给出的宽度来设计页面, 通常设计稿会给出750px或640px的宽度, 我们在设置页面上元素宽度时要把象素转为rem, 这样实现不管浏览器的宽度是多少, 页面 ...

Mon Oct 11 20:44:00 CST 2021 0 125
Vue.js移动图片压缩---localResizeIMG

今天工作,做到图片上传的,后端说让我压缩了之后再发送请求,好吧,之前都没有做过压缩,这是又要让我get一种技能的节奏,于是百度找了一圈,发现一个应该是可以用的---localResizeIMG 遗憾 ...

Fri Dec 13 23:53:00 CST 2019 0 297
基于VUE.JS移动框架Mint UI

基于 Vue.js移动组件库。自 6 月初开源以来,根据社区和团队内部的反馈,修复了一些 bug ...

Tue Nov 28 01:45:00 CST 2017 0 4422
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM