原创 圖片url,base64,blob,file互轉
url 轉 base64 原理： 利用canvas.toDataURL的API轉化成base64 urlToBase64(url) { return new Promise ((resolve,reject) =>
2020-06-20 20:23:26
6
原创 require.context前端自動導入文件方法
require.context是什麼 一個webpack的api,通過執行require.context函數獲取一個特定的上下文,主要用來實現自動化導入模塊,在前端工程中,如果遇到從一個文件夾引入很多模塊的情況,可以使用這個ap
2020-06-04 13:13:41
4
原创 優雅的使用VUE----「拯救繁亂的template」
很多人在寫組件的時候，會依賴腳手架中的標籤，其實template也存在一定的缺陷，例如： template裏存在一值多判斷 過多使用template會使代碼冗餘，雜亂 VUE給我們提供了一個render函數，我們可以通過這個函
2020-06-04 13:13:41
原创 優雅的使用VUE---[高精度全局權限處理]
權限的控制由前端處理的場景很多，例如根據後臺返回內容，判斷該人是否對此功能有權限，進而去修改元素v-if / v-show，這種情況下，當這個功能在多處地方出現，就會導致我們做很多很多不必要的重複代碼，如果判斷條件繁瑣的情況，更
2020-06-04 13:13:41
1
原创 優雅的使用VUE---「全局組件註冊」
組件是我們非常常用的東西，很多人使用組件都是通過一個一個文件去引用和註冊。如果一個組件在整個項目裏面的使用次數較多，每一次使用都需要引用並註冊，就會顯得特別麻煩 當們在項目需要重複多次使用該組件，會導致出現很多重複的引入和註冊代
2020-06-04 13:13:41
6
原创 dom-to-image生成圖片並下載
下載必要的js庫npm install dom-to-image 引用庫import domtoimage from ‘dom-to-image’; ①生成png的圖片插入的到當前頁面 var node = document.
2020-04-24 10:22:21
原创 css文本步不換行的情況
一般情況下，元素擁有默認的white-space:normal（自動換行，PS：不換行是white-space:nowrap）,當錄入的文字超過定義的寬度後會自動換行，但當錄入的數據是一堆沒有空格的字符或字母或數字（常規數據
2020-04-20 18:45:21
原创 ios底部流出空隙
&::after { display: block; content: “”; height: env(safe-area-inset-bottom); }
2020-02-26 01:32:54
原创 高德地圖獲取精確定位信息
function loadmap(){ let that = this this.$vux.loading.show({ text: '獲取定位信息...'
2020-02-26 01:32:54
原创 vue組件添加事件@click.native
1，給vue組件綁定事件時候，必須加上native ，否則會認爲監聽的是來自Item組件自定義的事件 2，等同於在子組件中： 子組件內部處理click事件然後向外發送click事件：$emit(“click”.fn) <Item
2019-10-28 10:22:25
1
原创 用axios.all處理併發請求
如果我們需用在兩個接口同時完成後，然後在執行一些邏輯,我們可以使用axios.all處理併發請求，如下所示： function getUserAccount() { return axios.get('/user/12345'
2019-10-26 12:27:36
原创 判斷富文本字節個數
// 判斷富文本字節個數 export const editorTotal = str => { let newStr = str.replace(/</?[^>]>/g,’’).replace(/[ | ]\n/g,’\n’)
2019-10-26 12:27:35
原创 void 0和undefined區別
爲什麼有的編程規範要求用 void 0 代替 undefined？ -void void是JavaScript的一個操作符，而void 0會返回undefined，實驗出真知，可以在瀏覽器試驗一下 console.log(void
2019-10-26 12:27:35
原创 判斷是否是手機打開網頁
export const isMobile = () => { if ((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobil
2019-10-26 12:27:35