原创 都2020了，你咋還在單純的使用if-else?
在高級語言中，基本上都提供了像if-else 和switch-case 這樣的條件語句，方便大夥進行判斷——引導程序走向。我們在寫程序時，常常需要指明兩條或者更多的執行路徑，使得程序執行時，能夠選擇其中一條路徑，去執行相應的語句，
2020-04-04 06:23:11
3
原创 node新篇章：基於Express框架的HTTP服務器
閒來無事，不如擼碼 Express現在異常流行，尤其是近兩年。筆者現在上網找資料能看到好多“express實現…”、“基於express的…”實戰型文章。作爲一個簡潔而靈活的node.js Web應用框架，express提供了
2020-03-26 02:22:48
1
原创 前端軼事：奇妙的個性化瀑布流佈局
之前筆者做的項目中圖片的排布都是以div定寬高包裹，img設置100%。這樣在只有少量圖片的網站上有奇效——樣式簡單、佈局便捷。 以前一直爲發現了這一方法而“沾沾自喜”，但近來瀏覽了【百度圖片】網頁 。。。 莫名的就想到了【瀑布流
2020-03-17 02:07:14
1
原创 原生JS小遊戲：從0實現一個掃雷遊戲
這兩天閒着無事，寫了幾個Web遊戲供自己打發時間。其中筆者感覺掃雷這個遊戲的實現中涉及到的知識點比較全面，故在此和大家分享一下。 先放效果圖： 首先我們要把基本的架子搭建起來： <!DOCTYPE html> <html>
2020-02-29 11:20:08
原创 vue前端組件化開發實戰（二）：從0開發仿去哪網首頁圖標區域
說來，最近碰到某羣友的一個問題：後端沒有設置分頁，前端怎麼做？不知怎的，這讓我一下想到了vue中的computed配合JS設置元素個數與page之間的關係。正巧這兩天在學習第三方滾動插件：vue-awesome-swiper的使用
2020-02-25 02:02:24
原创 深入淺出vue：實戰中的性能優化和代碼規範（持續更新）
筆者前面寫了好多關於vue的文章（專欄也有兩個），有關於vue源碼部分的，也有筆者總結的實戰demo。但其實，筆者一直想分享出來的，也是希望給自己做個持續總結的，還是關於性能優化和代碼規範方面的。 筆者曾經完成過學院社團官網的開發
2020-02-23 23:09:28
原创 原生JavaScript“三步走”實現截取視頻第一幀作爲圖片
第一步 新建 video ，放置需要截取的視頻文件 <video id="video" controls="controls" src="video/1.mp4"></video> 並且在 JS 中獲取video標籤,並監聽它的
2020-02-23 06:27:02
原创 經典算法問題：八皇后的Python解法
想了想，沒啥說的，代碼不算難，涉及到的知識點本文都有說明： #八皇后問題 board=[ [0,0,0,0,0,0,0,0], [0,0,0,0,0,0,0,0], [0,0,0,0,0,0,0,0], [0,0,0,0,
2020-02-23 06:27:02
原创 仿簡書、慕課專欄頭部導航欄滾動特效
自從上一次看過簡書的導航欄隨上下滾動所展現出來的切換內容的效果，和在慕課專欄看到的頭部導航欄隨上下滾動而隱藏/展現的特效，就一直念念不忘。 趁今晚無事，不如來把兩種效果都實現一下，以此慰藉自己這幾天“受傷的心靈”。。。 先來看下
2020-02-23 06:27:02
原创 自學網絡協議（五）：網間通信——子網掩碼
前文回顧： 自學網絡協議（一）：HTTP請求與響應——GET和POST真的不一樣嗎？ 自學網絡協議（二）：OSI第一層——物理層Physical layer 自學網絡協議（三）：OSI第二層——機器通信那點事 自學網絡協議（四）
2020-02-23 06:27:02
原创 拿什麼拯救非父子組件通信，我的vue
一道面試題 最近在看《JavaScript設計模式與開發實踐》中的【發佈訂閱模式和觀察者模式】。我不禁想起了上半年面試的時候一個面試官問我的問題：“你在實際項目中是如何處理非父子組件通信的？” 我回答的是：“大型項目的話一般都會用
2020-02-23 06:27:02
原创 自學網絡協議（三）：OSI第二層——機器通信那點事
前文相關： 自學網絡協議（一）：HTTP請求與響應——GET和POST真的不一樣嗎？ 自學網絡協議（二）：OSI第一層——物理層Physical layer 前面學習了第一層，我們知道了物理層的大致作用，瞭解了用線纜構建一個
2020-02-23 06:27:02
原创 自學網絡協議（四）：OSI第三層——網絡層的作用（上）
前文回顧： 自學網絡協議（一）：HTTP請求與響應——GET和POST真的不一樣嗎？ 自學網絡協議（二）：OSI第一層——物理層Physical layer 自學網絡協議（三）：OSI第二層——機器通信那點事 正文 讓我們再
2020-02-23 06:27:02
原创 原生JS優化each函數
each —— 算是JavaScript中的一個“語法糖”API了。它的作用是“遍歷數組/對象中的每一個元素/屬性，操作想要操作的事情（執行回調函數）”。 其中在jQuery中使用的尤其廣泛： var arr=[1,2,3,4];
2020-02-23 06:26:52
1
原创 原生JavaScript框架設計（一）：整合JS函數
本篇爲回顧js時總結，詣在整理JS中常用知識點，剖析其規律。 模仿jQuery，簡單一些，特定功能，像apply函數、getElementXXX函數等瀏覽器函數都沒有實現，直接套用。 創建 common.js ： //自定義實現
2020-02-23 06:26:52