原创 JS之繼承

一、概念 一個類獲取另一個或者多個類的屬性或者方法。繼承可以使得子類具有父類的各種方法和屬性。以免重複輸出很多代碼。   二、原理 複製父類的方法和屬性來重寫子類的原型對象。 下面總結了多種實現繼承的方式及各自的優缺點——   三、原型鏈

原创 webApp實現打開相機、打開相冊、打開文件管理功能並上傳文件

最近做的一個webapp裏有一個聊天功能,聊天時可以發送相冊圖片、發送拍照圖片及發送文件。 一看這個功能,簡單吶,我記得之前就做過類似的上傳頭像的功能,於是 <input type="file" accept="image/*" capt

原创 ES6的展開運算符和剩餘運算符

在ES6中, 三個點(...) 有2個含義。分別表示 展開運算符 和 剩餘運算符。 展開運算符 /******************展開運算符(spread)********************/ // 1、傳遞數據代

原创 js中的require、import和export

首先,require、import/export都是爲了JS模塊化編程使用。 爲什麼有模塊概念 模塊就是實現特定功能的一組方法。 理想情況下,開發者只需要實現核心的業務邏輯,其他都可以加載別人已經寫好的模塊。 但是,Javascript不

原创 Vue組件間的傳值——父子組件、非父子組件、組件跳轉傳值

一、父子組件之間的傳值( props down, events up ) (1)父組件到子組件(通過props) 父組件:(在註冊聲明的子組件上加  :xxx  表示要傳遞到子組件的參數或方法) <template> <div

原创 區分slice,splice和split方法

這三個函數長得比較像,容易混淆,在此記錄。 1.slice(數組) 用法:array.slice(start, end) 解釋:該方法是對數組進行部分截取,並返回一個數組副本;參數start是截取的開始數組索引,end參數等於你要取的最後

原创 vue-router 內嵌 iframe,導致this.$router.go(-1)返回上一頁異常

問題描述: 在使用vue-router跳轉過來的頁面中內嵌了一個iframe,通過選擇不同項替換iframe的src,但是在使用this.$router.go(-1)返回之前的頁面時發現頁面刷新,點擊多次才能返回之前的頁面 原因: 瀏覽器

原创 Js中的delete關鍵字

delete關鍵字的作用: 刪除對象的屬性 語法:delete 對象.屬性 返回值類型爲布爾值(true / false),刪除成功返回true delete關鍵字的使用注意: 也可以用於刪除數組元素 刪除未使用var/let/const

原创 解決iview和elementUI組件樣式覆蓋無效的問題

原文鏈接:https://blog.csdn.net/zqian1994/article/details/83899919 iview和elementUI是我們在用vue開發項目時比較常用到的u

原创 css常見單位px、em、rem、vh、vw、vmin、vmax說明

1、px 相對單位,像素,相對於顯示器屏幕分辨率而言 2、em 相對單位,相對於父元素的font-size,具有繼承的特點。如果自身定義了font-size按自身來計算,整個頁面內1em不是一個固定的值 3、rem 相對單位,可理解爲”r

原创 JS之arguments、arguments.callee、caller介紹

arguments:調用函數時產生的,保存實參。 arguments.callee:被調用時指向函數自身。 caller:指向調用某函數的那個函數。   下面通過一段代碼說明它們的用處: function A (n) { con

原创 call、apply、bind使用方法及區別

首先,這三個都是Function函數對象自帶的非繼承來的方法,都可以用來改變函數運行時this的指向(調用函數時,this指向指定的對象thisObj) (1)語法: /*apply()方法*/ function.apply(thisO

原创 淺談css3的box-sizing屬性

CSS3中的box-sizing 屬性允許以特定的方式來指定盒模型,其屬性值有兩種: content-box:標準盒模型,又叫做 W3C盒模型,一般在現代瀏覽器中使用的都是這個盒模型 border-box:怪異盒模型,低版本IE瀏覽器中的

原创 js將數組按固定長度分割

最近遇到這個問題,需要每隔n個將數組分開進行操作,開始想想覺得很簡單,結果楞是廢了一會兒功夫才實現,感覺最近業務邏輯寫少了,腦子也不太轉得動了,方法一是我當時寫的,後來發現其實很簡單(捂臉),此處做個記錄... 方法一: functio