vue專案中 postcss-pxtorem 的使用及webpack中的配置
移動盛行的時代，越來越多的手機型號要求我們在製作嵌入h5的時候去適配不同的手機。適配有多重模式，就像佈局有flex、百分比等。字型大小的控制也有px、百分比、rem等單位，這篇文章來回顧下webpack中關於px轉rem。
1 安裝依賴包 npm install postcss-pxtorem --save-dev
2 建立 .postcss.js檔案，做webpack相關配置
配置項
autoprefixer: 新增瀏覽器字首
postcss-pxtorem：{
rootValue:750; 根大小750
propList：[] 屬性的選擇器，*表示通用
selectorBlackList:[] 忽略的選擇器 .ig- 表示 .ig- 開頭的都不會轉換
}
相關推薦
vue專案中 postcss-pxtorem 的使用及webpack中的配置
移動盛行的時代，越來越多的手機型號要求我們在製作嵌入h5的時候去適配不同的手機。適配有多重模式，就像佈局有flex、百分比等。字型大小的控制也有px、百分比、rem等單位，這篇文章來回顧下webpack中關於px轉rem。 1 安裝依賴包 npm install&nb
VUE專案問題之：去掉url中的#/
一、問題 使用VUE路由，專案的url總是帶有錨點，如下： http://localhost:8082/#/ 二、解決 修改路由檔案中 index.js 檔案，即 src --> router --> index.js 沒修改前： export defau
ssm框架中，Java web專案的啟動流程及web.xml配置檔案
一、web.xml配置檔案 專案啟動與web.xml配置檔案密不可分，web.xml配置檔案用於初始化配置資訊，包括welcome、context-param、listener、filter、filter-mapping、servlet、servlet-mapping、其他。如下
centos中vnc安裝及windows中遠端連線
安裝kde yum grouplist yum -y groupinstall “KDE Plasma Workspaces” 安裝vnc yum -y install tigervnc-server tigervnc 配置檔案 cat > /etc/sysconf
vue專案，chrome控制檯出現 webpack 報錯 [WDS] Disconnected!
GET http://127.0.0.1:8000/sockjs-node/info?t=1481812063392 net::ERR_CONNECTION_REFUSED [WDS] Disconnected! 這種錯誤一直不知如何解決，也沒去管他，因為不影
Ubuntu中安裝zookeeper及kafka並配置環境變數
首先安裝zookeeper zookeeper需要jdk環境，請在jdk安裝完成的情況下安裝zookeeper 1.從官網下載zookeeper http://mirror.bit.edu.cn/apache/zookeeper/，版本可以根據自己需要選擇使用，
vue 專案打包時樣式及背景圖片路徑找不到
問題描述：vue專案打包後，檔案找得到，但是引用的字型及背景圖片找不到； 解決方法： 主要是需要單獨為 css 配置 publicPath 。 ExtractTextWebpackPlugin 提供了一個 options.publicPath 的 api，可以為css單
centos中selinux功能及常用服務配置
SELinux: Secure Enhenced Linux常用命令 獲取selinux的當前狀態： # getenforce 臨時啟用或禁用： # setenfoce 0|1 永久性啟用，需要修改配置檔案 /etc/sysconfig/selinux 設定：SELINUX
Spring中的FactoryBean及Mybatis中Mapper生成原理解析
一、Spring中的FactoryBean 首先，讓我們先來看一看FactoryBean介面的定義，由此可見，FactoryBean也是用來建立bean的，它所建立的bean即為它後面所跟泛型對應的型別的例項。 package org.springframe
vue專案使用vw佈局及注意點
注意事項 1. 在ios端img標籤的圖片不顯示,安卓可正常顯示 解決方案: 不可以為img設定任何css樣式，只可以在為img的父盒子設定樣式，img的大小靠百分比設定。 程式碼示例：
CentOS7中JDK安裝及環境變數配置
登入到CentOS系統裡面，開啟終端，將linux自帶的OPENJDK解除安裝掉，然後安裝SUN的JDK，步驟如下： 首先：檢視Linux自帶的JDK是否已安裝 <1>檢視已經安裝的JAVA版本資訊 java -version 一般將獲得如下
SSH框架Action中JSON操作及struct.xml配置
頁面向action中傳送AJAX、json請求前面已經講過了，這裡不再重複，今天主要講一下後臺如何處理並返回json資料。 方式不唯一，會用其中一種就可以，我用的是Map 首先action中建立map物件 private Map result;//用於返回AJAX p
vue專案框架結構入門 及 vue基礎
vue框架使用說明 1.目前後臺框架主要運用了Bootstrap，用Vue模板去渲染資料。 2.運用webpack進行打包壓縮加版本號，並實時監控頁面變化,使用命令npm run dev啟動 如
解決webstorm拉取Vue專案時卡頓,及記憶體爆滿問題
解決webstorm拉取Vue專案載入node_modules時卡頓,及記憶體爆滿問題 最近在拉取Vue專案時總是會出現webstorm記憶體瞬間爆滿，導致webstorm卡死，而且,有時在下
Vue專案總結的一些資料夾結構配置
之前一段時間都在使用 vue 開發後臺管理系統，在摸索的過程中對 vue 本身和模組化、規範化開發有了更深的認知，現在記錄下來，希望對其他需要開發專案的人有幫助。專案配置首先，在確定好使用的框架和元件庫後，先要大致瞭解它們，做到文件基本熟悉。本次開發使用到的有： vue ，
如何在webpack+vue專案中使用postcss-px2rem
postcss-px2rem在專案中使用可以進行px自動轉換為rem單位，但其也有利弊如下： 優點：可以實現邊編輯邊轉換，在開發手機網站是可以很 高效率的工作 缺點：在瀏覽器器裡面調式px，並不太方便 但總歸是利大於弊，現在 移動端 還是非常火熱… 1.
vue專案中webpack配置代理，解決跨域問題
在config資料夾中的index.js檔案配置 主要是這句話 proxyTable: { //本地測試介面 '/': { target: 'http://xx.xx.xx.xx', changeOrigin: true, sec
vue專案中textarea文字提交到後端資料庫，前端輸出儲存換行回車及修改
在提交前先用正則： var content = this.content.replace(/\r\n/g, '<br/>').replace(/\n/g, '<br/>').replace(/\s/g, ' '); （此處content為textar
如何在vue專案中使用md5.js及base64.js
一、在專案根目錄下安裝 npm install --save js-base64 npm install --save js-md5 二、在專案檔案中引入 import md5 from 'j
在vue專案中使用md5.js及base64.js 設定cookie
MD5單向加密，不可解密 base64可加可解 轉載： https://blog.csdn.net/qq_35844177/article/details/70597597 https://blog.csdn.net/qq_32113629/article/deta