原创 四種gulp增量編譯方式

在編譯過程中,可能會出現不必要的編譯,我們希望只對修改過的文件進行編譯,即 增量編譯。 目前,用於增量編譯的插件有gulp-changed,gulp-newer,gulp-cached+gulp-remember。 接下來,就來試

原创 webpack常用配置整理(Loaders&Plugins)

Loader 1. 圖片處理 url-loader 將圖片轉換爲base64 URI { module:{ rules: [ { test: /\.(png|svg|jpg|gif)$/, use:[{

原创 webpack搭建本地服務及自動刷新瀏覽器

搭建本地服務 首先,在項目中安裝webpack-dev-server npm install webpack-dev-server -D 在package.json文件中添加如下: { "scripts":{ "dev":"

原创 滾動條的瀏覽器兼容問題

谷歌瀏覽器 谷歌可設置大部分滾動條樣式,但是無法設置內嵌式滾動條,如下圖: /*滾動條整體部分,其中的屬性有width,height,background,border等(就和一個塊級元素一樣)(位置1) width指豎向滾動條

原创 webpack常用的loader整理

圖片處理 url-loader 將圖片轉換爲base64 URI fallback 指定當目標文件的大小超過limit選項中設置的限制時要使用的替代加載程序。 options:{ fallback: 'file-loader'

原创 echarts4+bmap+vue2地圖顯示不出來

在vue單頁應用中,百度地圖的ak認證獲取需放在index.html的head裏,否則地圖將顯示不出來。 index.html <head> <meta charset="utf-8"> <script type="tex

原创 給Echarts地圖的tooltip添加按鈕

tootip配置自定義內容並提供按鈕可點擊查看詳細信息 效果如下圖所示: 思路: tooltip的formatter支持自定義提示框浮層內容,可在此處自定義顯示內容及按鈕 給按鈕綁定事件,觸發時調用method中的方法。該方法

原创 redhat命令操作(四)

用戶如何存在於系統當中 /etc/passwd                        //用信息文件 用戶名稱:用戶密碼:用戶uid:用戶gid:用戶說明:用戶家目錄:用戶使用的shell /etc/shadow         

原创 redhat命令操作(二)

linux系統結構 1. linux系統結構是倒樹型 2. /bin                       //二進制可執行文件也就是系統命令 /sbin                         //系統管理命令存放位置 /

原创 redhat命令操作(一)

redhat企業版簡單命令操作 [kiosk@foundation0 Desktop]$ rht-vmctl start desktop                            //開啓 Starting desktop.

原创 redhat命令操作(三)

man命令 man 級別 目標 man 1 文件名                //查找命令的幫助 man 5 文件名               //查找配置文件的幫助 man 退出                       //按

原创 使用gulp構建項目

常用的npm包 glob通配符匹配文件名 gulp-clean刪除文件 gulp-uglify壓縮js文件 gulp-babel編譯es6 gulp-concat合併文件 gulp-lessless預處理 gulp-autopr

原创 css奇淫巧計

純css實現半圓 width:100px; height:200px; background-color:red; border-radius:100px; border-top-left-radius:100px; b

原创 vue登錄時點擊登錄之後顯示cannot post/

框架:vue 請求插件:axios 場景: 實現登錄功能 錯誤場景: 點擊登錄按鈕之後,頁面跳轉並顯示cannot post/,請求後臺的接口未被調用。 源碼如下: <form method="post" action="" clas

原创 vue實現二級菜單的顯示或隱藏

場景:二級菜單用html寫死的,而不是以通過data和v-for動態生成的 今天在實現的過程中,出現了問題。實現思路如下: data中設置menuIsShow爲一個數組,數組的元素爲boolean值,表示一級菜單是否顯示或隱藏。 在h