當前位置: 首頁  - 筆記  - Web前端  - 列表 學而時習之,不亦說乎

Web前端

zblog作品墨初VIP主題,響應式設計,簡潔而不簡單.....

墨初VIP主題,響應式設計,簡潔而不簡單.....

国产视频app 前段時間發布一個墨初主題的免費版本,在免費版本中并沒有加入太多功能,主題以測試前端為主的,一些主題的數據需要在模版中修改非常的不方便,但使用上并沒有任何限制,如果你喜歡折騰可以下載免費版本進行使用或修改。本次發布的VIP版本,可以很方便的在后臺的主題設置中修改模版中的任何數據,當然如果你想獲得本版本,需要給本站的博主一點點的贊助支持哦!別

推薦
zblog作品Z-Blog用戶中心插件正式發布啦。。。

Z-Blog用戶中心插件正式發布啦。。。

国产视频app 如果你的主題想適配此插件或想了解更多的功能,請閱讀《墨初用戶中心插件使用教程》這篇文章!演示站注冊邀請碼:PHLF6F演示地址:1、本插件演示地址 http://us.502la.com 2、注冊邀請碼:PHLF6F3、各位在體驗時,如遇到什么問題,可直接與我聯系!4、加入QQ群 79609235 可以免費1.9版本的用戶中心插件(免

推薦
zblog作品zblog博客/CMS主題發布,強力代碼級別優化,速度快,收錄快

zblog博客/CMS主題發布,強力代碼級別優化,速度快,收錄快

經過一個月的編寫,墨初CMS主題強勢發布。此主題由VIP主題演化而來,但又不同于VIP主題,全新的后臺處理代碼,并加入了部份緩存機制,強力前臺代碼優化配合主題增強插件。做到了功能多樣化,加載速快,被搜索引擎收錄快等特點。演示地址:飛鳥慕魚博客文章內容頁面代碼復制點擊復制代碼Ctrl+C就可以復制代碼啦CMS首頁模塊首頁CMS模塊可自己選擇

推薦
Web前端 html input 限制輸入的長度并提示的方法

html input 限制輸入的長度并提示的方法

国产视频app html 中 input 標簽的 value 值的長度理論上應該是 2^32(數據來源于資料,沒有測試過),但為了防止一些 input 的輸入數據過長來做一些限制,該如何實現呢?這篇文章就來介紹一下,如何限制 input 輸入數據的長度并且輸入的數據超過規定的長度該如何去提示?html input 限制輸入字符串長度的方法input 標簽

Web前端禁止 input 自動彈出下拉框的方法

禁止 input 自動彈出下拉框的方法

国产视频app 經常設計 form 表單的開發應該知道,用戶在瀏覽器中向表單輸入信息的時候會被 input 記錄下來,以后每次雙擊 input 文本框時都會展示以前輸入過的信息,雖然這樣很方便,但會暴露用戶的隱私數據。那如何禁止 input 輸入框不記錄用戶輸入的信息呢?下面就來說一下!input 中的 autocomplete 屬性autocomple

Web前端js實現鼠標拖動div改變其位置的教程

js實現鼠標拖動div改變其位置的教程

今天接到一個小小的需求,就是利用 JS 來實現鼠標拖動一個div,來實現其位置的改變。雖然說要求看著很簡單,但實現起來還是比較難一點的,下面就說說實現的方法!js實現鼠標拖動div改變其位置的方法先上個圖示,大家看一下效果!js實現鼠標拖動的div的代碼html完整代碼<!DOCTYPE html><html>&l

Web前端DIV+CSS制作(table)表格的方法

DIV+CSS制作(table)表格的方法

在前端的網頁設計需求中,有時候需要使用表格來展示一些數據,但又不能使用 html 中的 table 標簽來做,那么我們只有使用 DIV + CSS 來畫一個表格了。下面就介紹幾種方法,大家來參考一下!使用 DIV+CSS 制作一個表格先上一個由CSS+DIV簡單制作的表格樣式的示例!html示例代碼:<!DOCTYPE html&g

Web前端限制 html input 只能輸入數字的方法

限制 html input 只能輸入數字的方法

在前臺的 html 頁面設計中,有時候需要 input 輸入框中只能輸入數字。那么如何對 input 的輸入類型做限制呢?下面飛鳥慕魚博客的小編就來和大家說一說!限制 input 只能輸入大于 0 的正整數的示例示例1:下面的代碼可以實現,input 只限制輸入大于 0 的正整數,但是如果使用復制粘貼內容的方法,是可以繞過判斷的,因為它只

Web前端html Meta 標簽屏蔽蜘蛛抓取的方法教程

html Meta 標簽屏蔽蜘蛛抓取的方法教程

今天有人說可以利用 html 頁面的中 meta 標簽來屏蔽搜索引擎蜘蛛的抓取或不讓蜘蛛抓取網頁中的其它鏈接,本著好奇的精神,就查了一些相關的資料,發現了一串類似 <meta name='robots' content='noindex,nofollow' /> 這樣的HTML代碼,可以告訴來網

Web前端css 選擇沒有內容的元素的方法

css 選擇沒有內容的元素的方法

国产视频app 今天在寫一個主題時,需要把一些沒有內容的元素給隱藏掉,由于是由后臺動態生成的頁面,不知道沒有內容的元素在哪。當然這種問題對于技太大姥來說,是簡單的一筆,但對于像我這種菜鳥來說,就很難了。所以就想出了,用CSS來隱藏一些空內容元素的方法。CSS :empty 選擇器介紹css 選擇內容為空的元素,需要用到 CSS 的 :empty 選擇器!

Web前端js 清空 input file 的值的方法

js 清空 input file 的值的方法

今天在做一個利用 JS 上傳本地圖片的小功能時,需要在文件上傳成功后,清空 file 類型的 input 元素中所選擇的本地文件,以方便二次功能的調用!而這篇文章飛鳥慕魚博客就來說一說,如果利用 js 來清空一個 file 類型 input 元素的值。js 清空 input file 值的方法方法1:直接將 input file 的值改成

Web前端js 實現側邊欄跟隨固定范圍內浮動的效果

js 實現側邊欄跟隨固定范圍內浮動的效果

今天在寫一個主題時,需要讓頁面的側欄在指定的DIV元素范圍內跟隨瀏覽器進行浮動,具體要實現的效果,可在pc端查看本頁面的右則部份,在頁面的不斷上下滾動的情況下,右則的則欄則始終會在瀏覽器的可視范圍內,并不會超出遮擋其它的DIV元素,而這個效果的實現,需要用到一個叫“theia-sticky-sidebar.js” js文件。theia-s

Web前端css calc() 進行計算的方法

css calc() 進行計算的方法

css3 中給我們提供了一個很有意思的函數 calc(),此函數可以讓瀏覽器在解析CSS時,對元素的長度,寬度,以及其它的屬性進行加,減,乘,除的計算。它的應用不是很廣泛,但一般在自適應類型的網頁中會經常看到它的身影。css calc() 計算函數calc():函數用于動態計算。語法:calc(expression)參數:expressi

Web前端table 表格邊框合并為單一的邊框的方法

table 表格邊框合并為單一的邊框的方法

国产视频app 在 html table 表格元素的默認設置中,如果為每個表格定義它的邊框,整體看起來就感覺非常的凌亂,所以這篇博文就說一說,如果將 table 表格的單元格邊框合成一條單線。table 表格邊框默認的樣式例代碼:<!DOCTYPE html><html><head><meta charset=&

Web前端CSS3 選擇倒數第幾個元素的方法

CSS3 選擇倒數第幾個元素的方法

国产视频app 上午在寫一段HTML時CSS樣式時,需要對一個父元素下的最后兩個子元素的樣式進行額外的定義,由于以前沒有遇到過類似的需求,就仔細得查了下網上相似的案例,發現可以使用 CSS3 中的 “:nth-last-child() ”選擇器來實現此效果。CSS3 :nth-last-child() 選擇器:nth-last-child(n):匹配其父

Web前端CSS3自定義滾動條樣式

CSS3自定義滾動條樣式

一些愛折騰的個人網站的站長會嫌棄瀏覽器原始的滾動條不好看,會想方設法的將瀏覽器的滾動條進行個性化的自定義,而 CSS3 就提供了 -webkit-scrollbar 屬性來自定義瀏覽器滾動條的樣式。CSS3 的 -webkit-scrollbar 屬性只支持 webkit 內核瀏覽器的滾動條設置,它可以對擁有 overflow 隱藏屬性的

Web前端html input 元素設置禁用的幾種方法

html input 元素設置禁用的幾種方法

html 頁面中的 input 元素,可以通過設置一些指定的屬性,來禁用它的功能,使其不可編輯,不可復制,不可選擇,不能接收焦點以及后臺也不能接收到它的傳值等。下面就來說幾種 input 元素中常用的禁止屬性。input disabled 屬性disabled:屬性規定應該禁用 input 元素。作用:使 input 元素不可編輯,不可復

Web前端GET 與 POST 兩種請求方法的區別

GET 與 POST 兩種請求方法的區別

国产视频app 說到WEB開發中GET與POST兩種請求方法,相信有點WEB知識的開發者,都能說出個一二三來。但它們之間的區別你能說出多少來呢?下面飛鳥慕魚博客的小編就收集了一些資料,來說一下 POST 與 GET 請求的區別。GET 與 POST 的簡單理解GET 與 POST 是 HTTP 協議中,兩種發送請求的方法。HTTP 是基于 TCP/IP

Web前端CSS3 給html元素加入陰影效果的方法

CSS3 給html元素加入陰影效果的方法

国产视频app 在前端 html 頁面的設計中,有個別需要向訪客突出顯示的元素時,可以加上一些陰影的效果,讓它的辨識度更高,讓訪客可以一眼發現它存在。關于 html 元素的陰影效果的設置,可以使用 CSS3 中的屬性 box-shadow ,下面飛鳥慕魚博客就來和大家說一說,關于此屬性的用法。CSS3 box-shadow 屬性詳解box-shadow:

Web前端CSS3 實現div元素向上移動的效果

CSS3 實現div元素向上移動的效果

国产视频app 今天應一個用戶的要求,要做一個html頁面,而頁面中的部份div元素,在鼠標移入時向上移動,鼠標移出時恢復到原來的位置。效果是用純css3代碼來實現的,不使用任合的JS代碼。css3 實現div向上移動的效果代碼html代碼:<!DOCTYPE html><html><head><meta cha

Web前端input file實現多文件上傳的方法

input file實現多文件上傳的方法

在 html input 默認設置中,只能同時上傳一個文件。如果遇到有多個文件都需要上傳的情況,就顯得麻煩了很多。那么這篇文章就說一說,input file 如何同時上傳多個文件的方法input multiple 屬性multiple:規定 input 輸入的字段可以選擇多個值注意:使用此屬性的只能 file 與 email 類型的 in

Web前端input file限制上傳文件類型的方法

input file限制上傳文件類型的方法

国产视频app 在前端html中,上傳文件時,一般都是用到 type 屬性值為 file 的 input 標簽,但在默認情況下,file 類型的 input 標簽是不限制選擇本地文件的類型的,那么本篇博文,飛鳥慕魚就來和大家說一說,input file 如何限制本地文件的類型。input file 代碼<input type="file&

Web前端html 中的 <li> 標簽橫向排列的方法

html 中的 <li> 標簽橫向排列的方法

国产视频app html頁面中的多個連續的<li>標簽在默認的情況下是豎向排列的,不過我們可以設置 li 標簽的 CSS 樣式,來使一個 ul 標簽中的所有 li 標簽都橫向排列。多個 html 中 li 標簽默認豎向排列html代碼<!DOCTYPE html><html><head><meta c

Web前端php 判斷是否為今日頭條搜索引擎的蜘蛛

php 判斷是否為今日頭條搜索引擎的蜘蛛

国产视频app 近日,今日頭條搜索上線了站長平臺,同時也給出了頭條搜索引擎蜘蛛的UA以及IP段。我們可以憑借頭條搜索給出的蜘蛛信息,來判斷網站的訪客是否為頭條搜索的蜘蛛,以及它的訪問統計數據。今日頭條搜索spider介紹頭條搜索蜘蛛的UA:Mozilla/5.0 (Linux; Android 6.0; Nexus 5 Build/MRA58N) App

1 2 3 4 5 末頁
點擊下拉

国产视频appZBLOG主題/插件定制開發流程

ZBLOG主題/插件定制開發流程