前端的一些小技巧

2022-08-22 00:57:11 字數 2798 閱讀 8439

1.在 chrome 瀏覽器的 elements 裡面選中某個元素,按 h 可以隱藏該元素。

2.谷歌的給列印內容設定樣式

console.log('%c你%c是%c誰','font-size:20px;color:pink;','color:green','color:blue');
3.

在 chrome 的 sources 裡面的裡面,ctrl + o 可以開啟某個 js 指令碼,並且可以直接修改它,修改的內容在不重新整理的情況下是生效的。
4.讓乙個塊始終在螢幕的正中間

.box
5.把乙個塊定位到他父級的中心

<

style

>

.con

.box

style

>

head

>

<

body

>

<

div

class

="con"

>

<

div

class

="box"

>

div>

div>

body

>

6.css 巧妙實現分隔線的集中方法

>你是誰來的水

span

>

div>

<

div

class

="con1"

>你是誰的老師我是你

div>

<

div

class

="con3"

>

<

b>

b>

<

span

>你的刷愛的呼喚是

span

>

<

b>

b>

div>

body

>

html

>

效果圖

7.充分利用label標籤,提公升使用者體驗(當點選label時,游標自動在文字域獲得游標)

<

label

for="sample"

>使用者名稱<

input

type

="text"

id="sample"

>

label

>

8.為select下面的選項分組

<

select

id="selectid"

>

<

optgroup

label

="groupone"

>

<

option

value

="1"

>北京

option

>

<

option

value

="2"

>天津

option

>

optgroup

>

<

optgroup

label

="groupt"

>

<

option

value

="3"

>上海

option

>

<

option

value

="4"

>南京

option

>

optgroup

>

select

>

效果圖:

9.同一行上文字與垂直居中對齊方法:為與文字的共同父元素所有的後代元素定義*;

前端的一些小技巧

前端入門筆記,記錄下,萬一有用呢。1.文字框取值 var billname billname val 2.下拉框 var supplier select option selected text 獲取選中的text文字值 var suppliername select option selected...

一些小技巧

關注 乙個好的程式設計師不應該把所有的判斷交給編譯器和偵錯程式,應該在程式中自己加以程式保護和錯誤定位,具體措施包括 對於所有有返回值的函式,都應該檢查返回值,除非你確信這個函式呼叫絕對不會出錯,或者不關心它是否出錯。一些函式返回錯誤,需要用其他函式獲得錯誤的具體資訊。例如accept返回inval...

一些小技巧

protected void repparent itemdatabound object sender,system.web.ui.webcontrols.repeateritemeventargs e 在父datalist的itemdatabound事件裡面寫子datalist的資料來源 繫結 ...