HTML
-
教你如何從 html 實現一個 react
什麼是 React React是一個簡單的 UI庫，用於構建高效、快速的使用者介面。它是一個輕量級庫，因此很受歡迎。它遵循元件設計模式、宣告式正規化和函數語言程式設計概念，以使前端應用程式更高效。它使用虛擬DOM來有效...
-
『JavaWeb前端』一、HTML-精煉-易懂
文章目錄 一、HTML塊級標籤：內聯標籤：常用實體字元： 1 - a 標籤：2 - img標籤：3 - input 標籤：4 - table 表格標籤 ：4 - 1 table 標籤：4 - 2 th，td，tr 標籤：...
-
checkbox選中和取消，控制dom元素顏色變化
<!DOCTYPE HTML> <html> <head> <title></title> <meta name="viewport" content="width=device-width, initial-scale=1">...
-
CSS--3d導航條
前言 這個是過渡transition應用的一個例子,前面講的是動畫的例子！ 程式碼與講解...
-
絕對路徑&相對路徑
相對路徑&絕對路徑 1、相對路徑就是相對於當前檔案的路徑。相對路徑使用“/”字元作為目錄的分隔字元。...
-
vue+element使用Tinymce富文字元件圖片貼上上傳後預覽問題
首先使用Tinymce富文字元件這裡不說–>自行百度 我實現的方式 使用js去操作獲取class然後給他新增單擊事件，同時也把所有src地址全部放在一個數組裡面，最後點選的時候去遍歷一下陣列獲取下標，就能是實現了...
-
CSS內外邊距的區別
外邊距(Margin)：圍繞在元素邊框的空白區域是外邊距。設定外邊距會在元素外建立額外的“空白”。 內邊距(Padding)：元素的內邊距在邊框和內容區之間。 在初學CSS的時候內外邊距的解釋比較抽象 下面是詳細解釋： 建立...
-
CSS的!important屬性修改權重
最近在做專案中發現很多CSS程式碼裡面都使用!important去覆蓋原有高優先順序的樣式。按照常理來說，越是靈活的東西，需要做的工作就會更多所以就寫一篇部落格梳理下!important屬性。...
-
JS簡單模仿回收站拖拽刪除效果
先來看看效果HTML程式碼 <div id="container"> <div class="folder" id="file1" draggable="true" ondragstart="drag(event)">檔案1</div>...
-
JS簡單的計時器每秒重新整理
先看看效果： HTML程式碼 <div class="box-clock" id="h"></div> <div class="box-btw">:</div>...
-
VScode格式化時設定html不換行
VScode格式化時設定.html檔案 不換行 前提：Ctrl+Shift+P 輸入settings 開啟setting.json檔案...
-
不要在HTML中濫用div
概述 做前端開發的同學都知道，一個網頁的基本組成部分是 HTML，javascript 和 css。開發人員通常更關注 javaScript 和 CSS ，實踐著各種語言規範和設計模cfllK式。對於 HTML 的關注度則明顯偏少，只要能做出設計師畫...
-
三、品優購首頁製作_快捷導航區域
程式碼下載地址：https://gitee.com/bitaotao/quality-shopping-static-page.git 一、品優購首頁製作...
-
四、品優購首頁製作_header區域
程式碼下載地址：https://gitee.com/bitaotao/quality-shopping-static-page.git #二、品優購首頁製作...
-
javascript中正則表示式
判斷11位的手機號是否是正確的: 1.第一位必須是1 2.第二位數是3-9的數字 3.剩下的9位是任意的數字 表示如下^1 [3-9] [0-9]{9}$ 程式碼如下：...
