原创 前端特效動畫 ------- 瀑布流（HTML、CSS、JS）
1、瀑布流是什麼 視覺表現爲參差不齊的多欄佈局 2、爲什麼要使用瀑布流 需求一：要展示很多張圖片 需求二：圖片不可以 不按比例 縮放拉伸 需求三：圖片大小各自不一 3、瀑布流解析原理 3.1、圖片大小：等寬不等高 3.2、瀑
2020-05-14 19:32:31
原创 ES6新增特性 -- 語法篇（二） --- map、reduce、filter、forEach
2、方法 2.1、map（映射） map(item, index) index可以不要 map() 方法返回一個新數組，數組中的元素爲原始數組元素調用函數處理後的值。 [45, 60, 80] --- [不及格， 及格，
2020-05-14 19:32:31
原创 請求報錯 Required String parameter 'username' is not presen
本文說明：該問題是參考了擎迪的文章解決的 最近開發項目，因爲疫情影響，各自在家開發，所以遇到了 跨域問題和 這個問題，特來寫篇博客，提醒自己，也幫助他人 我後端宿友使用springboot開發，最開始他接收我的 網絡請求是這樣
2020-05-14 19:32:31
原创 都0202年了，你必須懂的防抖和節流！！！
1、防抖與節流的區別 防抖與節流的區別就是： 假設你一直點擊一個按鈕： **防抖：**一直刷新計算時間，一直不會執行，除非等你 2 次點擊的間隔時間大於等於防抖的間隔時間 節流：點擊後，觸發一次，等到間隔時間到達，你如果再點擊會
2020-05-14 19:32:31
1
原创 ES6數據結構 --- set、map
1、set set類似於數組（Array）,不過 set 的成員是唯一的 const s = new Set(); s.add(1); s.add(2); /* 支持鏈式調用 */ // s.add(1).add(2) con
2020-05-14 19:32:31
原创 前端知識體系 --- 2020年版本
1、HTML(5) 和 CSS(3) HTML5、CSS3 響應式佈局（rem / flex /等） 小程序開發 React Native開發 推薦書籍： 《CSS權威指南》、 《圖解CSS3》、 《H
2020-05-14 19:32:31
原创 Vuex系列狀態管理篇--Vuex（5）之插件、嚴格模式和表單處理
1、插件 插件實際是一個函數 Vuex 的 store 接受 plugins 選項，這個選項暴露出每次 mutation 的鉤子。Vuex 插件就是一個函數，它接收 store 作爲唯一參數： 定義 插件 export cons
2020-05-14 19:32:31
原创 微信小程序（六）--- 組件化
一、自定義組件 1、創建自定義組件 1、新建一個文件夾 Components 2、可以使用小程序編輯器，右鍵，新建Components 3、生成js、json、wxml、wxss四個文件 2、聲明在哪裏使用 1、打開用使用組件的文
2020-05-14 19:32:31
原创 瀏覽器解析流程
瀏覽器解析草圖 瀏覽器渲染原理 1、解析HTML，生成DOM樹，解析CSS，生成CSSOM樹 2、將DOM樹和CSSOM樹相結合，生成渲染樹（Render Tree） 3、Layout（迴流）：根據生成的渲染樹，計算它們在設備視
2020-05-14 19:32:31
原创 ES6新增特性 --語法篇（四） --- 異步操作
5、異步操作 優點： 同時進行多個操作 用戶體驗比較好 缺點： 容易陷入回調地獄 5.1、解決辦法一：Promise Promise 實際上是封裝了 回調 5.1.1、使用方法： 寫請求方法 // ajax也返回一個
2020-05-14 19:32:31
原创 ES6新增特性 --語法篇（一） --- 語法特性
1、語法特性 1.1、變量 let const 特性： 無法重複聲明 let a = "1"; let a = "2" // 報錯，重複聲明 const 是定義常量的，無法修改 const a = 1; a = 2
2020-05-14 19:32:31
原创 瀏覽器頁面性能優化
核心就是：減少HTTP的請求次數和大小 1、資源合併壓縮 2、圖片懶加載 3、音頻 走 流文件（加載一部分） 4、儘可能避免迴流和重繪 放棄傳統操作dom的時代，基於vue / react開始數據影響視圖模式 分離讀寫操作 一
2020-05-14 19:32:31
原创 微信小程序（五） --- 生命週期
五、小程序的生命週期 1、應用生命週期 1.1、總體解析 是定義在app.js裏面，小程序的生命週期 屬性 類型 必填 說明 onLaunch function 否 監聽⼩程序初始化 onShow functio
2020-05-14 19:32:31
原创 ES6新增特性 --語法篇（三） --- babel.js編譯
4、babel.js編譯 可以將es6、es7的編譯成低版本（es5）的語法 使用方法：編譯JS文件 1、按照node.js 初始化項目 2、按照babel-cli npm i @babel/core @babel/cli @ba
2020-05-14 19:32:31
原创 微信小程序（二）--- wxml語法
此處只列舉了一些常用的語法 具體可查閱 微信小程序開放文檔 1、運算 => 表達式 <!-- 算數運算 --> <view>{{1 + 1}}</view> <!-- 字符串拼接 --> <view>{{'1' + '1'}}<
2020-05-14 19:32:31