本系列將會用vue.js2制作一個移動端的webapp單頁面,頁面不多,大概在7,8個左右,不過麻雀雖小,五臟俱全,常用的效果如輪播圖,下拉刷新,上拉加載,圖片懶加載都會用到。css方面也會有一些描述,像不同分辨率的適配,flex布局以及scss來編寫mixin來處理2x,3x圖等。 初始工作 ...
本系列將會用vue.js 制作一個移動端的webapp單頁面,頁面不多,大概在 , 個左右,不過麻雀雖小,五臟俱全,常用的效果如輪播圖,下拉刷新,上拉加載,圖片懶加載都會用到。css方面也會有一些描述,像不同分辨率的適配,flex布局以及scss來編寫mixin來處理 x, x圖等。 初始工作: 通過vue cli安裝webpack模板后,會自動生成一大堆文件,通常我們只關心src 目錄下的東西。 ...
2019-07-11 21:17 0 672 推薦指數:
本系列將會用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預先定義 ...
前言 最近在用vue做移動端項目,網上找了一些移動端適配的方案,個人覺得手淘團隊flexible.js還是比較容易上手,在這里做下總結。 主體 flexible.js適配方案采用rem布局,根據屏幕分辨率大小不同,調整根元素html的font-size,從而達到每個元素寬高自動變化,適配 ...
什么是vuex? 簡單來說就是集中管理所有的狀態。 為什么要用vuex? 對於父子組件之前的通信,父組件通過porps傳遞到子組件,子組件通過$emit發送事件都到父組件; 對於組件與組件之間的通信,可以new一個新的Vue實例,專門用來做event bus進行通信 ...
上拉加載以及下拉刷新都是移動端很常見的功能,在搜索或者一些分類列表頁面常常會用到。 跟橫向滾動一樣,我們還是采用better-scroll這個庫來實現。由於better已經更新了新的版本,之前是0.幾的版本,更新了一下發現,現在已經是1.2.6這個版本了,新版本多了些 比較好用的api ...
一,用vue實現瀏覽器兼容的目標: 1, 主要為了實現按照設計稿給出的寬度來設計頁面, 通常設計稿會給出750px或640px的寬度, 我們在設置頁面上元素寬度時要把象素轉為rem, 這樣實現不管瀏覽器的寬度是多少, 頁面 ...
今天工作,做到圖片上傳的,后端說讓我壓縮了之后再發送請求,好吧,之前都沒有做過壓縮,這是又要讓我get一種技能的節奏,於是百度找了一圈,發現一個應該是可以用的---localResizeIMG 遺憾 ...
基於 Vue.js 的移動端組件庫。自 6 月初開源以來,根據社區和團隊內部的反饋,修復了一些 bug ...