原创 margin-top 塌陷 的解決方案

    在兩個盒子嵌套時候,內部的盒子設置的margin-top會加到外邊的盒子上,導致內部的盒子margin-top設置失敗,解決方法如下:     1、外部盒子設置一個邊框   border      2、外部盒子設置 overflo

原创 BFC的介紹和運用

BFC的定義: BFC(Block formatting context)直譯爲"塊級格式化上下文"。它是一個獨立的渲染區域,只有Block-level box參與, 它規定了內部的Block-level Box如何佈局,並且與這個區域外

原创 背景圖片的設置

   設置背景圖片垂直位置的有“top”、“center”、“bottom”還可以設置具體的像素值   來把背景圖片精確地定位到盒子的某個位置     “background:url(location_bg.jpg) -110px -15

原创 脫離文檔流的疑難混淆點兒 display:inline-block能脫離文檔流嗎

  CSS中脫離文檔流,也就是將元素從普通的佈局排版中拿走,其他盒子在定位的時候,會當做脫離文檔流的元素不存在而進行定位。   需要注意的是,使用float脫離文檔流時,其他盒子會無視這個元素,但其他盒子內的文本依然會爲這個元素讓出位置,

原创 怎麼處理移動端1px 被渲染成2px 的問題?

在<head></head>之間設置下<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /> 兼容性問題,某個元素默認

原创 最全的狀態碼

狀態碼100 客戶端繼續其請求。 狀態碼101 切換協議,服務器根據客戶端的請求切換協議,只能切換到更高級的協議。 狀態碼200 請求成功,一般用於GET和POST請求方式。 狀態碼201 成功求情並創建了新的資源。 狀態碼202 已接受

原创 jquery 獲取input checkbox checked屬性

如果使用jquery,應使用prop方法來獲取和設置checked屬性 1.通過prop方法獲取checked屬性,獲取的checked返回值爲boolean,選中爲true,否則爲flase 1 2 3 4 5 6 7 <inpu

原创 浮動 和 文檔流

      # 文檔流  #         文檔流,是指盒子按照html標籤編寫的順序依次從上到下,從左到右排列,塊元素佔一行,行內元素在一行之內從左到右排列,先寫的先排列,後寫的排在後面,每個盒子都佔據自己的位置。        #

原创 Form 表單那些坑

1.表單提交會刷新(跳轉),即使button按鈕沒有定義type <body> <form action="" target="targetIfr"> <iframe name="targetIfr" style

原创 文字樣式:

1.兩端對齊: text-align:justify;(兼容ie) text-align-last:justify; 文字必須留有空格(兼容ie firefox) 2.文字換行: word-break:break-all;(截斷)

原创 $(document).ready()

區別1: 它規定DOM(網頁文檔)加載完成後網頁內容加載之前執行的,也就是說在html加載完成後,圖片加載之前。 window.onload是在頁面所有元素(包括圖片、引用文件)加載完成後執行,也就是說頁面的所有東西加載完之後在加載。 區

原创 WX 微信小程序

# 小程序的生命週期 # onLaunch     初始化完成時,會觸發 onLaunch(全局只觸發一次) onShow onHide onError      當小程序發生腳本錯誤,或者 api 調用失敗時,會觸發 onError 並

原创 git命令

刪除分支: git branch -a   查看所有分支 git push origin --delete Chapater6   刪除遠程分支 git branch -d Chapater6     刪除本地分支  

原创 前端的安全問題,Xss

SS是跨站腳本攻擊(Cross-Site Scripting)的簡稱, 它是個老油條了,在OWASP Web Application Top 10排行榜中長期霸榜, 從未掉出過前三名。XSS這類安全問題發生的本質原因在於, 瀏覽器錯誤的將

原创 arguments和this

他是一個類數組的對象,有length屬性,不是數組,它的內容是函數運行時的實參列表    即srguments可以獲取函數運行時收到的實參個數(在多態裏可以用到)它收集的是‘所有’的實參,即使沒有與之相對應的形參   而形參與對應的arg