前端開(kāi)發(fā)

前端開(kāi)發(fā)我們的職業(yè)

Postedin前端開(kāi)發(fā)on06/16/201*12:47:57|轉(zhuǎn)載請(qǐng)注明：出自崔凱的博客

寫(xiě)給“正在糾結(jié)”、“準(zhǔn)備糾結(jié)”的前端開(kāi)發(fā)們，希望對(duì)大家求職有所幫助：

給自己定位

很多人提出薪資要求的時(shí)候，會(huì)說(shuō)：“現(xiàn)在房租是多少多少、吃飯要多少多少、泡妞會(huì)多少多少”，所以，至少拿多少多少的工資，才滿足自己的需求。如果說(shuō)這些話的人，已經(jīng)是公司的老員工，和老板私人關(guān)系很不錯(cuò)，那這么講還湊合。但如果是職場(chǎng)新人，首次過(guò)來(lái)應(yīng)聘，談這些就很不在點(diǎn)上。你拿多少錢(qián)的薪水，是你能夠給公司貢獻(xiàn)多少價(jià)值來(lái)決定的，跟物價(jià)沒(méi)多大關(guān)系。

要確認(rèn)自己的價(jià)值，審視一下自己掌握了什么技術(shù)，了解市場(chǎng)現(xiàn)在的行情。就現(xiàn)在來(lái)說(shuō)（201*年6月）：

1.實(shí)習(xí)生：1500-3000/月

掌握基本的計(jì)算機(jī)常識(shí)，對(duì)網(wǎng)頁(yè)制作感興趣，愛(ài)學(xué)習(xí)。2.網(wǎng)頁(yè)重構(gòu)：3k-6k/月

精通xhtml+css，掌握標(biāo)簽語(yǔ)義化、基本的js、良好的溝通能力3.前端開(kāi)發(fā)：6k-30k/月

精通以上內(nèi)容，并掌握：UE、交互、性能優(yōu)化、后端、數(shù)據(jù)、SEO、運(yùn)營(yíng)、分析能力實(shí)習(xí)生要有個(gè)實(shí)習(xí)生的樣子，剛畢業(yè)開(kāi)口就要5000，直接就石沉大海了。你值5000嗎？為什么？

理論上，在跟人事談薪水之前，要對(duì)自己有準(zhǔn)確的定位。

搞清楚這個(gè)崗位會(huì)有多少人競(jìng)爭(zhēng)。如果你半年就能學(xué)明白的東西，那別人也不笨。北京這地方真的不缺實(shí)習(xí)生。沒(méi)有絕對(duì)的實(shí)力，開(kāi)價(jià)過(guò)高，只能換一句“謝謝，再見(jiàn)”

搞清楚自己掌握的東西，值多少。別被某些不良的培訓(xùn)公司所誤導(dǎo)，學(xué)半年就能找一份五位數(shù)薪資的工作？？不可能的。

這是勞動(dòng)力密集的城市哎！珍惜每一次機(jī)會(huì)！

職業(yè)規(guī)劃

月薪201*塊，每周培訓(xùn)的實(shí)習(xí)機(jī)會(huì)？月薪3000塊，重復(fù)勞動(dòng)的養(yǎng)老機(jī)會(huì)？

選哪個(gè)？

前端是個(gè)高速迭代的行業(yè)，幾年前還沒(méi)有這個(gè)概念。掌握一些頁(yè)面仔的技術(shù)就能橫著走了。

而放眼現(xiàn)在，再展望未來(lái)，技術(shù)在很短的時(shí)間就更新了一遍，逆水行舟，不進(jìn)則退。

當(dāng)然我們可以扎在一個(gè)地養(yǎng)老，每年漲10%的薪水，固守著一成不變的技術(shù)就混下去，也給自己印上“前端工程師”的名片，出去發(fā)一發(fā)。沒(méi)有困難，沒(méi)有壓力。打雜并快樂(lè)著。

可是給自己算一筆帳，人家五年來(lái)學(xué)到了什么，你學(xué)到了什么？再過(guò)五年呢？

201*年，小A進(jìn)了一家小公司，月薪3000塊，改頁(yè)面他說(shuō)了算，威風(fēng)八面。201*年，小B去了一家大公司，月薪201*塊，打雜實(shí)習(xí)啥都干，苦不堪言。

201*年，小A建站的熟練功漲了許多，薪水調(diào)整到3500塊。201*年，小B糾纏各個(gè)同事學(xué)了許多，轉(zhuǎn)正調(diào)整到3000塊。

201*年，小A工作很輕松，上班聊天灌水泡論壇，薪資漲到4000塊。201*年，小B壓力仍很大，每天參加培訓(xùn)學(xué)技術(shù)，薪資漲到5000塊。

201*年，小A還是小A，還是個(gè)切圖仔，月薪竟然5000塊了，更堅(jiān)定的舒舒服服待在這。

201*年，小B還是小B，前端基本精通，月薪漲到8000塊了，各種學(xué)習(xí)各種挑戰(zhàn)各種難。

201*年，小A還在那家小公司，還是那些技術(shù)，4位數(shù)月薪的小白領(lǐng)。只能在一家公司吃的開(kāi)。

201*年，小B又扛壓熬了一年，前端樣樣精通，5位數(shù)月薪的小白領(lǐng)。各個(gè)公司都在搶的人才。

上面字太多、太嗦了，你就問(wèn)自己一句：

離開(kāi)現(xiàn)在這個(gè)公司，我值多少錢(qián)？？工作好找嗎？？？

當(dāng)然快樂(lè)沒(méi)錯(cuò)，現(xiàn)在就輕松的活著，其實(shí)比老年時(shí)候再去玩，幸福的多。如果有個(gè)國(guó)企養(yǎng)老，是個(gè)很不錯(cuò)的選擇，混吃等死，反正不被開(kāi)除。就怕在一個(gè)小公司里，夢(mèng)想著從一而終《超級(jí)解霸》都被整慫了��！

社會(huì)每天都在進(jìn)步，你就不怕有一天慫了？坐吃山空，學(xué)點(diǎn)東西，總比“連連看”強(qiáng)。（別跟別人比，人家有好老公，你有嗎？）

人在哪都一樣，學(xué)的好、學(xué)不好，跟公司沒(méi)太大關(guān)系。

看一個(gè)人，往后看十年。

進(jìn)一個(gè)公司，別總盯著那差價(jià)的1000塊錢(qián)，看看這有沒(méi)有自己的發(fā)展機(jī)會(huì)，是不是每天在做沒(méi)有技術(shù)含量的工作，有沒(méi)有同事可以帶自己，有沒(méi)有其他部門(mén)的合作可以學(xué)點(diǎn)技術(shù)，能否接觸到自己想學(xué)的那部分內(nèi)容。

當(dāng)你覺(jué)得特別難熬的時(shí)候，扛住，你就要爆發(fā)了！

當(dāng)你覺(jué)得每天都很輕松的時(shí)候，不妨去給自己找點(diǎn)麻煩，搞點(diǎn)項(xiàng)目挑戰(zhàn)一把。常問(wèn)自己一句，我進(jìn)步了嗎？

這符合我的職業(yè)規(guī)劃嗎？下一步學(xué)什么？

不相干的東西別放在簡(jiǎn)歷上

這些天看《職來(lái)職往》，某求職男開(kāi)場(chǎng)就吼了一嗓子，唱歌難聽(tīng)可以理解，畢竟不是競(jìng)聘歌唱家的工作。可問(wèn)題也就在這，你又不是去找文藝工作，閑著沒(méi)事唱什么歌啊

更糾結(jié)的是，昨天收了一份簡(jiǎn)歷，上面色彩斑斕的放著一句話：ＨOиēΥ°莪想你Dêr候、≈.邇°不乜好在≮想莪≯

如果是個(gè)非主流的漂亮妞，也就算了。最多說(shuō)一句孩子真?zhèn)�性。問(wèn)題還是一個(gè)大老爺們，給我整這個(gè)問(wèn)題是這爺們附帶的照片也不是我的菜

發(fā)簡(jiǎn)歷之前，咱能不能再看一遍，有啥不妥當(dāng)?shù)氖遣皇窃搫h掉？把3頁(yè)的簡(jiǎn)歷縮成2頁(yè)，再減到1頁(yè)，挑重點(diǎn)寫(xiě)。想清楚什么是最重要的？

再換位思考，想清楚什么是對(duì)方認(rèn)為最重要的？

扎眼望去“°莪想你Dêr候title=”發(fā)光字””，再翻簡(jiǎn)歷又沒(méi)什么料，誰(shuí)還繼續(xù)談？

這真是人才荒的年代，不然我都不會(huì)點(diǎn)開(kāi)那份簡(jiǎn)歷，看到火星文就迅速回避了。勇于承擔(dān)

這個(gè)職業(yè)賦予我們與各個(gè)領(lǐng)域打交道的機(jī)會(huì)。

除了常常需要PK的產(chǎn)品、設(shè)計(jì)、后端。

頁(yè)面轉(zhuǎn)化率、網(wǎng)站負(fù)載、市場(chǎng)活動(dòng)、專題、SEO讓我們有機(jī)會(huì)涉及到運(yùn)營(yíng)。網(wǎng)站性能優(yōu)化可以接觸到服務(wù)器，數(shù)據(jù)存儲(chǔ)，數(shù)據(jù)統(tǒng)計(jì)。人才緊缺，四處挖墻角，鍛煉溝通能力、招聘能力。除了xhtmlcssjavaScript，我們還可以做很多很多的事情。這是個(gè)可以影響“互聯(lián)網(wǎng)、移動(dòng)互聯(lián)網(wǎng)”方方面面的職業(yè)。自己用點(diǎn)心，就能有很多機(jī)會(huì)。

當(dāng)壓力無(wú)可逃避，改變一下自己對(duì)壓力的看法吧，咱們是牛逼的前端開(kāi)發(fā)。

擴(kuò)展閱讀：web前端開(kāi)發(fā)常見(jiàn)問(wèn)題

web前端開(kāi)發(fā)常見(jiàn)問(wèn)題

web開(kāi)發(fā)中一些常見(jiàn)的問(wèn)題，新手經(jīng)常問(wèn)的問(wèn)題。舉例并說(shuō)明解決方法。IE6IE7IE8共存問(wèn)題

1.超鏈接訪問(wèn)過(guò)后hover樣式就不出現(xiàn)的問(wèn)題

blueidea/**/

web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全

被點(diǎn)擊訪問(wèn)過(guò)的超鏈接樣式不在具有hover和active了,很多人應(yīng)該都遇到過(guò)這個(gè)問(wèn)題，解決方法是改變CSS屬性的排列順序:L-V-H-A

2.FF下如何使連續(xù)長(zhǎng)字段自動(dòng)換行

blueidea/**/aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

//intLen){

strTemp+=strContent.substr(0,intLen)+" ";

strContent=strContent.substr(intLen,strContent.length);}

strTemp+=" "+strContent;obj.innerHTML=strTemp;}

if(document.getElementById&&!document.all)toBreakWord(37)//]]>

眾所周知IE中直接使用word-wrap:break-word就可以了,這里FF中我們使用JS插入的方法來(lái)解決

3.ff下為什么父容器的高度不能自適應(yīng)

blueidea/**/

web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全

為什么這個(gè)P撐不開(kāi)DIV呢？解決的辦法是在div與p之間插入清除掉這個(gè)p的浮動(dòng).4.IE6的雙倍邊距BUG

blueidea/*

body{margin:0}div{

float:left;

margin-left:10px;width:200px;height:200px;

border:1pxsolidred}

/*]]>*/

web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全

浮動(dòng)后本來(lái)外邊距10px,但I(xiàn)E解釋為20px,解決辦法是加上display:inline

5.IE6下絕對(duì)定位的容器內(nèi)文本無(wú)法正常選擇的問(wèn)題

blueidea/**/

web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全

上面的問(wèn)題在IE6、7中存在，解決問(wèn)題的辦法是讓IE進(jìn)入到quirksmode。關(guān)于quirksmode的相關(guān)知識(shí)，請(qǐng)參考：/asp.net/ASPNETusStan.mspx?mfr=true

aoao:在IE6版本是6.0.2900.2180.xpsp_sp2.gdr.070227-2254好像依然存在問(wèn)題，加了背景色依然無(wú)效。接著測(cè)試中。。。

6.IE6下為什么圖片下方有空隙產(chǎn)生

blueidea/**/

解決這個(gè)BUG的方法也有很多，可以是改變html的排版，或者定義img為display:block或者定義vertical-align屬性值為vertical-align:top|bottom|middle|text-bottom還可以設(shè)置父容器的字體大小為零，font-size:07.IE6下這兩個(gè)層中間怎么有間隙

blueidea/**/

aaaaaaaaaaaa

這個(gè)IE的3PXBUG也是經(jīng)常出現(xiàn)的，解決的辦法是給.right也同樣浮動(dòng)float:left或者相對(duì)IE6定義.leftmargin-right:-3px;8.list-style-image無(wú)法準(zhǔn)確定位的問(wèn)題

blueidea

/**/

web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全

這個(gè)list-style-image的定位問(wèn)題也是經(jīng)常有人問(wèn)的，解決的辦法一般是用li的背景模擬，這里采用相對(duì)定位的方法也可以解決

9.LI中內(nèi)容超過(guò)長(zhǎng)度后以省略號(hào)顯示的方法

blueidea/**/

web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全

此方法適用與IE與OP瀏覽器

10.web標(biāo)準(zhǔn)中定義id與class有什么區(qū)別嗎

blueidea/**/

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

blueidea

/**/

aaaaaaaa

一.web標(biāo)準(zhǔn)中是不容許重復(fù)ID的,比如divid="aa"一個(gè)頁(yè)面中不容許重復(fù)2次,而class定義的是類,理論上可以無(wú)限重復(fù)的,這樣需要多次引用的定義便可以使用他.class還可以同時(shí)引用多個(gè)類,不同的類之間用空格隔開(kāi).

二.屬性的優(yōu)先級(jí)問(wèn)題,ID的優(yōu)先級(jí)要高于class,看上面的例子三.方便JS等客戶端腳本，如果在頁(yè)面中要對(duì)某個(gè)對(duì)象進(jìn)行腳本操作，那么可以給他定義一個(gè)ID，否則只能利用遍歷頁(yè)面元素加上指定特定屬性來(lái)找到它，這是相對(duì)浪費(fèi)時(shí)間資源，遠(yuǎn)遠(yuǎn)不如一個(gè)ID來(lái)得簡(jiǎn)單.11.如何垂直居中文本

blueidea/**/

web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全

給容器設(shè)置一個(gè)與其高度相同的行高就可以了

12.如何對(duì)齊文本與文本輸入筐

blueidea/**/

aaaaaaaaaaaaaaaaaa

遇到此種問(wèn)題，設(shè)置文本框的vertical-align:middle就可以了13.為什么FF下面不能水平居中呢

blueidea/*

border:1pxsolidred}

/*]]>*/

FF下面設(shè)置容器的左右外補(bǔ)丁為auto就可以了14.為什么FF下文本無(wú)法撐開(kāi)容器的高度

blueidea/**/

web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)

標(biāo)準(zhǔn)瀏覽器中固定高度值的容器是不會(huì)象IE6里那樣被撐開(kāi)的,那我又想固定高度，又想能

被撐開(kāi)需要怎樣設(shè)置呢？辦法就是去掉height設(shè)置min-height:200px;這里為了照顧不認(rèn)識(shí)min-height的IE6可以這樣定義：{

height:auto!important;height:200px;min-height:200px;}

15.為什么IE6下容器的寬度和FF解釋不同呢

blueidea/**/

web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全

問(wèn)題的差別在于容器的整體寬度有沒(méi)有將邊框（border）的寬度算在其內(nèi)，這里IE6解釋為200PX，而FF則解釋為220PX，那究竟是怎么導(dǎo)致的問(wèn)題呢？大家把容器頂部的xml去掉就會(huì)發(fā)現(xiàn)原來(lái)問(wèn)題出在這，頂部的申明觸發(fā)了IE的quirksmode，關(guān)于quirksmode、standardsmode的相關(guān)知識(shí)，請(qǐng)參考：/asp.net/ASPNETusStan.mspx?mfr=true

16.為什么web標(biāo)準(zhǔn)中IE無(wú)法設(shè)置滾動(dòng)條顏色了

blueidea/**/

解決辦法是將body換成html

17.為什么我定義的樣式?jīng)]有作用呢

blueidea/**/

web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全

這里你無(wú)法用.aa定義到li遇到這種情況怎么解決呢？答案是提高.aa的優(yōu)先權(quán)比如#aaulli.aa優(yōu)先權(quán)相關(guān)文章參考-baidu搜索關(guān)鍵詞:CSS的優(yōu)先權(quán)

18.為什么無(wú)法定義1px左右高度的容器

blueidea/**/

IE6下這個(gè)問(wèn)題是因?yàn)槟�認(rèn)的行高造成的，解決的方法也有很多，例如：overflow:hidden|zoom:0.08|line-height:1px19.為什么這個(gè)背景顏色無(wú)法顯示

blueidea/**/

web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全

IE中設(shè)置有背景色的ul并沒(méi)有顯示出來(lái)，這個(gè)屬于haslayout問(wèn)題，解決的辦法也很多參考：20.怎么樣才能讓層顯示在FLASH之上呢

blueidea/*

object{width:500px;height:100px;}

/*]]>*/

web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全

解決的辦法是給FLASH設(shè)置透明或者21.怎樣使一個(gè)層垂直居中于瀏覽器中

blueidea/**/

web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全

這里我們使用百分比絕對(duì)定位，與外補(bǔ)丁負(fù)值的方法，負(fù)值的大小為其自身寬度高度除以二22.如何讓三列橫向排列

blueidea/**/

blueidea/*

margin:-100px00-300px;}

/*]]>*/

123

blueidea/**/

橫向排列DIV可以使用浮動(dòng)的方式比如float:left,或者用內(nèi)聯(lián)方式，還可以絕對(duì)定位對(duì)象等等.

23.通用的加入收藏夾代碼

//

functionbookmark(){vartitle=document.title

varurl=document.location.href

if(window.sidebar)window.sidebar.addPanel(title,url,"");elseif(window.opera&&window.print){varmbm=document.createElement("a");mbm.setAttribute("rel","sidebar");mbm.setAttribute("href",url);mbm.setAttribute("title",title);mbm.click();}

elseif(document.all)window.external.AddFavorite(url,title);}

//]]>

加入收藏夾

經(jīng)常有朋友說(shuō)他的加入收藏夾代碼只支持IE,上面的例子可以很好的解決這個(gè)問(wèn)題,在IE6-7.FF2.0OP9.0中測(cè)試通過(guò)24.復(fù)制到系統(tǒng)剪貼板之IE,ff兼容版//

varclipid=Components.interfaces.nsIClipboard;if(!clip)returnfalse;

clip.setData(trans,null,clipid.kGlobalClipboard);}alert("已復(fù)制"+copy)returnfalse;}

//]]>

請(qǐng)另存代碼測(cè)試復(fù)制

25.javascript為FF設(shè)置首頁(yè)//

設(shè)置首頁(yè)

26.IE6使用濾鏡使PNG圖片透明后，容器內(nèi)鏈接失效的問(wèn)題

blueidea

/**/27.IE6使用濾鏡使PNG圖片透明后，容器內(nèi)鏈接失效的問(wèn)題。

解決方法是為鏈接定義一個(gè)相對(duì)定位屬性。position:relative27.禁用文本框中文輸入法的通用方法

IE可以用ime-mode:disabled，firefox3也開(kāi)始支持IE的這一私有屬性對(duì)于其他不支持的瀏覽器可以用如下方法模擬

blueidea/*

width:100px}

/*]]>*/

標(biāo)題

內(nèi)容

驗(yàn)證碼

//

友情提示：本文中關(guān)于《前端開(kāi)發(fā)》給出的范例僅供您參考拓展思維使用，前端開(kāi)發(fā)：該篇文章建議您自主創(chuàng)作。

來(lái)源：網(wǎng)絡(luò)整理 免責(zé)聲明：本文僅限學(xué)習(xí)分享，如產(chǎn)生版權(quán)問(wèn)題，請(qǐng)聯(lián)系我們及時(shí)刪除。

《前端開(kāi)發(fā)》由互聯(lián)網(wǎng)用戶整理提供,轉(zhuǎn)載分享請(qǐng)保留原作者信息,謝謝!
鏈接地址：http://m.seogis.com/gongwen/626207.html

• 上一篇：web前端開(kāi)發(fā)何去何從
• 下一篇：web前端工程師的求職信