HTML+CSS+JS實作瀑布流布局前言一、總體效果二丶HTML+CSS簡單布局三.JS實作后續布局總結前言瀑布流布局簡而言之就是類似瀑布流的布局嘛，這么一講大家可能還是不是很了解明白，來來來，那現在我給大家上一個常見的實體:相信大家在百度上搜索圖片時的時候，網頁圖片的布局就是這樣子的吧，什么？你還是不清楚瀑布流，那咱就再我看一個那沒關系，淘寶大家應該再熟悉不過了吧!我們可以發現圖中每個商品框的高度不同的，因此導致我們的商品圖片的高度布局都不在一個高度上。在百度搜索圖片的時候我們發...
2021-04-17 more系列文章目錄文章目錄系列文章目錄前言一、鏈表的中間結點1.題目描述2.解題思路二、鏈表的倒數第k個結點1.題目描述2.解題思路三、合并兩個排序的鏈表1.題目描述2.解題思路總結前言一、鏈表的中間結點鏈表的中間結點1.題目描述給定一個頭結點為 head 的非空單鏈表，回傳鏈表的中間結點。如果有兩個中間結點，則回傳第二個中間結點。2.解題思路可以采用快慢指標方法:設定兩指標，慢指標速度一次一個結點，快指標一次兩個結點。這種方法只遍歷了一次鏈表代碼如下：#define _CR....
2021-04-17 more前言函式是 JavaScript 中的基本組件之一。 一個函式是 JavaScript 程序 — 一組執行任務或計算值的陳述句。要使用一個函式，你必須將其定義在你希望呼叫它的作用域內。一個JavaScript 函式用function關鍵字定義，后面跟著函式名和圓括號。定義函式函式宣告一個函式定義（也稱為函式宣告，或函式陳述句）由一系列的function關鍵字組成，依次為：函式的名稱。函式引數串列，包圍在括號中并由逗號分隔。定義函式的 JavaScript 陳述句，用大括號{}括起來。例如，以...
2021-04-17 moreCSS 布局 - display 屬性————————————————————————————————————————display 屬性是用于控制布局的最重要 的 CSS 屬性。————————————————————————————————————————display 屬性display 屬性規定是否/如何顯示元素。每個 HTML 元素都有一個默認的 display 值，具體取決于它的元素型別。大多數元素的默認 display 值為 block 或 inline。————————————...
2021-04-17 more一、執行背景關系是什么？執行背景關系用大白話來說也就是代碼在被決議以前或者在執行時候所處的環境二、執行背景關系分類，執行背景關系分為全域執行背景關系，函式執行背景關系， Eval(不常用，不做過多解釋)：1.全域執行背景關系：在執行全域代碼前講window確定為全域執行背景關系執行代碼前主要進行了如下一系列操作var定義的全域變數=>undefined 添加為window的屬性function定義的全域函式,添加為winow的方法this指向window然后開始執行全域代碼2.函式執行背景關系:在...
2021-04-17 more包含搜索內容的效果:沒有匹配內容的效果:html代碼:貼上來這張html是為了讓大家看到結構 五條資料為一組js代碼(需要先引入jquery):<script> //獲取地址欄引數//可以是中文引數 function getUrlParam(key) { // 獲取引數 var url = window.location.search; // 正則篩選...
2021-04-17 more1小時開發貪吃蛇，原來編程如此簡單材料準備1. 開發環境準備2. 代碼基礎準備3. 涉及到的樣式說明正式編碼，一共分為1. 頁面基礎框架撰寫2. 樣式撰寫3. 通過陣列展示3.1 思路3.2 老實孩子的寫法3.3 通過回圈來初始化3.4 陣列通過畫布來呈現4. 向右移動第一顆4.1 重新初始化一下代碼4.2 添加定時任務4.3 讓小方塊動起來5. 通過方向控制移動5.1添加方向變數5.2 添加鍵盤監聽方法5.3 通過方向變數控制走向6. 多顆如何移動（第一種方法）7. 多顆如何移動（第二種方法）8. 隨機...
2021-04-17 moreHTTP回傳狀態碼2xx：請求發送成功200 請求已成功，請求所希望的回應頭或資料體將隨此回應回傳201 請求已經被實作，而且有一個新的資源已經依據請求的需要而建立，且其 URI 已經隨 Location 頭資訊回傳202 服務器已接受請求，但尚未處理3xx：重定向301 （永久移動） 請求的網頁已永久移動到新位置。服務器回傳此回應（對 GET 或 HEAD 請求的回應）時，會自動將請求者轉到新位置302 （臨時移動） 服務器目前從不同位置的網頁回應請求，但請求者應繼續使用原有位置來進行以后的...
2021-04-17 more圖示字體（iconfont）------我們在網頁中會發現一些小圖示，可以通過圖片引入圖示，但是圖片本身比較大，應用起來非常的不靈活。所以在這里給小伙伴們介紹一個叫“圖示字體”的小玩意~~這里是京東主頁搜索框中的一個相機小圖示首先介紹一下引入圖示文字的三種方式一、直接通過類名來使用文字圖示二、使用偽元素來設定圖示文字三、通過物體設定圖示文字下載圖示文字的資源~官網鏈接下載解壓完后需要將CSS和webfont兩個檔案夾移動到專案檔案中注：font檔案夾是我新建來存盤這兩個檔案...
2021-04-17 moreangular基本使用小技巧你好！ 如果你想學習如何使用angular技巧, 可以仔細閱讀這篇文章，了解一下angular的基本語法知識。一、起步1.安裝 Angular CLInpm install -g @angular/cli2.創建專案ng new my-app3.運行專案ng serve -o4.創建頁面創建自定義頁面：ng g c 創建的頁面路徑。 如：ng g c components/home，在components目錄下創建了一個home的頁面ng g c co...
2021-04-17 more一個個人用的瀏覽器首頁，可以把一下常用的網站放在這里，平常打開會比較方便。 第一步，HTML代碼 <script src=https://www.cnblogs.com/szharf/p/"js/jquery-3.4.1.min.js"></script> <div id="navigate"> <ul> <li class="labels labels_1"> ......
uj5u.com 2020-09-10 04:38:47 more最近因為寫一個js函式，需要用到$(window).height(); 由于手寫demo的時候，過于自信，其實對前端方面的認識也不夠體系，用文本檔案直接敲出來的html代碼，第一行沒有加上<!DOCTYPE html> 導致了$(window).height();的結果直接是整個document的高 ......
uj5u.com 2020-09-10 04:38:52 moreWordPress博客網站程式在進行升級前，必須要做好網站資料的備份，這個問題良家佐言是遇見過的；在剛開始接觸WordPress博客程式的時候，因為升級問題和博客網站的修改的一些嘗試，良家佐言是吃盡了苦頭。因為購買的是西部數碼的空間和域名，每當佐言把自己的WordPress博客網站搞到一塌糊涂的時候 ......
uj5u.com 2020-09-10 04:39:30 moreWordPress是一款個人博客系統，受到英文博客愛好者和中文博客愛好者的追捧，并逐步演化成一款內容管理系統軟體；它是使用PHP語言和MySQL資料庫開發的,用戶可以在支持PHP和MySQL資料庫的服務器上使用自己的博客。每一次WordPress程式的更新，就會牽動無數WordPress愛好者的心， ......
uj5u.com 2020-09-10 04:39:49 more網頁中常見的一種效果，首字改變樣式或者首行改變樣式，效果如下圖。 代碼： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, ......
uj5u.com 2020-09-10 04:40:09 more1 <style>2 body{background-image:url(https://uploadbeta.com/api/pictures/random/?key=BingEverydayWallpaperPicture); 3 background-size:cover;background ......
uj5u.com 2020-09-10 04:40:16 moreHTML詳解 初識HTML Hyper Text Markup Language（超文本標記語言） 1 <!--DOCTYPE:告訴瀏覽器我們要使用什么規范--> 2 <!DOCTYPE html> 3 <html lang="en"> 4 <head> 5 <!--meta 描述性的標簽，描述一些 ......
uj5u.com 2020-09-10 04:40:33 more好家伙,我的包終于開發完啦 歡迎使用胖虎的飛機大戰包!! 為你的主頁添加色彩 這是一個有趣的網頁小游戲包,使用canvas和js開發 使用ES6模塊化開發 效果圖如下: (覺得圖片太sb的可以自己改) 代碼已開源!! Git: https://gitee.com/tang-and-han-dynas ......
uj5u.com 2023-04-20 07:59:23 more入職多年，面對生產環境，盡管都是小心翼翼，慎之又慎，還是難免捅出簍子。輕則滿頭大汗，面紅耳赤。重則系統停擺，損失資金。每一個生產事故的背后，都是寶貴的經驗和教訓，都是專案成員的血淚史。為了更好地防范和遏制今后的各類事故，特開此專題，長期更新和記錄大大小小的各類事故。有些是親身經歷，有些是經人耳傳口授 ......
uj5u.com 2023-04-18 07:55:04 more這里給大家分享我在網上總結出來的一些知識，希望對大家有所幫助 打開游戲界面，看到一個畫面簡潔、卻又富有挑戰性的游戲。螢屏上，有一個白色的矩形框，里面不斷下落著各種單詞，而我需要迅速地輸入這些單詞。如果我輸入的單詞與螢屏上的單詞匹配，那么我就可以獲得得分；如果我輸入的單詞錯誤或者時間過長，那么我就會輸 ......
uj5u.com 2023-04-04 08:35:30 more在學習網路之前，了解它的歷史能夠幫助我們明白為何它會發展為如今這個樣子，引發探究網路的興趣。下面的這張圖片就展示了“互聯網”誕生至今的發展歷程。 ......
uj5u.com 2023-03-16 11:00:15 more//11.開啟藍牙配接器 openBluetoothAdapter //21.開始搜索藍牙設備 startBluetoothDevicesDiscovery //31.開啟監聽搜索藍牙設備 onBluetoothDeviceFound //30.停止監聽搜索藍牙設備 offBluetoothDevi ......
uj5u.com 2023-03-15 09:06:45 more<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>canves</title> <style> #canvas { cursor:url(../images/pen.png),crosshair; } #canvasdiv{ bo ......
uj5u.com 2023-02-15 08:56:31 more手機端 H5 實作自定義拍照界面也可以使用 MediaDevices API 和 <video> 標簽來實作，和在桌面端做法基本一致。 首先，使用 MediaDevices.getUserMedia() 方法獲取攝像頭媒體流，并將其傳遞給 <video> 標簽進行渲染。 接著，使用 HTML 的 < ......
uj5u.com 2023-01-12 07:58:22 more這里給大家分享我在網上總結出來的一些知識，希望對大家有所幫助 短視頻已經無數不在了，但是主體還是使用 app 來承載的。本文講述 H5 如何實作 app 的視頻滑動體驗。 無聲勝有聲，一圖頂百辯，且看下圖： 網址鏈接（需在微信或者手Q中瀏覽） 從上圖可以看到，我們主要實作的功能也是本文要講解的有： ......
uj5u.com 2023-01-04 07:29:05 more從 1989 年萬維網（www）誕生，HTTP（HyperText Transfer Protocol）經歷了眾多版本迭代，WebSocket 也在期間萌芽。1991 年 HTTP0.9 被發明。1996 年出現了 HTTP1.0。2015 年 HTTP2 正式發布。2020 年 HTTP3 或能正... ......
uj5u.com 2022-12-24 06:56:02 more??一、form表單是什么
??二、form表單的屬性
??三、input中的各種Type屬性值
??四、標簽 ......