原文:vue.js移動端app:初始配置

本系列將會用vue.js 制作一個移動端的webapp單頁面,頁面不多,大概在 , 個左右,不過麻雀雖小,五臟俱全,常用的效果如輪播圖,下拉刷新,上拉加載,圖片懶加載都會用到。css方面也會有一些描述,像不同分辨率的適配,flex布局以及scss來編寫mixin來處理 x, x圖等。 初始工作: 通過vue cli安裝webpack模板后,會自動生成一大堆文件,通常我們只關心src 目錄下的東西。 ...

2019-07-11 21:17 0 672 推薦指數:

查看詳情

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實戰2:首頁

貌似有部分人要求寫的更詳細,這里多寫一點vuel-cli基礎的配置 什么是vue-cli? 官方的解釋是:A simple CLI for scaffolding Vue.js projects, 簡單翻譯一下,就是: 用簡單的命令行來生成vue.js項目腳手架。 vue-cli預先定義 ...

Sun Aug 06 21:00:00 CST 2017 12 38939
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移動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 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