原创 js的設計模式理解知識

js的設計模式 工廠模式: 工廠模式解決了重複實例化的問題,但還有一個問題,那就是識別問題,因爲根本無法 主要好處就是可以消除對象間的耦合,通過使用工程方法而不是new關鍵字 構造函數模式 使用構造函數的方法,即解決

原创 前端三大框架Vue與Angular以及React的區別?

Vue與Angular以及React的區別? 1.與AngularJS的區別 相同點: 都支持指令:內置指令和自定義指令;都支持過濾器:內置過濾器和自定義過濾器;都支持雙向數據綁定;都不支持低端瀏覽器。 不同點: AngularJ

原创 ajax、axios、fetch之間的區別你知道嗎?

ajax、axios、fetch區別 ajax $.ajax({ type: 'POST', url: url, data: data, dataType: dataType, success: fu

原创 js一定要知道的bind、call、apply 區別

bind、call、apply 區別 call 和 apply 都是爲了解決改變 this 的指向。作用都是相同的,只是傳參的方式不同。 除了第一個參數外,call 可以接收一個參數列表,apply 只接受一個參數數組 let

原创 vue中computed和watch有什麼區別

vue中computed和watch有什麼區別? computed: computed是計算屬性,也就是計算值,它更多用於計算值的場景 computed具有緩存性,computed的值在getter執行後是會緩存的,只有在它依賴

原创 數組去重方法的方式總結

數組去重方法的方式總結 方法一、利用ES6 Set去重(ES6中最常用) function unique (arr) { return Array.from(new Set(arr)) } var arr = [1,1,'tr

原创 通用封裝ajax代碼

通用封裝ajax代碼 封裝代碼 function Ajax(obj){ var ajax = null; if(window.XMLHttpRequest){ ajax = new XMLHttpR

原创 CSS相關佈局小知識

CSS相關佈局小知識 左邊定寬,右邊自適應方案:float + margin,float + calc /* 方案1 */ .left { width: 120px; float: left; } .right {

原创 promise的瞭解

promise的瞭解 依照 Promise/A+ 的定義,Promise 有四種狀態: pending: 初始狀態, 非 fulfilled 或 rejected. fulfilled: 成功的操作. rejected: 失敗

原创 談談變量提升?

談談變量提升? 當執行 JS 代碼時,會生成執行環境,只要代碼不是寫在函數中的,就是在全局執行環境中,函數中的代碼會產生函數執行環境,只此兩種執行環境 接下來讓我們看一個老生常談的例子,var b() // call b co

原创 jQuery.extend 與 jQuery.fn.extend 的區別

jQuery.extend 與 jQuery.fn.extend 的區別 $.fn.extend() 和 $.extend() 是 jQuery 爲擴展插件提拱了兩個方法 $.extend(object); // 爲jQuery

原创 前端要知道的HTTP相關知識

HTTP相關知識 1. HTTP有什麼特點 簡單快速:客戶向服務器請求服務時,只需傳送請求方法和路徑 靈活:HTTP允許傳輸任意類型的數據對象。正在傳輸的類型由 Content-Type 加以標記 無連接:無連接的含義是限制每次

原创 js中深淺拷貝的知識,要知道

淺拷貝 首先可以通過 Object.assign來解決這個問題,很多人認爲這個函數是用來深拷貝的。其實並不是,Object.assign 只會拷貝所有的屬性值到新的對象中,如果屬性值是對象的話,拷貝的是地址,所以並不是深拷貝 le

原创 怎麼去實現一個簡潔版的promise?

怎麼去實現一個簡潔版的promise? // 三個常量用於表示狀態 const PENDING = 'pending' const RESOLVED = 'resolved' const REJECTED = 'rejected'

原创 你一定要知道這些,web安全及防護原理

常見web安全及防護原理 sql注入原理 就是通過把SQL命令插入到Web表單遞交或輸入域名或頁面請求的查詢字符串,最終達到欺騙服務器執行惡意的SQL命令 總的來說有以下幾點 永遠不要信任用戶的輸入,要對用戶的輸入進行校