原创 webpack4.x最新入門配置詳解4
目錄 dllPlugin ：創建動態鏈接庫 happypack：實現多線程打包 webpack 自帶優化 抽離公共代碼 懶加載 熱更新 1. dllPlugin ：創建動態鏈接庫 示例代碼： // index.js impor
2020-03-30 17:51:00
原创 前端面試題收集整理ಠᴗಠ 查漏補缺刷一波
目錄 閉包 jwt-token的優缺點 vue的生命週期 vue數據雙向綁定的底層實現 回調函數,Promise,async/await三者的區別 Vue-Router模式 前端測試和web壓力測試 XSS和CSRF以及如何防
2020-03-14 14:19:22
原创 JS中的this指向問題 ๑乛◡乛๑老底都被掀出來了
this this關鍵字，就是所謂的執行上下文。this關鍵字在函數中，表示的是一個指向，this的指向永遠是一個對象。 哪個對象調用函數，函數裏面的this指向哪個對象。 代碼示例： function f() { let te
2020-03-14 12:52:42
原创 HTTP 和 HTTPS 的區別
HTTP協議（超文本傳輸協議）被用於在Web瀏覽器和網站服務器之間傳遞消息。 HTTP協議以明文方式發送內容，不提供任何方式的數據加密，如果攻擊者截取了Web瀏覽器和服務器之間的傳輸報文，就可以直接讀懂其中的信息。 因此，HTTP
2020-03-13 02:07:11
原创 CSS3動畫之animation: steps()
什麼是steps()? steps() 是 Animation 中的一個 timing-function 函數， 能夠實現動畫的階躍式變化，而非兩個狀態間的線性過渡。steps 接收兩個參數： steps ( n, [start
2020-03-11 11:52:16
原创 JS裏幾種for...循環的區別 你真的清楚麼_(¦3」∠)_
目錄 1. 普通for循環 2. for(... in ...)循環 3. for(... of ...)循環 4. forEach循環 1. 普通for循環 普通for循環可用於遍歷數組 let arr = ['A','B
2020-03-09 23:23:58
原创 CSS中的長度單位
目錄 1. 絕對長度單位 px cm mm Q in pc pt 2. 相對長度單位 相對字體：em rem ex ch 相對視口：vw vh vmin vmax 相對父元素大小：% 1. 絕對長度單位 彼此固定，不會因爲其他
2020-03-08 16:56:27
原创 position屬性和float屬性——對文檔流的影響
position屬性 定義和用法： position屬性用於指定一個元素在文檔中的定位方式。 top,right,bottom,left屬性則決定了該元素的最終位置。 參數 值 描述 absolute 生成絕對定位的
2020-03-08 16:56:27
原创 JS解構和 ... 運算符
1. 數組解構 使用方括號[] 1.1 交換變量 let a = 1; let b = 2; let c = 3; [a, b, c] = [c, b, a]; console.log(a); // 3 console.lo
2020-03-05 03:52:56
原创 HTML簡單音樂播放器
HTML代碼： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="widt
2020-03-02 11:45:52
原创 CSS3動畫：動畫文本ヾ(ﾟ∀ﾟゞ) 看懂它，這類動畫再也不怕了
動畫文本 實現思路： 使用了css3的animation 動畫屬性 用js將文本拆分爲字符數組["今", "天", "不", "學", "習", " ", "~", " ", "明", "天", "變", "垃", "圾",
2020-02-27 20:03:08
原创 前端實現瀑布流的方法彙總 (╥╯﹏╰╥)ง曾經被難倒過。。。
方法總結： 方法一：純CSS佈局 使用css3 的columns 屬性 （multi-column多列布局） 使用css 的 flex屬性 Flex佈局（彈性佈局） 缺點： 每個item是從上到下排列的。如果需要動態加載ite
2020-02-24 16:05:27
原创 JS事件綁定 事件冒泡與捕獲 事件代理 _φ(❐_❐✧一知半解的可不好哦
目錄 事件綁定 什麼是事件？ 什麼是事件的綁定? 傳統事件綁定和符合W3C標準的事件綁定有什麼區別？ 事件冒泡與捕獲 事件冒泡 事件捕獲 如何阻止事件冒泡和默認事件？ 事件代理 事件綁定 什麼是事件？ JS 中的
2020-02-24 16:05:27
原创 CSS操作之你不得不知的一些小技巧（一）ヾ(Ő∀Ő๑)ﾉ太棒了！！
目錄 單行/多行文本，超出隱藏並顯示省略號 垂直水平居中 使用:hover選擇器的content屬性 user-select設置不能選中文本 :not()選擇器 換行文本使用 box-decoration-break css3
2020-02-24 16:05:27
原创 CSS垂直水平居中的各種解決方法彙總
目錄 CSS水平居中 文本水平居中 單個塊級元素水平居中 多個水平排列的塊級元素 水平居中 多個垂直排列的塊級元素 水平居中 CSS垂直居中 單行文本垂直居中 多行文本垂直居中 方法1：使用table佈局 方法2：設
2020-02-22 19:57:32