100個前端小知識點

2021-07-11 01:33:44 字數 1643 閱讀 2049

1.jquery使用 $(元素).change() 可以主動觸發onchange事件,但是僅僅是用於該事件僅適用於文字域(text field),以及 textarea 和 select 元素。同理有onclick()

2.div如何在另乙個div裡邊居中:

style=」margin:auto;left:0; right:0; top:0; bottom:0; 「

type="text" placeholder="你的姓名..." name="lname">
通過下邊的方式給輸入提示設定單獨的樣式:

/* webkit browsers */

::-webkit-input-placeholder

/* mozilla firefox 4 to 18 */

:-moz-placeholder

/* mozilla firefox 19+ */

::-moz-placeholder

/* internet explorer 10+ */

:-ms-input-placeholder

4.margin重疊現象:

在網頁頁面布局中,經常會出現以下兩種現象:

1、相鄰的兩個普通元素,上下邊距,不是簡單的相加,而是取邊距較大者的元素的邊距值。

2、關係為父子的兩個div元素,豎直方向上如果兩個元素都設有margin值,則會取margin值較大的元素的邊距值。

5.ajax返回 readystate=4 status=200 但是卻無法進入success,而是進入error。查了半天之後發現有兩種可能性:1)資料庫不一致,更換資料庫就好了。2)返回的資料型別不是嚴格的json格式,js無法解析。

我遇到的是第一種,資料庫我還不了解,但是確實更換了資料庫就解決了這個問題….詭異….

6.設定td width=」160」 失效,實際的寬度大或者小了。這是因為預設的列寬是由內容來決定的,內容不同可能導致列寬不用。這時候給table加乙個table-layout: fixed;表示列寬由**寬度和列寬度設定,這樣就解決了。

7.如下例**中有3個div,其中div_right的高度會隨著內容的變化而變化,如果想要div_left的高度自適應div_right,那麼:1.改container加上overflow:hidden.表示container內部超出container的部分隱藏起來

2.改左邊的div加上margin-bottom:-9999px;padding-bottom:9999px;。

id="container" style="overflow:hidden">

id="div_left" style="margin-bottom:-9999px;padding-bottom:9999px;">div>

id="div_right">div>

div>

這樣div_left總會在container中顯示最大的高度。

8.img標籤插入容器中要進行縮放的時候,給img加上如下樣式:

max-width

:100%;

height

:auto;

vertical-align

: middle;

可以使得img在容器中佔滿且長寬比不變

前端小知識點

1 自呼叫方法 function jquery 這裡把jquery傳遞給 其實是方便你使用 符號而不是jquery關鍵字 2 閉包 函式用到外部變數,不需要傳參就可以獲取 3 extend jquery.extend 函式用於將乙個或者多個物件的內容合併到目標物件。extend dest,src1,...

前端小知識點

列表項前面標註 span值個數分別為1個 2個 3個 4個 1 margin 上 右 下 左 2 margin 上 下 左 右 3 margin 上 左 右 下 4 margin 上 右 下 左 順時針 html特殊字元編碼對照表 賬號前後不能含空格 let spacereg s s 賬號名稱不能含...

前端知識點

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 知識點 ul li 中預設選擇class active firstli rem...