原创 前端之節流和防抖學習筆記

在前端開發中,我們會遇到一些持續觸發的事件,但是我們並不希望那樣的去觸發它,那麼節流和防抖都是用來防止一些函數不必要的連續執行的。 在明白防抖和節流之前一定要先明白兩個定時器的用法 setTimeout() 方法用於在指定的毫秒數後調用函

原创 瀏覽器輸入網址到顯示經歷了那些過程

瀏覽器輸入網址到顯示經歷了那些過程 1.瀏覽器解析並查詢緩存 DNS查詢 DNS查詢順序如下,若其中一步成功則直接跳到建立鏈接部分: 瀏覽器自身DNS 操作系統DNS 本地hosts文件 向域名服務器發送請求 2.瀏覽

原创 狀態圖和活動圖的區別

狀態圖 狀態圖描述一個特定對象的所有可能狀態以及由於各種事件的發生而引起的狀態之間的轉移。狀態圖側重於從行爲的結果來描述,只涉及一個特定的對象,常用於動態特性建模。 狀態圖的組成 (1)起點、終點 (2)狀態 主要用來描述一個對象在

原创 css實現元素水平居中和垂直居中的方法

水平居中 水平居中的方法大家應該都知道 1.在父元素的裏面加 /父元素 { text-align:center; } //子元素 { //如果不管是就在子元素加 display:inline/inline-blo

原创 Promise封裝

// <!--Promise封裝--> let checkLogin = function(){ return new Promise(function(resolve,reject){ let flag = d

原创 經常用的ES6語法

// 經常用的ES6語法 function sum(...m){ let to = 0; for(var i of m){ to+=i; } console.log(`to:${to}`)//to:21 }

原创 vue 最簡單的方法實現全選反選

就下面幾步,簡單實現! <input type="checkbox" name="quanxuan" id="quanxuan" @click="checkAll">全選 //全選設置一個函數 <div class="lei" v-

原创 JS把多維數組變成一維數組

var arr=[1,4,[2,3,[6,8],5],7]; function aa(arr,r){ var r = r ||[]; for(var i=0;i<arr.length;i++){ //console.log

原创 JS實現郵箱驗證(正則表達)

oninput 事件在用戶輸入時觸發。 該事件類似於 onchange 事件。不同之處在於 oninput 事件在元素值發生變化是立即觸發, onchange 在元素失去焦點時觸發。另外一點不同是 onchange 事件也可以作用於 <k

原创 JavaScript怎麼解析URL?

 這個方法是把問號後面的參數解析成一個對象的形式。 <script> var url = "https://study.163.com/course/courseLearn.htm?lessonId=1280419156&cours

原创 require 與 import 的區別

require 與 import 的區別 第一、兩者的加載方式不同 require 是在運行時加載,所以require理論上可以運用在代碼的任何地方 。 而 import 是在編譯時加載,所以必須放在文件開頭 。 require(

原创 不用外掛,手動改瀏覽器代碼,教你如何破解學習通?

廢話不多說,直接上教程。 1.解決鼠標離開刷課界面,學習通視頻停止問題。 首先打開視頻學習界面,按f12或者鼠標右鍵點擊檢查(Ctrl+Shift+I)出現瀏覽器的調試界面如下: 選擇elements然後點擊下面的 EventListen

原创 typeof運算符是百分之百安全的,永遠不會報錯?

在沒有let之前,typeof運算符是百分之百安全的,永遠不會報錯。 現在這一點不成立了。這樣的設計是爲了讓大家養成良好的編程習慣,變量一定要在聲明之後使用,否則就報錯。 如果一個變量根本沒有被聲明,使用typeof反而不會報錯 typ

原创 H5的新特性

H5的新特性: 用於繪畫 canvas 元素。 用於媒介回放的 video 和 audio 元素。  本地離線存儲 localStorage 長期存儲數據,瀏覽器關閉後數據不丟失;sessionStorage 的數據在瀏覽器關閉後自動刪除

原创 vue 解決v-for 循環列表生成不同背景顏色問題

vue 解決v-for 循環列表生成不同背景顏色問題 今天在做項目的時候我就遇到一個問題,效果圖是這樣的:   這是一個表示樓層數的列表,根據不同建築有不同的樓層,每一層樓都要有不同的背景顏色。 要是一個一個的寫樓層加背景太麻煩了