原创 全局作用域中,用 const 和 let 聲明的變量不在 window 上,那到底在哪裏?如何去獲取?

一、全局作用域中,用const和let聲明的變量去哪了? 【1.1】在ES5中,全局變量直接掛載到全局對象的屬性上,所以能在window上看到var命令和function命令聲明的全局變量 var a = 10; function f(

原创 JS獲取當前瀏覽器URL參數(中英文通用)

一、獲取瀏覽器參數方法 function getParams(key) { let search = window.location.search.replace(/^\?/, ""); let pairs = sear

原创 三十分鐘學會使用vue-router搭建單頁應用(SPA)

一、什麼是單頁應用       單頁web應用(single page web application,SPA),就是隻有一張Web頁面的應用。單頁應用程序 (SPA) 是加載單個HTML 頁面並在用戶與應用程序交互時動態更新該頁面的W

原创 vue視頻播放插件vue-video-player

安裝 npm install vue-video-player --save 引入 可以全局引入插件,也可以在需要用到該插件的組件內單獨引入(二選一) 【1】全局引用, 在main.js裏面導入並引用  import VideoPla

原创 取消本地文件與SVN的關聯

前言 有時候我們需要copy一個項目,會發現 copy 生成的新項目B會自帶之前項目A的svn信息,這時我們就需要刪除B項目所關聯的svn信息,提供以下兩種方法,親測可用。 方法一 1、查看隱藏的文件 2、將隱藏文件夾 .svn 刪除刷新

原创 解決forEach無法退出循環問題

做項目時,習慣使用forEach來代替for循環,我們都知道for循環裏要跳出整個循環是使用break,但在數組中用forEach循環如果要退出整個循環使用break會報錯,return也無法跳出循環。也就是說forEach遍歷並不能被終

原创 vuex的安裝和使用

先給出官網地址 一、什麼是vuex 官方解釋: Vuex 是一個專爲 Vue.js 應用程序開發的狀態管理模式。它採用集中式存儲管理應用的所有組件的狀態,並以相應的規則保證狀態以一種可預測的方式發生變化 二、爲什麼要用vuex vu

原创 校驗18位身份證號碼(判斷最後一位校驗位和性別)

身份證號碼組成    公民身份號碼是一系列組合碼,由十七位數字本體碼和一位校驗碼組成。 排列順序從左至右依次爲:六位數字地址碼,八位數字出生日期碼,三位數字順序碼和一位校驗碼。  18位身份證最後一位校驗碼的計算方法 1、將身份證號

原创 textarea高度自適應 && 元素屬性contenteditable介紹

近期實現的一個筆錄頁面如上圖所示,考慮到筆錄內容肯定會超出一行,所以我選擇了使用textareas文本輸入框,問題在於textarea不支持自適應高度,就是定好高度或者是行數之後,超出部分就會顯示滾動條,看起來不美觀。 下面分享2種實現

原创 JavaScript 如何工作的? 認識 V8 引擎

前言 在過去的幾年裏,JavaScript高速發展成爲了互聯網中最熱門的高級語言之一,它在性能上的提升以及不斷湧現的前沿web技術使其成爲HTML5的中堅力量。 一、JavaScript引擎 我們寫的JavaScript代碼直接交給瀏覽器

原创 vue+router+axios 實現後臺管理系統登錄攔截(權限控制)

最近學習vue-cli3搭建後臺管理項目,關於系統登錄攔截和獲取用戶權限控制這一塊是卡了挺久的一個難點,後臺項目權限驗證與安全性是非常重要的,可以說是一個後臺項目一開始就必須考慮和搭建的基礎核心功能。這篇文章寫一下前後端分離下的登錄解決方

原创 根據(字符 / 字節)數分段截取字符串

一、JS字符串截取函數substring()、substr()、slice()的區別 【1】substring() substring()方法返回一個索引和另一個索引之間的字符串,語法如下: str.substring(indexSta

原创 解決Vue中重複點擊相同路由控制檯報錯問題

vue-router 升級到3.1.x 後,重複點擊導航時,控制檯出現報錯 ,雖然不影響功能使用,但也不能視而不見。 報錯信息 報錯原因 vue router ≥ v3.1 後 ,回調形式改成promise api了,返回的是promi

原创 window.print() 前端實現網頁打印詳解

前言 print作爲瀏覽已經比較成熟的技術可以經常被用來打印頁面的部分內容,我們可以在MDN上查看到相關的簡單介紹。 一、print()方法 print() 方法用於打印當前窗口的內容。調用 print() 方法會產生一個打印預覽彈框,讓

原创 vue+iview框架實現左側動態菜單

最近在使用vue-cli3配合iview框架搭建新的項目中用到了iview中的menu菜單,按照官網寫法固定不太好,因爲一般項目都是從後端動態獲取菜單列表,所以我們需要將官網代碼稍作修改,代碼如下: 注意事項: 【1】菜單高亮部分動態綁定