原创 html+css實現跳動愛心❥(^_-)
跳動愛心主要用了些css3的動畫效果@keyframe，實現後的效果如下圖（截圖效果比較差）。代碼再往下滑。 1.html代碼 <html> <head> <title>跳動愛心</title>
2020-07-03 14:07:25
63
原创 愛喫香蕉的珂珂
珂珂喜歡喫香蕉。這裏有 N 堆香蕉，第 i 堆中有 piles[i] 根香蕉。警衛已經離開了，將在 H 小時後回來。 珂珂可以決定她喫香蕉的速度 K （單位：根/小時）。每個小時，她將會選擇一堆香蕉，從中喫掉 K 根。如果這堆香蕉少於 K
2020-07-03 14:07:24
原创 CSS實現催眠動畫效
主要使用 CSS 實現的動畫效果，其中 CSS 需要使用 Less 編譯完成。效果如下圖： Html 代碼： <!DOCTYPE html> <html> <head> <title>Hypnotic Ring
2020-07-03 14:07:13
2
原创 原生Js封裝Get，Post請求和ajax整體封裝和測試
/*ajax封裝-get @param url:請求的路徑 @param data:發送的數據,格式:key1=value1&key2=value2 @param callback:回調函數,方便
2020-06-04 02:50:49
1
原创 原生js封裝模板引擎template和測試
/* 模板引擎封裝template 實現原理: 通過id獲取模板中的內容(注:內容爲字符串) 調用方式: 找到字
2020-06-04 02:50:39
原创 Javascript的繼承方式
面向對象的編程語言有類(class)的概念（也是一種特殊的數據概念），在ES6出來之前，JS還不是面向對象的語言，沒有類（class）的概念，但是JS可以模擬面向對象的思想編程，JS中會通過構造函數來模擬類的概念（class）。（注：下面
2020-06-04 02:50:28
原创 MongoDB數據庫常用指令
mongod：啓動MongoDB服務器 mongo：進入數據庫 mongod --dbpath 路徑 --port 端口號：指定數據庫端口 例：mongod --dbpath C:\user\data\db --p
2020-06-04 02:50:28
原创 css選擇器總結
關於CSS選擇器總結：（注：下面標籤間出現的類名或ID名可以隨意取，對標籤不熟悉的可以先去學學html標籤，推薦網址：www.w3school.com.cn） 1.標籤選擇器： 直接找到標籤名字的選擇器 語法：標籤名{} 如：p{} 2.
2020-02-21 15:46:00
原创 Less + HTML + JS實現流星劃過星空動畫
注：該動畫主要來自 https://100dayscss.com/?dayIndex=41 這個網址，只是裏面是 scss 實現的。本人比較 習慣 less ，就改用 less 了。 代碼在本人 GitHub 上，GitHub地址：htt
2020-02-21 15:45:58
原创 html+css+js實現火影背景切換登錄頁面
1.效果圖（代碼往下滑） 2.html代碼 3.css代碼 *{ margin:0px; padding:0px; } /* *號是全部的都外邊距和內邊距都爲0，而body只是主題的外邊距和內邊距都爲0 需要給
2020-02-21 15:45:58
原创 HTML5頁面的基本框架結構
生成頁面的基本框架主要還是在head標籤中增加一些基本的標籤 1.<title></title>標籤 <title>標籤顧名思義，爲標題，名字的意思，也就是設置網頁在顯示欄顯示的標題。 2.<meta charset="UTF-8"> 在
2020-02-21 15:45:58