前端知識每日總結(jié)

認(rèn)真對待每一天

每日必背單詞

|1.uninstall 卸載; | 2.setup 設(shè)置; | 3.paste 張貼|4.exit 退出;|
| ------------- | :-------------: | -----: |
| 5.monitor 監(jiān)視器 |6.keyboard 鍵盤;|7.install 安裝;|8.cut 剪切;|
|9.copy 拷貝; |||10.edit 編輯;|

gitbub 命令行

1.把項目檔下來 git clone 項目網(wǎng)址;
2.打開下載下來的文件夾,把要上傳的項目拖進(jìn)來
3.用 git add . 上傳
4.用 git status 檢測能不能上傳
5.用 git commit - m"說明"
6.用 git push 上傳


this問題

  1. 定時器中不能使用this
  1. 行間不能用this
    3.事件套用函數(shù)時不能用this
    4.attachEvent不能用this

for循環(huán) i問題

  1. 循環(huán)中加計時器
  1. 循環(huán)中加事件

css兼容2

  1. 換行或空格產(chǎn)生的兼容問題

概念:在兩個input標(biāo)簽,或者input與span標(biāo)簽之間,會產(chǎn)生多余3個像素空格的問題
原理:在ff,chrome當(dāng)中(在IE上會屏蔽掉)會將代碼中的換行或空格解析為==空文本節(jié)點(diǎn)==
解決方法:
1.不換行;
2.設(shè)置父級塊的大小為0;
3.設(shè)置margin-left為-3像素


2.margin-top值疊加問題

概念:兩個或多個毗鄰的普通流中的塊元素垂直方向上的 margin 會折疊
解決方法:
1、修改父元素的高度,增加padding-top樣式模擬
(padding-top:1px;常用)
2、為父元素添加overflow:hidden;樣式即可(完美)
3、為父元素或者子元素聲明浮動(float:left;可用)
4、為父元素添加border(border:1px solid transparent;可用)
5、為父元素或者子元素聲明絕對定位


3.掌握針對IE6瀏覽器的標(biāo)準(zhǔn)

透明rgba與opacity
使用IE6當(dāng)中的濾鏡filter替代掉,如:opacity:0.6;filter:alpha(opacity=60)。
table標(biāo)簽當(dāng)中border-color屬性設(shè)置無效
運(yùn)用CSS樣式進(jìn)行控制,而不是使用屬性進(jìn)行樣式的處理。a標(biāo)簽hover不適用于所有標(biāo)簽
png格式圖片
使用javascript進(jìn)行處理;或者使用gif、jpg圖像替代掉png圖片的使用。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 14,135評論 1 92
  • 轉(zhuǎn)載請聲明 原文鏈接地址 關(guān)注公眾號獲取更多資訊 第一部分 HTML 第一章 職業(yè)規(guī)劃和前景 職業(yè)方向規(guī)劃定位...
    前端進(jìn)階之旅閱讀 16,874評論 32 459
  • <a name='html'>HTML</a> Doctype作用?標(biāo)準(zhǔn)模式與兼容模式各有什么區(qū)別? (1)、<...
    clark124閱讀 3,826評論 1 19
  • 她或許是有男朋友,或者是要步入婚姻的殿堂了,但她為什么沒能說出來呢,我知,這一場沒有結(jié)果的糾結(jié)只會給彼此帶來失望與...
    jieking閱讀 362評論 0 0
  • 在這之前已經(jīng)搭好了CAS服務(wù)端 基于CAS的單點(diǎn)登錄實(shí)戰(zhàn)(1)-- 搭建cas服務(wù)器 PHP-Client# ph...
    Dapianzi_灰灰鴿閱讀 3,409評論 1 0

友情鏈接更多精彩內(nèi)容