<input id="0qass"><u id="0qass"></u></input>
  • <input id="0qass"><u id="0qass"></u></input>
  • <menu id="0qass"><u id="0qass"></u></menu>

    自定義博客皮膚VIP專享

    *博客頭圖:

    格式為PNG、JPG,寬度*高度大于1920*100像素,不超過2MB,主視覺建議放在右側,請參照線上博客頭圖

    請上傳大于1920*100像素的圖片!

    博客底圖:

    圖片格式為PNG、JPG,不超過1MB,可上下左右平鋪至整個背景

    欄目圖:

    圖片格式為PNG、JPG,圖片寬度*高度為300*38像素,不超過0.5MB

    主標題顏色:

    RGB顏色,例如:#AFAFAF

    Hover:

    RGB顏色,例如:#AFAFAF

    副標題顏色:

    RGB顏色,例如:#AFAFAF

    自定義博客皮膚

    -+
    • 博客(264)
    • 收藏
    • 關注

    原創 在校學生課余時間用React肝出一款個人博客系統,前臺+后臺管理,求指點!

    1. 前言之前我使用hexo搭建過個人博客。hexo很強大,渲染頁面速度快,支持markdown語法,可以一鍵部署,還可以擴展各種插件。但hexo搭建的是靜態頁面,每次更新文章,都要重新生成靜態頁面,再部署頁面。hexo也沒有后臺管理,想要修改發布的文章,只能修改源代碼,再重新生成頁面。所以很早之前就想寫一個自己的博客系統,由博客展示頁面和后臺管理頁面構成,通過后臺管理頁面,可以實時更新、發布文章,非常方便。但在當時還沒有能力寫出這樣一個系統,就一直沒有去做。后來學習了React之后,想嘗試下寫自己的

    2021-08-25 09:47:05 106 1

    原創 阿里云部署,基于React、C/C++,使用TCP/HTTP協議的多人聊天室Web應用

    1. 前言最近和后端同學I’M渣渣一起完成了一個Demo級的多人聊天室應用,實現了聊天室的基本功能。采用前后端分離方案,我負責前端代碼的編寫,I’M渣渣實現了后端的接口。預覽地址:多人聊天室源碼倉庫:[GitHub]2. 應用簡介主要功能用戶注冊用戶登錄發送、接收消息退出功能主要用到的技術前端:React腳手架Create-React-App狀態管理redux + react-redux等前端路由 React-Router、路由鑒權少量使用 AntD 組件庫 (Ic

    2021-06-01 20:58:09 357 11

    原創 一款使用React、騰訊云開發的TodoList待辦事項Web應用

    1. 前言最近寫了一款基于React腳手架開發的 TodoList 網頁應用,主要記錄自己的代辦事務,方便查看、管理、安排時間,提升效率。PC Web端 + 移動端 + 黑暗模式,可日常使用。沒有復雜的界面,沒有繁瑣的設置,開箱即用,專注于任務管理。應用網址:TodoList2. 應用簡介1. 主要功能郵箱注冊、登錄注冊郵箱地址、密碼的驗證郵箱登錄后,可綁定用戶名,選擇使用用戶名登錄同一賬號退出功能頁腳顯示一句詩詞(今日詩詞)實時時間顯示黑暗模式、白天模式切換,下次登錄自動切換上

    2021-05-22 12:29:45 225 4

    原創 [詳細] Github Actions自動部署hexo博客到阿里云OSS

    1. 為什么我要持續部署通過Hexo搭建的個人博客,雖然很強大、很方便,輸入hexo clean&&hexo g -d就能快速生成靜態頁面并部署訪問。但Hexo生成的是靜態頁面,無后端,這些工作都是在本地的電腦上操作的,如果更換電腦了,還需要在github上沖下拉取源代碼,重新搭建環境再部署。若電腦不在身邊想要隨時編輯文章,就有點困難了。另外,每次在本機部署完,還要將源代碼push到倉庫。這樣操作顯然是有些繁瑣的。好在Github Actions提供了解決方案,可以為倉庫添加自動化的操作

    2021-04-11 14:44:05 210

    原創 [詳細] 搭建hexo博客并部署阿里云服務器

    最近購買了阿里云的云服務器和域名,自己折騰搭建博客,這里我把搭建的過程記錄分享一下。這是我搭建的博客,歡迎大家來訪問呀?。?!一、本地電腦1. 安裝node.js瀏覽器進入https://nodejs.org/en/,安裝LTS(Long Term Support)版本,穩定。按住win+R,輸入cmd,進入cmd命令行工具,輸入node -v查看node版本,若出現版本信息,則說明node安裝成功。2. 安裝hexo在cmd命令行中輸入npm install hexo-cli -g,安裝

    2021-03-01 20:44:16 306 10

    原創 「每日一題」兩整數之和

    這是 LeetCode 上 2021-9-26 的每日一題:「371. 兩整數之和」1. 題目描述給你兩個整數 a 和 b ,不使用 運算符 + 和 - ,計算并返回兩整數之和。示例:輸入:a = 1, b = 2輸出:32. 解答對于位運算中的加法,只有四種情況:0 + 0 = 00 + 1 = 11 + 0 = 11 + 1 = 0(進位 1)總結規律可得,對于a、b,不考慮進位的加法 = a^b。例如,對于a=2,b=3:a = 0010b = 0011a ^.

    2021-09-26 09:34:02 7

    原創 JavaScript 正則表達式學習整理

    1. 創建在 JavaScript 中,可以通過兩種方式創建一個正則表達式。(1)通過調用 RegExp 對象的構造函數創建const regexp = new RegExp(正則表達式, 標志);(2)利用字面量創建正則表達式const rg = /正則表達式/[可選的標志];2. 標志標志描述g全局搜索i不區分大小寫搜索m多行搜索s允許 . 匹配換行符u使用unicode碼的模式進行匹配y執行**粘性(sticky)**搜索

    2021-09-24 09:24:45 13

    原創 「每日一題」扁平化多級雙向鏈表

    這是 LeetCode 上 2021-9-24 的每日一題:「430. 扁平化多級雙向鏈表」1. 題目描述多級雙向鏈表中,除了指向下一個節點和前一個節點指針之外,它還有一個子鏈表指針,可能指向單獨的雙向鏈表。這些子列表也可能會有一個或多個自己的子項,依此類推,生成多級數據結構,如下面的示例所示。給你位于列表第一級的頭節點,請你扁平化列表,使所有結點出現在單級雙鏈表中。示例 1:輸入:head = [1,2,3,4,5,6,null,null,null,7,8,9,10,null,null,11.

    2021-09-24 09:13:36 12

    原創 Cookie和Session區別的簡單總結

    CookieSession存取值類型字符串大多數類型存取位置客戶端服務端,sessionId非主動傳參時,依賴Cookie存取方式文件文件、內存、關系或非關系型數據庫等大小受客戶端限制自行配置過期時間寫入時設置。若不設置,隨客戶端關閉被清除自行配置,服務端自動清除過期Session兼容性需瀏覽器開啟,用戶同意不依賴Cookie時,通過Get或自定請求字段傳入作用范圍可設置跨子域,不可跨主域用戶身份唯一標識符不變時,可跨域,...

    2021-09-23 10:53:18 38

    原創 HTTP各版本的特點(1.0/1.1/2.0/3.0)

    1. HTTP-1.0無狀態,無連接的應用層協議無法復用連接每次發送請求,都要重新建立連接。隊頭阻塞下個請求必須在上個請求響應到達后發送。如果上個請求響應丟失,則后面請求被阻塞。2. HTTP-1.1HTTP1.1 繼承了 HTTP1.0 的簡單,克服了 HTTP1.0 性能上的問題。長連接新增Connection: keep-alive保持長連接。管道化支持管道化請求,請求可以并行傳輸,但響應順序應與請求順序相同。實際場景中,瀏覽器采用建立多個TCP會話的方式,實

    2021-09-23 09:10:49 8

    原創 什么是HTTPS,與HTTP的區別?

    1. 什么是HTTPSHTTPS (Hyper Text Transfer Protocol over SecureSocket Layer),基于安全套接字協議 SSL,是以安全為目標的 HTTP 通道,在 HTTP 的基礎上通過傳輸加密和身份認證保證了傳輸過程的安全性。HTTP2.0和HTTP3.0都只用于HTTPS。2. HTTPS建立SSL連接① Client Hello:客戶端將支持 SSL 版本、加密算法、密鑰交換算法等發送服務端② Server Hello:服務端確定 SSL 版本

    2021-09-23 08:38:47 471

    原創 5分鐘上線個人網站——使用Webify部署網站記錄

    最近寫了一個「個人博客系統」,后臺使用的是「騰訊云開發CloudBase」+「Webify自動部署」,本文簡單記錄一下我使用Webify部署個人博客的經歷。1. 準備工作首先將個人博客系統的代碼推送到「GitHub」或者「Gitee」等代碼托管平臺,并在「云開發CloudBase」上注冊騰訊云帳號,開通CloudBase服務。2. 創建應用進入「Webify」,首先要添加「GitHub」或「Gitee」等平臺的授權:然后選擇從Git倉庫導入應用,選擇代碼存放的倉庫,進行導入即可:我的個人博客

    2021-09-18 12:14:48 170

    原創 TCP連接的建立和釋放過程詳解(三次握手、四次揮手)

    1. TCP是基于連接的協議傳輸控制協議(TCP,Transmission Control Protocol)是一種面向連接的、可靠的、基于字節流的傳輸層通信協議。所謂面向連接,是指通信雙方在進行通信之前,事先在雙方之間建立起一個完整的、可以彼此溝通的通道,這個通道就是連接。TCP是基于連接的協議,也就是說,在正式收發數據之前,必須和對方建立可靠的連接。一個TCP連接的建立要經過三次握手,釋放連接一般需要四次揮手。2. 連接的建立建立連接的過程一般需要三次握手,如下圖所示:在握手之前,主動打開連

    2021-09-16 13:13:19 34

    原創 HTTP 常見的狀態碼

    1. 狀態碼分類狀態碼說明1xx指示信息 —— 請求已接收,繼續處理2xx成功 —— 請求已被成功接收3xx重定向 —— 要完成請求必須進行更進一步的操作4xx客戶端錯誤 —— 請求有語法錯誤或請求無法實現5xx服務端錯誤 —— 服務器未能實現合法的請求2. 常見狀態碼1. 1xx100 Continue已收到請求,客戶端應繼續102 Processing服務端正在處理請求,無響應可用2. 2xx200 OK請求成

    2021-09-15 11:03:42 10

    原創 常見的HTTP請求頭和響應頭

    1. 請求頭請求頭描述示例Accept用戶代理支持的MIME類型列表Accept: text/html,application/xhtml+xml,application/xml;q=0.9Accept-Encoding用戶代理支持的壓縮方法(優先級)Accept-Encoding: br, gzip, deflateAccept-Language用戶代理期望的語言(優先級)Accept-Language: zh-CN,zh;q=0.9Cache-Con

    2021-09-15 09:46:04 18

    原創 「每日一題」尋找峰值

    這是 LeetCode 上 2021-9-15 的每日一題:「162. 尋找峰值」1. 題目描述峰值元素是指其值嚴格大于左右相鄰值的元素。給你一個整數數組nums,找到峰值元素并返回其索引。數組可能包含多個峰值,在這種情況下,返回任何一個峰值所在位置即可。你可以假設nums[-1] = nums[n] = -∞。你必須實現時間復雜度為O(log n)的算法來解決此問題。示例1:輸入:nums = [1,2,3,1]輸出:2解釋:3 是峰值元素,你的函數應該返回其索引 2。示例2:.

    2021-09-15 08:57:25 15

    原創 HTTP的常用方法、GET和POST的區別

    1. 常用的HTTP方法常用的HTTP方法包括:GET:請求資源POST:發送數據,主體類型由Content-Type指定PUT:更新資源,不變的字段也重寫一遍DELETE:刪除資源HEAD:獲得報文頭部,常用來測試鏈接的有效性CONNECT:創建點到點溝通隧道OPTIONS:了解服務器的性能,檢測服務端支持方法TRACE:消息環回測試,多用于路由檢測PATCH:更新修改資源,可單獨修改指定的字段2. GET和POST的區別GETPOST瀏覽器回退不會重新

    2021-09-14 10:30:59 7

    原創 HTTP協議的特點、HTTP報文的組成部分

    1. HTTP定義HTTP全稱Hypertext Transfer Protocol,超文本傳輸協議,是應用層協議,由從客戶端到服務器的請求和從服務器到客戶端的響應構成。2. HTTP協議的主要特點1. 簡單快速簡單:每種資源(圖片、頁面)都通過固定的url來定位。在HTTP協議中,處理起來比較簡單,訪問資源時,直接輸入相應url即可??焖伲河捎贖TTP協議簡單,使得HTTP服務器的程序規模小,因而通信速度很快。2. 靈活HTTP允許傳輸任意類型的數據對象。正在傳輸的類型由Cont

    2021-09-14 09:21:50 8

    原創 「每日一題」通過刪除字母匹配到字典里最長單詞

    這是 LeetCode 上 2021-9-14 的每日一題:「524. 通過刪除字母匹配到字典里最長單詞」1. 題目描述給你一個字符串 s 和一個字符串數組 dictionary 作為字典,找出并返回字典中最長的字符串,該字符串可以通過刪除 s 中的某些字符得到。如果答案不止一個,返回長度最長且字典序最小的字符串。如果答案不存在,則返回空字符串。示例1:輸入:s = "abpcplea", dictionary = ["ale","apple","monkey","plea"]輸出:"app.

    2021-09-14 09:02:56 11

    原創 「每日一題」回旋鏢的數量

    這是 LeetCode 上 2021-9-13 的每日一題:「447. 回旋鏢的數量」1. 題目描述給定平面上n對互不相同的點points,其中points[i] = [xi, yi]?;匦S是由點(i, j, k)表示的元組 ,其中i和j之間的距離和i和k之間的距離相等(需要考慮元組的順序)。返回平面上所有回旋鏢的數量。示例1:輸入:points = [[0,0],[1,0],[2,0]]輸出:2解釋:兩個回旋鏢為 [[1,0],[0,0],[2,0]] 和 [[1,0],[2,0],[.

    2021-09-13 09:35:08 7

    原創 「每日一題」找到需要補充粉筆的學生編號

    這是 LeetCode 上 2021-9-10 的每日一題:「1894. 找到需要補充粉筆的學生編號」1. 題目描述一個班級里有 n 個學生,編號為 0 到 n - 1 。每個學生會依次回答問題,編號為 0 的學生先回答,然后是編號為 1 的學生,以此類推,直到編號為 n - 1 的學生,然后老師會重復這個過程,重新從編號為 0 的學生開始回答問題。給你一個長度為 n 且下標從 0 開始的整數數組 chalk 和一個整數 k 。一開始粉筆盒里總共有 k 支粉筆。當編號為 i 的學生回答問題時,他會.

    2021-09-10 09:38:13 8

    原創 「每日一題」IPO

    這是 LeetCode 上 2021-9-8 的每日一題:「502. IPO」1. 題目描述假設 力扣(LeetCode)即將開始 IPO 。為了以更高的價格將股票賣給風險投資公司,力扣 希望在 IPO 之前開展一些項目以增加其資本。 由于資源有限,它只能在 IPO 之前完成最多 k 個不同的項目。幫助 力扣 設計完成最多 k 個不同項目后得到最大總資本的方式。給你 n 個項目。對于每個項目 i ,它都有一個純利潤 profits[i] ,和啟動該項目需要的最小資本 capital[i] 。最初.

    2021-09-08 09:35:45 51

    原創 「每日一題」分割平衡字符串

    這是 LeetCode 上 2021-9-7 的每日一題:「1221. 分割平衡字符串」1. 題目描述在一個 平衡字符串 中,'L'和'R'字符的數量是相同的。給你一個平衡字符串s,請你將它分割成盡可能多的平衡字符串。注意:分割得到的每個字符串都必須是平衡字符串。返回可以通過分割得到的平衡字符串的最大數量。示例1:輸入:s = "RLRRLLRLRL"輸出:4解釋:s 可以分割為 "RL"、"RRLL"、"RL"、"RL" ,每個子字符串中都包含相同數量的 'L' 和 'R' 。示.

    2021-09-07 09:02:35 12

    原創 「每日一題」二分查找

    這是 LeetCode 上 2021-9-6 的每日一題:「704. 二分查找」1. 題目描述給定一個n個元素有序的(升序)整型數組nums和一個目標值target,寫一個函數搜索nums中的target,如果目標值存在返回下標,否則返回-1。示例1:輸入: nums = [-1,0,3,5,9,12], target = 9輸出: 4解釋: 9 出現在 nums 中并且下標為 4示例2:輸入: nums = [-1,0,3,5,9,12], target = 2輸出: -1解釋:.

    2021-09-06 08:07:07 4

    原創 「每日一題」斐波那契數列

    這是 LeetCode 上 2021-9-4 的每日一題:「劍指 Offer 10- I. 斐波那契數列」1. 題目描述寫一個函數,輸入 n ,求斐波那契(Fibonacci)數列的第 n 項(即 F(N))。斐波那契數列的定義如下:F(0) = 0, F(1) = 1F(N) = F(N - 1) + F(N - 2), 其中 N > 1.斐波那契數列由0和1開始,之后的斐波那契數就是由之前的兩數相加而得出。答案需要取模1e9+7(1000000007),如計算初始結果為:10.

    2021-09-04 10:53:22 32

    原創 「每日一題」最小K個數

    這是 LeetCode 上 2021-9-3 的每日一題:「面試題 17.14. 最小K個數」1. 題目描述設計一個算法,找出數組中最小的k個數。以任意順序返回這k個數均可。示例:輸入: arr = [1,3,5,7,2,4,6,8], k = 4輸出: [1,2,3,4]2. 解答1. 排序排序 + 返回前k個數。const smallestK = (arr, k) => { arr.sort((a, b) => a - b); arr.length.

    2021-09-03 09:07:47 10

    原創 「每日一題」鏈表中倒數第k個節點

    這是 LeetCode 上 2021-9-2 的每日一題:「劍指 Offer 22. 鏈表中倒數第k個節點」1. 題目描述輸入一個鏈表,輸出該鏈表中倒數第k個節點。為了符合大多數人的習慣,本題從1開始計數,即鏈表的尾節點是倒數第1個節點。例如,一個鏈表有 6 個節點,從頭節點開始,它們的值依次是 1、2、3、4、5、6。這個鏈表的倒數第 3 個節點是值為 4 的節點。示例:給定一個鏈表: 1->2->3->4->5, 和 k = 2.返回鏈表 4->5.2.

    2021-09-02 08:58:58 11

    原創 「每日一題」比較版本號

    這是 LeetCode 上2021-9-1的每日一題:「165. 比較版本號」1. 題目描述給你兩個版本號 version1 和 version2 ,請你比較它們。版本號由一個或多個修訂號組成,各修訂號由一個 ‘.’ 連接。每個修訂號由 多位數字 組成,可能包含 前導零 。每個版本號至少包含一個字符。修訂號從左到右編號,下標從 0 開始,最左邊的修訂號下標為 0 ,下一個修訂號下標為 1 ,以此類推。例如,2.5.33 和 0.1 都是有效的版本號。比較版本號時,請按從左到右的順序依次比較它們的.

    2021-09-01 09:06:45 30

    原創 解決react-router路由跳轉后,頁面不在頂部的問題

    如果我們項目中使用react-router,使用路由進行頁面的跳轉,跳轉后的頁面并一定在頂部,而是在跳轉前頁面的相同位置。這是因為兩個頁面共享了同一個history,導致瀏覽的位置也被記錄下來了,顯然這樣用戶體驗極差。但是也很好解決,在跳轉后的組件中,讓其自動回到頂部即可。使用函數組件:// 返回頂部useEffect(() => { window.scrollTo(0, 0);}, []);使用類組件:componentDidMount(){ // 返回頂部

    2021-08-31 13:12:17 25

    原創 「每日一題」航班預訂統計

    這是 LeetCoded 上2021-8-31的每日一題:「1109. 航班預訂統計」1. 題目描述這里有n個航班,它們分別從1到n進行編號。有一份航班預訂表bookings,表中第i條預訂記錄bookings[i] = [firsti, lasti, seatsi]意味著在從firsti到lasti(包含firsti和lasti)的每個航班上預訂了seatsi個座位。請你返回一個長度為n的數組answer,其中answer[i]是航班i上預訂的座位總數。示例 1:輸入:bookings =.

    2021-08-31 10:15:07 14

    原創 「每日一題」按權重隨機選擇

    這是 LeetCoded 上2021-8-30的每日一題:「528. 按權重隨機選擇」1. 題目描述給定一個正整數數組w,其中w[i]代表下標i的權重(下標從0開始),請寫一個函數pickIndex,它可以隨機地獲取下標i,選取下標i的概率與w[i]成正比。例如,對于w = [1, 3],挑選下標0的概率為1 / (1 + 3) = 0.25 (即,25%),而選取下標1的概率為3 / (1 + 3) = 0.75即,75%)。也就是說,選取下標i的概率為w[i] / sum(w)。示例 1:.

    2021-08-30 10:15:56 17

    原創 「每日一題」所有奇數長度子數組的和

    這是 LeetCoded 上2021-8-29的每日一題:「1588. 所有奇數長度子數組的和」1. 題目描述給你一個正整數數組arr,請你計算所有可能的奇數長度子數組的和。子數組定義為原數組中的一個連續子序列。請你返回arr中所有奇數長度子數組的和 。示例 1:輸入:arr = [1,4,2,5,3]輸出:58解釋:所有奇數長度子數組和它們的和為:[1] = 1[4] = 4[2] = 2[5] = 5[3] = 3[1,4,2] = 7[4,2,5] = 11[2,5.

    2021-08-29 14:13:14 52

    原創 簡單記錄一次使用Node.js部署API的踩坑經歷

    本文記錄了一次部署 API 接口的踩坑經歷,寫得不好,多多指教。????????在寫我的個人博客系統的時候,要開發一個評論小模塊,其中有一項功能:有用戶 1已經評論留言,用戶 2在用戶 1的評論下,給用戶 1回復評論。這時候需要發一封郵件通知用戶 1的評論收到了回復,于是就利用「Nodemailer」寫了這樣一個功能,具體實現見JavaScript 利用Nodemailer發送電子郵件,使用Node.js編寫,接口放在了云服務器上。在本地服務器localhost:3000測試后,可以正常發送請求,并

    2021-08-27 14:26:54 49

    原創 nginx下安裝SSL證書,為頁面開啟HTTPS訪問!

    1. 前言博客頁面完成之后,需要將頁面部署上線。本來整個開發流程都是基于騰訊云開發的,可以直接上傳到騰訊云開發的靜態頁面托管,然后自定義域名,上傳SSL證書即可,非常簡單。但由于一些原因,我不得不將博客頁面放到云服務器上運行,配置nginx環境,配置SSL證書以實現HTTPS訪問。這里記錄一下我的配置過程,以便分享和日后參考。2. 域名解析我是在阿里云購買的域名,到阿里云域名解析處,解析域名。主機記錄中,@代表lzxjack.top。記錄類型A是指,將域名指向一個IPV4地址。記錄值就是

    2021-08-24 22:55:58 70

    原創 【教程】JavaScript利用Nodemailer發送電子郵件

    1. 前言最近在寫一個博客系統,在「評論」模塊中,有這樣一個需求:有用戶1已經評論留言,用戶2在用戶1的評論下,給用戶1回復評論。這時候需要發一封郵件通知用戶1的評論收到了回復,所以就想寫一個自動發郵件的功能。在網上找到了「Nodemailer」這個項目,「Nodemailer」是一個簡單易用的Node.js郵件發送組件,可以使用SMTP協議,用指定的賬戶發送電子郵件。但是「Nodemailer」只能運行在Node.js環境中,在瀏覽器中直接使用會報錯,使用不了。所以我的想法是,在自己的「阿里云服務

    2021-08-11 10:28:13 58

    原創 JavaScript 6種繼承方式詳解

    1. 原型鏈繼承// 定義父類function Parent() { this.name = 'Jack';}// 父類原型添加方法Parent.prototype.getName = function () { return this.name;};// 子類function Child() {}// 子類的原型設置為父類Parent的實例Child.prototype = new Parent();// 實例化子類const child = new Child

    2021-08-03 15:04:28 53

    原創 JavaScript 迭代、迭代器模式詳解

    1. 什么是迭代循環是迭代機制的基礎,因為它可以指定迭代的次數,以及每次迭代要執行什么操作。每次循環都會在下一次迭代開始之前完成,而每次迭代的順序都是事先定義好的。迭代會在一個有序集合上進行。數組是 JavaScript 中有序集合的最典型例子。const arr = ['foo', 'bar', 'baz'];for (let i = 0; i < arr.length; i++) { console.log(arr[i]);}但由于如下原因,通過這種循環來執行例程并不理想:

    2021-07-30 16:02:09 69

    原創 【教程】使用jsDelivr加速GitHub的靜態資源

    1. 準備工作首先在 Github 上創建一個公開倉庫,放入相關文件,例如:點擊倉庫右側的Create a new release按鈕:寫一個版本號,點擊Publish release提交。2. 訪問方式1. 根據版本號訪問格式:https://cdn.jsdelivr.net/gh/github用戶名/倉庫名@版本號/文件目錄/文件名例如:https://cdn.jsdelivr.net/gh/lzxjack/cdn@1.0.0/json/emoji.json2. 省略版本號

    2021-07-29 11:53:47 71

    原創 JavaScript for-in和for-of的區別總結

    for-infor...in語句以任意順序遍歷一個對象的除Symbol以外的可枚舉屬性。for (variable in object){ ...}variable:在每次迭代時,variable會被賦值為不同的key,即屬性名。object:非Symbol類型的可枚舉屬性被迭代的對象。for ... in更適合遍歷對象,不建議與數組一起使用,因為遍歷順序有可能不是按照實際數組的索引順序。for ... in會遍歷所有的可枚舉屬性,包括原型:const obj = { a: 1, b

    2021-07-19 16:10:22 83 1

    原創 CSS 文字溢出部分用省略號代替

    1. 單行文字溢出省略只需添加三行代碼即可:overflow: hidden; /* 超出的文本隱藏 */text-overflow: ellipsis; /* 顯示省略符號來代表被修剪的文本。 */white-space: nowrap; /* 文本不換行 */舉例:CSS:.demo { width: 200px; height: 20px; border: 2px solid #000; overflow: hidden; text-overf

    2021-07-19 13:24:19 73

    空空如也

    空空如也

    空空如也

    TA創建的收藏夾 TA關注的收藏夾

    TA關注的人 TA的粉絲

    提示
    確定要刪除當前文章?
    取消 刪除
    多乐彩