原创 對RESTFUL接口的理解
1.什麼是restREST是英文representational state transfer(表象性狀態轉變)或者表述性狀態轉移;Rest是web服務的一種架構風格;它是一種設計風格 2. Rest架構的主要原則 網絡上的所有事物都被抽
2020-06-20 19:20:25
原创 對js對象setter、getter的理解
一、簡介getter函數，獲取object對象的屬性值。setter函數，對object對象的屬性進行賦值。通常，有兩種手段可以對object對象存、取值；1. 在對象初始化時2. 在對象初始化後二、定義屬性2.1 在對象初始化時在get
2020-06-20 19:20:25
原创 瀏覽器本地存儲策略
sessionStorage 和 localStorage 是HTML5 Web Storage API 提供的，可以方便的在web請求之間保存數據。有了本地數據，就可以避免數據在瀏覽器和服務器間不必要地來回傳遞。sessionStora
2020-06-20 17:17:31
原创 window.history跳轉的實質
1、簡介window.history是用來保存用戶在一個會話期間的網站訪問記錄，並提供相應的方法進行追溯。其對應的成員如下：方法：back()、forward()、go(num)、pushState(stateData, title, u
2020-02-22 06:01:41
原创 XSS跨站腳本攻擊
一、簡介 跨站腳本攻擊（cross site scripting），web應用最主流攻擊方法；爲了避免和層疊樣式表（cascading style sheet）重名而簡寫成XSS。1.1 成因 系統太過於信任用戶輸入，
2020-02-22 06:01:41
1
原创 TS Eslint規則說明
"no-alert": 0,//禁止使用alert confirm prompt "no-array-constructor": 2,//禁止使用數組構造器 "no-bitwise": 0,//禁止使用按位運算符 "no-caller":
2020-02-22 06:01:41
原创 history輔助下的SPA路由實現
上篇文章簡單介紹了html5的history api，這篇將就進入實戰環節。看看在history api的輔助下，目前流行的前端SPA框架路由是怎麼實現的。1.什麼是SPA 首先，什麼事spa呢？一句話概括：sp
2020-02-22 06:01:41
原创 js常用轉換正則
//雙引號轉單引號 var _adrobj = JSON.stringify(address).replace(/\"/g,"'"); //單引號轉雙引號 var _nstr = _adrdata.replace(/'/g, '"
2020-02-22 06:01:41
原创 sudo npm install fecs -g 報錯
npm WARN deprecated [email protected]: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue /usr/loca
2019-01-04 18:56:03
原创 文檔流與浮動
CSS樣式----浮動（圖文詳解） 本文最初發表於博客園，並在GitHub上持續更新。以下是正文。 標準文檔流 宏觀地講，我們的web頁面和photoshop等設計軟件有本質的區別：web頁面的製作，是個“流”，必須從上而下，像“織毛
2018-10-27 07:14:06
原创 對webpack和gulp的理解和區別
webpack是前端構建工具，稱爲模塊打包機，webpack支持模塊化；構建前端開發過程中常用的文件，如：js，css，html，img等；使用簡單方便，自動化構建。webpack是通過loader（加載器）和plugins（插件）對資源
2018-10-27 07:14:06
原创 CSS Grid 佈局完全指南(圖解 Grid 詳細教程)
CSS Grid 佈局是 CSS 中最強大的佈局系統。與 flexbox 的一維佈局系統不同，CSS Grid 佈局是一個二維佈局系統，也就意味着它可以同時處理列和行。通過將 CSS 規則應用於 父元素 (成爲 Grid Conta
2018-10-20 07:01:32
16
原创 HTTP協議Keep-Alive模式詳解和HTTP頭字段總結
1、什麼是Keep-Alive模式？ 我們知道HTTP協議採用“請求-應答”模式，當使用普通模式，即非KeepAlive模式時，每個請求/應答客戶和服務器都要新建一個連接，完成 之後立即斷開連接（HTTP協議爲無連接的協議）；當使用Kee
2018-10-20 07:01:32
原创 Flex 佈局語法教程
網頁佈局（layout）是CSS的一個重點應用。 佈局的傳統解決方案，基於盒狀模型，依賴 display屬性 + position屬性 + float屬性。它對於那些特殊佈局非常不方便，比如，垂直居中就不容易實現。 2009年，W3C
2018-10-20 07:01:32
2
原创 js正則表達式常見面試題
1 . 給一個連字符串例如：get-element-by-id轉化成駝峯形式。 var str = "get-element-by-id"; var reg = /-\w/g; // 匹配橫杆以及之後的一個字符，全局匹配 conso
2018-10-20 07:01:32