原创 vue 封裝通用方法,其他接受返回值返回

項目如果一個方法多次調用,建議常勝剝離出來,寫一個方法其他方法可以調用此方法,本文是親身測試經驗主要解決掛載一個通用接口的方法,但是需要同步接收其返回值再往下進行。 一、掛載公共方法 1、可以直接在main.js掛載全局方法 Vue.p

原创 css3動態計算元素的高度及寬度

1、px      像素,我們在網頁佈局中一般都是用px。2、百分比     百分比一般寬泛的講是相對於父元素,自適應網頁佈局越來越多,百分比也經常用到了3、Viewport    當已知一個div的高度時,它的同胞div高度是根據窗口高

原创 【Vue】utils公共方法編寫與使用教程

一、編寫 目錄結構 |--項目名 |--|--src |--|--|--utils |--|--|--|--utils.js utils.js /** * 獲取相對路徑 * @method getRelativePath * @

原创 yarn : 無法將“yarn”項識別爲 cmdlet、函數、腳本文件或可運行程序的名稱。請檢查名稱的拼寫,如果包括路徑,請確保路徑正確 ,然後再試一次。 所在位置 行:1 字符: 1 + yarn

yarn : 無法將“yarn”項識別爲 cmdlet、函數、腳本文件或可運行程序的名稱。請檢查名稱的拼寫,如果包括路徑,請確保路徑正確 ,然後再試一次。 所在位置 行:1 字符: 1 使用yarn會報這個錯誤 1.首先使用命令 npm

原创 Vue刷新當前頁面解決方案

方法一:this.$router.go(0) 這個姿勢是利用了 history 中前進和後退的功能,傳入 0 刷新當前頁面。但是有一個問題就是頁面整個刷新過程中會白屏,嚴重影響用戶的體驗感,效果不好。 this.$router.go(

原创 優秀代碼片段三之nginx配置

nginx.conf user www www; worker_processes auto; pid /var/run/nginx.pid; worker_rlimit_nofile 51200; events { use e

原创 優秀代碼片段二

用純 CSS 判斷鼠標進入的方向 <style> body { padding: 2em; text-align: center; } .block { posit

原创 優秀代碼片段1

複製鏈接地址 copy() { const link = “http://www.baidu.com” // const link = 'https://ui-b.superdesk.cn/firmOrder

原创 實現CSS等分佈局的5種方式

 等分佈局是指子元素平均分配父元素寬度的佈局方式下面列出5種常見的方式,僅供參考 float  【思路一】float   缺點:結構和樣式存在耦合性,IE7-瀏覽器下對寬度百分比取值存在四捨五入的誤差 【1】float + padding

原创 Vue首屏加載慢的優化方案

使用vue構建項目首屏加載時,出現加載慢,白屏的問題解決方案: 步驟一 webpack來打包vue項目,vendor.js過大問題解決 可以使用插件查看自己安裝包的大小 1.安裝 npm install --save-dev webpa

原创 vue 組件-自定義組件4種方式

一、組件命名的方式   ①kebab-case,單詞之間採用  - (短橫線)連接,例如:my-component ,在DOM中使用時,<my-component ></my-component >   ②PascalCase,駝峯式名稱

原创 vue按鈕防止暴力點擊,多次提交數據的問題,組件通用化

方法1:用計時器改變按鈕可點擊狀態 <template> <div class="test"> <button @click="btnClick">button</button> </div> </template>

原创 Vue2.0組織瀏覽器返回事件

Prevent Browser Back for Vue2.0 模擬阻止(適用於PC,移動端):在需要阻止瀏覽器返回上一頁的頁面使用次插件,當點擊瀏覽器返回上一頁時使頁面不做任何變化。 Install npm install vue-p

原创 vue新建項目出現的錯誤

1.新建的vue項目運行時就報錯errors potentially fixable with the `--fix` option. 在用vue-cli3搭建的項目開始進行開發時候,在項目搭建完成之後,每次啓動服務時都會彈出編譯錯誤,我

原创 html5中使用hotcss.js實現手機端自適配

Html5頁面在手機端做自適配是很常見的技術需求,下面介紹下在html頁面使用hotcss 簡介 使用動態的HTML根字體大小和動態的viewport scale。 遵循視覺一致性原則。在不同大小的屏幕和不同的設備像素密度下,讓你的