原创 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