原创 beforeRouteUpdate導航守衛使用注意

前言 在使用 vue-router 的組件內的守衛 beforeRouteUpdate (2.2 新增)時,需要注意組件內守衛獲取路由參數的時機。 beforeRouteUpdate 當組件內子路由發生變化時,會出發該導航守衛。

原创 webpack3的新特性

webpack3前言目錄結構webapck3新特性Scope HoistingMagic Comments總結參考 前言 webpack4都發布一年多了,爲啥還要寫webpack3的博客呢?因爲只有更瞭解 webpack3 有哪些

原创 js只能匹配正數或0

代碼 const reg = /^(0|[1-9][0-9]*)(\.\d+)?$/ console.log(reg.test('00')) // false console.log(reg.test('01')) // fals

原创 多種方法判斷一個對象是否包含一個屬性

前言 判斷一個對象是否包含一個屬性有多種的方式,如下: const obj = { name: 'john' } var a = 'name' in obj var b = Reflect.has(obj, 'name') va

原创 巧妙關閉iView的Modal框

前言 在使用 iView 的 Modal 框時,需要給 Modal 框傳遞一個變量,用於控制顯示與隱藏。然後,這個變量由父組件傳遞給子組件 Modal 框,每次都需要調用父組件的函數修改該變量的值,多調用了一個函數。問:只需父組件

原创 移動端常見bug彙總001

前言 最近在掘金上看到一篇講解移動端常見 bug 的文章,遂全部在 github 上實現之,然後使用手機打開對應的網頁,就可以觀察到具體的 bug 到底是什麼樣子,本人對於移動端僅僅處於瞭解階段,故寫下這篇博客,記錄自己在移動端的

原创 禁止IOS系統Safari瀏覽器縮放網頁

前言 在移動端如何禁止瀏覽器縮放網頁?具體需要添加網頁的元數據,即 meta 標籤。還需阻止一些事件的默認行爲。 演示 允許縮放 禁止縮放(添加 meta 標籤 ) 僅僅在部分安卓瀏覽器可以生效,IOS的Safari瀏覽器

原创 meta標籤的format-detection的作用

前言 meta 標籤中 format-detection 的作用是校驗電話號碼、郵箱和地址的格式,在 ios 系統中,通過校驗的字符串的顏色會變成藍色,並且有下劃線。默認值開啓校驗。這種對符合規則的字符自動校驗的方式讓一名前端工程

原创 js正則只能匹配正整數或零

前言 正則匹配正整數或零很常用,如下: 代碼 var reg = /^([0]|[1-9][0-9]*)$/ console.log(reg.test('00')) // false console.log(reg.test('0

原创 js正則保留2位小數

前言 正則校驗正數或零,且最多隻能保留2位小數,如下: 代碼 const validateNum = (num) => { let reg = /^([0]|([1-9][0-9]*)|(([0]\.\d{1,}|[1-9][

原创 cookie的httpOnly屬性

cookie的httpOnly屬性 前言 cookie 有一個 httpOnly 屬性,可以設置一個 只能在服務端設置的cookie 的鍵值對,即禁止客戶端修改攜帶 httpOnly 屬性的 cookie 鍵值對。 代碼 // a

原创 解決ios系統在safari瀏覽器中添加web應用程序到主屏幕,打開子鏈接會跳轉到safari的問題

解決ios系統在safari瀏覽器中添加web應用程序到主屏幕,打開子鏈接會跳轉到safari的問題 前言 ios系統的safari瀏覽器有一個功能可以將web應用程序添加到主程序,使得web程序像app一樣全屏顯示操作。 代碼

原创 Promise的妙用

Promise的妙用 1、返回已獲取的數據 在函數中獲取數據後,可以直接 return 一個 Promise ,然後在 then 函數中 return resolve() 即可返回一個新的 Promise const arr =

原创 filter函數的妙用

filter函數的妙用 數組的 filter 函數有一個很重要的用處,可以過濾 null、undefined、'' 代碼 var arr = [1, '', null, undefined, ' '] console.log(ar

原创 post導出excel

前言 在做 excel 導出時,經常需要導出選中的行,然選中的行需要將 id 傳給後臺,如果使用 get 方式導出,在瀏覽器地址欄能導出的行數是有限。此時,就需要用到 POST 方式導出了。 環境 axios element-u