原创 【CSS】用CCS畫三角形（含直角三角形）
原理：利用div的border屬性變換得到三角形。 step1：首先畫一個寬度、高度、邊框都爲50px的div，且邊框顏色爲四種不同顏色： .triangle { height: 50px; width: 50px; borde
2020-06-30 03:09:29
原创 【基礎】三報文握手與四報文揮手詳解及 Q&A
概念 三報文握手：客戶端與服務器通過傳輸三條報文建立連接 四報文揮手：客戶端與服務器通過傳輸四條報文斷開連接 標識符說明 先看下圖 圖中的 A1 - B2 表示報文代號（方便後續說明），一個箭頭表示一條報文，報文上的標識符依次爲：
2020-06-13 13:03:25
原创 【JavaScript】實現 TodoList 移動端頁面
效果預覽：https://sevlt.github.io/to-do-list-mobile-terminal/index.html Html 代碼： <!DOCTYPE html> <html lang="zh-CN">
2020-06-13 13:03:25
原创 【CSS】Bootstrap 4 樣例
效果預覽：https://sevlt.github.io/bootstrap4-demo/index.html Html 代碼： <!DOCTYPE html> <html lang="zh-CN"> <head>
2020-06-09 00:25:02
原创 【Vue】實現打沙袋效果
效果預覽：https://sevlt.github.io/punching-bag/index.html Html 代碼： <!DOCTYPE html> <html lang="zh-CN"> <head>
2020-06-09 00:25:02
原创 【JavaScript】this 關鍵字
在方法中，this 表示該方法所屬的對象 單獨使用，this 表示全局對象（window） 在函數中，this 表示函數的所有者 嚴格模式下的函數中，this 爲 undefined 在事件中，this 表示接收事件的元素 call()
2020-05-17 21:19:24
原创 【JavaScript】var、let 與 const
var：使用var聲明的變量，其作用域爲該語句所在的函數內，且存在變量提升現象。 let：使用let聲明的變量，其作用域爲該語句所在的代碼塊內，不存在變量提升。 const：使用const聲明的是常量，在後面出現的代碼中不能再修改該常量
2020-05-17 21:19:24
原创 【基礎】MVC 模式的理解
MVC 是指 Model-View-Controller（模型-視圖-控制器） 模式，這種模式用於應用程序的分層開發。 具體邏輯如下圖：
2020-05-15 02:09:37
原创 【JavaScript】拼圖小遊戲
效果預覽：https://sevlt.github.io/puzzle-game/index.html Html 代碼： <!DOCTYPE html> <html lang="zh-CN"> <head>
2020-05-14 12:51:41
原创 【基礎】LocalStorage 與 SessionStorage
概念： LocalStorage 與 SessionStorage 的作用都是用來在本地存儲同一會話的數據，這些數據只有在同一個會話中的頁面才能訪問。 每個域名的 LocalStorage 與 SessionStorage 大小爲 5M
2020-05-11 18:47:36
原创 【優化】使用 Cache-Control 優化頁面
Cache-Control 用於控制資源緩存何時失效 服務端代碼： response.setHeader('Cache-Control', 'max-age=30') max-age = 30，即在 30 秒內再次該頁面（相同的 UR
2020-05-11 18:47:36
原创 【基礎】Cookie 與 Session
由於 HTTP 協議是無狀態的，因此若想保留用戶的狀態信息，需要使用到 Cookie 和 Session 技術。 Cookie： 1、服務端通過 Set-Cookie 響應頭設置 Cookie 2、客戶端得到 Cookie 後，會在本地
2020-05-11 18:47:36
原创 【基礎】Node.js 的概念、作用及運行方式
概念： 簡單來說，Node.js 不是一個 JavaScript 庫，而是一個 JavaScript 的運行環境。舉例來說，Node.js 不是 JQuery 那樣的 JavaScript 庫，而是像瀏覽器那樣的 JavaScript 運
2020-05-11 18:47:36
1
原创 【Vue】實現簡單的購物車頁面
效果預覽：https://sevlt.github.io/vue-shopping-cart/index.html Html 代碼： <!DOCTYPE html> <html lang="zh-CN"> <head>
2020-05-10 23:51:31