原创 JS設計模式(一)--- 工廠模式

故事的開頭是這樣子的… 在很久很久以前,有一個學生叫小明 有一天,老師對小明,小明啊,你去給班上買一個籃球,一個足球,一套積木和一套樂高 class Good { constructor(name, price) {

原创 JS基礎 --- String方法大全

var str="panini"; 1.toLowerCase(): 把字符串轉爲小寫,返回新的字符串 str = "Panini"; var str1=str.toLowerCase(); console.log(str); /

原创 算法基礎 --- 十大排序

排序算法導圖 概念 穩定:如果a原本在b前面,而a=b,排序之後a仍然在b的前面; 不穩定:如果a原本在b的前面,而a=b,排序之後a可能會出現在b的後面; 內排序:所有排序操作都在內存中完成; 外排序:由於數據太大,因此把數

原创 算法基礎 --- 從swap開始

需求: 輸入a b 輸出 b a 常規交換 /* *臨時交換 *優點:沒有缺陷 *缺點:需要臨時變量 */ function tpSwap(a, b){ let tmp = a; a = b;

原创 算法基礎 --- 日常總結

二分查找 function binarySearch(arr,value){ let left = 0; let right = arr.length - 1; let middle; while(le

原创 前端性能優化 --- 懶加載&預加載

前端性能優化學習筆記四 懶加載 有些資源文件不需要在頁面渲染時就緩存下來 在電商網站中,一個頁面可能很長,需要加載很多張圖片,這時候可以利用懶加載的策略來處理:只緩存可視區域的圖片,當頁面下拉時,再加載新的圖片。 預加載 有些資源文

原创 前端性能優化 --- css和js的裝載與執行

前端性能優化學習筆記三 一個網站在瀏覽器端是如何進行渲染的呢? HTML渲染過程的一些特點 順序執行、併發加載 用戶輸入網址(假設是個html頁面,並且是第一次訪問),瀏覽器向服務器發出請求,服務器返回html文件,瀏覽器根據詞法分

原创 前端性能優化 --- 資源合併與壓縮

前端性能優化學習筆記一 資源壓縮 前端代碼中,結構清晰,有一些空格換行符在開發時很有必要。但是瀏覽器是不需要結構清晰,而除去不必要的空格和註釋可以減小代碼量,減小資源請求。 資源合併 每個瀏覽器請求的過程都是非常耗時的,請求一個100

原创 前端性能優化 --- 圖片優化

前端性能優化學習筆記二 圖片的區別 jpg:有損壓縮,壓縮率高,不支持透明 png:支持透明,瀏覽器兼容好 png8 —— 256色 + 支持透明 png24 —— 2^24色 + 不支持透明 png32 —— 2^24色 + 支

原创 CSS佈局 --- 自適應佈局

網易雲課堂學習筆記二:自適應佈局 定寬+自適應 <div id="app"> <div class="left"></div> <div class="right"></div> </div> 1.float(abso

原创 日常總結 --- hover圖片變化效果

設計 需求:hover時,背景層變化,同時文字層動態上移,出現箭頭按鈕 結構 <ul> <li> <div class="bg"></div> <div class="txt"></div>

原创 日常總結 --- 視頻播放按鈕

設計 需求: 視頻播放按鈕居中,hover時樣式變化 結構 .video_open { position: absolute; left: 50%; top: 50%; transform: tran

原创 CSS佈局 --- 居中佈局

網易雲課堂學習筆記一:居中佈局 水平居中 子盒子的寬度由內容決定 <div class="sup"> <div class="sub">我是子盒子</div> </div> 1.text-align+inline-bloc

原创 Vue進階系列 --- 頁面架構優化

寫在前面 玩vue已經快一年了,回首第一次遇見vue的時候,還是大二的暑假,一晃已經走完了大三。我們都知道編程的學習是分軟功和硬功的。外練筋骨皮,內練一口氣就是這個道理。 那麼什麼是硬功呢?硬功就是Vue語法的掌握,JS語法的掌握

原创 帕尼尼的前端項目大全

個人項目列表 vuejs+koa2+mysql全棧開發個人博客 技術棧:Vuejs+Vuex+Element-ui+Axios+Koa+Mysql 項目介紹:一個前端基於Vue2.0全家桶,後端基於Koa2+Mysql的前後端分離博客