web移動端專案初始化

2022-07-11 22:18:14 字數 1051 閱讀 7034

cnpm i vant -s

main.js中載入註冊 vant 元件

import vue from 'vue'import vant from 'vant'import 'vant/lib/index.css'vue.use(vant)

vant中的樣式預設使用px作為單位,如果需要使用rem

[lib-flexible

用於設定rem基準值,設定根字型的大小

postcss-pxtorem

是一款postcss外掛程式,用於將單位轉化為rem

(1)[安裝

cnpm i amfe-flexible -s

(2).然後在main.js中載入執行該模組

import 'amfe-flexible'

使用 postcss-pxtorem

px轉為rem

(1)安裝

cnpm install postcss-pxtorem -d

(2)在專案根目錄中建立.postcssrc.js檔案

module.exports =,

'postcss-pxtorem':

}}

(1)安裝 axios

cnpm i axios -s

(2)建立src/utils/request.js

/*

* * 封裝 axios 請求模組 */

import axios from "axios"const request =axios.create()

export

default request

自定義web專案的初始化

啟動乙個專案時,大多數情況下我們都需要對專案進行一些自定義的初始化,如,載入數字字典,載入配置到redis等等,這需要我們在 裡進行業務實現.使用場景 配置配在xml檔案中,專案啟動要讀取這些配置才用這個方法.配置 類 data slf4j public class servicehander 初始...

移動端布局初始化以及注意事項

方案 採取單獨製作移動端頁面 與pc端分開 技術 布局採用流式布局 百分比 css 用來放css檔案 images 用來放 upload 用來放一些經常會換的,後期容易維護 index 首頁 首頁html檔案 使用時可直接將此段 複製在文字當中 name viewport content width...

hammer的初始化及移動端各種滑動

前言 本人對hammer了解不是很多,早做專案時遇到了手機端的一些滑動事件,特此分析下hammer的某些屬性。hammer.js是一款開源的移動端指令碼框架,他可以完美的實現在移端開發的大多數事件,如 點選 滑動 拖動 多點觸控等事件。hammer.js不需要依賴任何其他的js框架,並且整個框架非常...