原创 使用verdaccio 搭建私有npm 服務器

verdaccio 搭建 npm 服務器 爲什麼要搭建npm 服務器 原因: 公司內部開發的私有包,統一管理,方便開發和使用,自然也可以使用npm 的付費服務,原諒我們的窮 安全性,由於公司內部開發的模塊和一些內容並不希望其他無關人

原创 JavaScript深度複製

簡單的深度複製一個數組 let copyArray = (array)=>{ return Array.prototype.slice.call(array) } //或者 copyArray = (array)=>array.m

原创 onhashchange

onhashchange事件 觸發條件 location.hash發生改變的時候觸發, *注意hashchange事件觸發並不會刷新頁面,而只是頁面的滾動(觸發hashchange頁面滾動的時候,還會觸發一次對應容器的scroll

原创 canvas畫筆功能 Signature Pad

canvas畫筆功能 Signature Pad Signature Pad介紹 Signature Pad是一個用於繪製平滑簽名的JavaScript庫。 它是基於HTML5畫布.它適用於所有現代桌面和移動瀏覽器,不依賴於任何外部庫

原创 深入理解ES6 -- 函數

前言 函數是所有編程語言的重要組成部分,在 ES6 出現前,JavaScript 的函數語法一直沒有太大的變化 , 從而遺留了很多問題和隱晦的做法,導致一些基本功能經常要編寫很多代碼.例如定義一個類 要用到安全模式,做檢測.函數默認參數如

原创 深入理解ES6--塊級作用域(let const)

var 聲明及變量提升機制 var 的聲明提升機制 —> 在函數作用域或全局作用域中通過關鍵字var 聲明的變量,無論實際在哪裏聲明,都會被當成在當前作用域(ES5作用域,只有函數能起到塊級作用域的目的)頂部聲明的變量. var 聲明

原创 深入理解ES6 --解構

前言 對象和數組字面量是JavaScript中兩種最常用的數據結構,由於JSON數據格式的普及,二者已經成爲語言中特別重要的一部分.在編碼過程中,我們經常定義許多對象和數組,然後有組織的從中提取相關的信息片段,ES6 中添加了許多可以簡化

原创 深入理解ES6 ---對象(object)

前言 在JavaScript中幾乎每一個值都是某種特定的對象 ,例如數字是屬於Number 類型的對象,字符串是String 類型的對象.可見對象在JavaScript中的重要性,而在ES6中着重通過多種方式加強對象的使用,通過簡單的而語

原创 HTML5 重寫video控制欄 ,Chrome去除下載按鈕

video標籤 video控制欄功能 volume 聲音 currentTime 視頻進度 play/pause 播放/暫停 fullscreen 全屏 download (Chrome下顯示) 一般情況下重寫控制欄的目的:

原创 js 實現菜單與內容的聯動

菜單與內容聯動 實現思路 菜單是擁有點擊事件 -->採用錨點跳到對應內容 內容跳轉到菜單 --> scroll 滾動事件 計算錨點的offset 和pageYoffset 給對應菜單目錄添加樣式 2.實現 爲了給不熟悉ES

原创 html 標籤引用外部文件時//的作用

html 標籤引用外部文件時//的作用 在HTML 文件中時常會用到一系列圖片,大多數時候都是使用相對路徑或者絕對路徑來加載對應的js css,還有img圖片. 引用就不需多言 下面看一下引用的方式 src="./*" 相對路徑引用

原创 修改 placeholder 樣式,placeholder 換行 以及iOS 上設置placeholder被遮擋

修改placeholder樣式 /*通過選擇器就可以簡單的修改該placeholder的樣式*/ input::placeholder{ font-size:14px; color: #666666; } placehol

原创 javascript 數組方法屬性總結

javascript數組方法總結 javascript的數組方法有哪些,只需要 新建一個數組對象,輸出數組,在原型方法中我們可以看到一個列表如下: 這裏面就列舉裏所有的數組方法。 concat 連接兩個或多個 數組,(參數不限

原创 javascript 中的this

javascript 中的this javascript中的this 經常讓人迷迷糊糊,讓人難以理解,時常困惑this 到底指向誰呢? 首先在window 下面,全局變量直接輸出this ,這個是不需要疑問的,this指向window

原创 html非文本只顯示一行,多餘隱藏的實現

先簡單說明一下這裏是指在HTML的span button 等其他行內元素,多於一行時會自動換行,但是有時候只需要顯示一行,多餘 隱藏該如何實現. 假設body裏面的代碼如下所示 <div class="btn-list"> <butto