當前位置:首頁 » 網頁前端 » 前端工作中遇到的問題
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

前端工作中遇到的問題

發布時間: 2023-01-18 13:17:11

『壹』 web前端工程師工作中,遇到難以解決的問題有哪些

有時會遇到外層中的子層使用margin-top不管用等情況

『貳』 web前端工程師工作中遇到難以解決的問題

1).margin-top,margin-bottom不能正常顯示時
一.有時會遇到外層中的子層使用margin-top不管用的情況;這里我們需要在子層的前後加上一個
div{height:0;overflow:hidden;}

CSS樣式表中:
#box {background-color:#eee;}
#box p {margin-top: 20px;margin-bottom: 20px;text-align:center;}
解決方法:在P標簽前後各加2個空的div:<divstyle="height:0;overflow:hidden"></div>
二.網頁中頭部,中部,底部的居底部有時給個margin-bottom:10px;不管用也是要給個清除屬性的.clear{clear:both;font-size:0;line-height:0;}在底部<div id="footer"></div>下加個<div></div>
2).div層中高度自適應問題
網頁前端科技人員在設計網頁時不可能知道客戶在要他們自己的網站內容頁里加多少文字或圖片內容
這時我們就不能規定div層的高度,為此應寫成min-height:200px;height:auto!important;height:
200px;overflow:visible;這樣ie7,ff,ie6瀏覽器的高度自適應問題就解決了,這些在
http://www.xueshengshu.com/網站中用到最多了。
3).div層中子層的居底部對齊問題
div中的定位問題有很多也很麻煩,但弄懂了就OK了,在一個大的div層中如何讓子層的內容居底部
對齊就涉及到了position定位問題;

div層#box{position:relative;border:1px solidred;width:600px;hegiht:400px;}
div子層#box .wrap{position:absolute;bottom:0;border:1px dashedblue;width:200px;height:
100px},最近寫的網站中http://www.msgc.net.cn/就用到了
4).div層中清除clear屬性的一小部分應用
在div中一個大的層裡面有很多子層,若是加上邊框在ie7、ie6中或許會正常顯示,但是在ff中可能
只會成一條線了,此時在最外層的後面加上<div style="clear:both"></div>或者設 .wrapfix:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}後在每個浮動外框調用wrapfix;http://www.xueshengshu.com學生書網里用到最多了。
5).解決IE8下div移位、錯位等兼容性問題
在<head>標簽後面的第一句話加上<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />就OK了
6).單行文字居中與字體樣式問題
在div中一個層中只有一行文字,要讓這層中的文字居中,可設line-height的高度和層的高度一樣,注意這一層中的文字不能換行,此外,設了line-height時再給定字體樣式font:bold 14px "宋體";這時要把font:bold 14px "宋體";放在line-height的前面,否則字體樣式不顯示文字也不居中;或者將font:bold 14px "宋體";改成font-size:16px;font-weight:bold;font-family:"宋體";就OK了。
7).滑鼠滑上去的特殊效果
往往為了達到顯眼的效果,我們會寫到一些好看的效果,方法一在樣式表中寫:ul li a{border:1px solid red;}ul li a:hoverimg{filter:alpha(opacity=40在ul標簽中調用即可方法二:在樣式表中寫上:.hover img{filter:alpha(opacity=40);}在div中調用onmouseover="this.className='hover'"onmouseout="this.className=this.classtype"即可
8).IE6中高度不對問題
今天在div中給定了高度為1px,其它瀏覽器顯示正常,可是ie6中顯示的高度就不對了,這時我給樣式表中加了個font-size:0px;line-height:0px;就好了
9).ul在外框里margin-top不起作用的問題
在div大框子里用了ul作導航的時候為了合ul層居中顯示,設ul的樣式表為margin-top:-15px不起作用了,此時應該將div大框設定高度後給個line-height與height一樣的高度,ul層就自動居中了。
例如http://www.hopes-home.cn/main.aspx
10).ff中margin-top有時不起作用的問題
今天頭暈腦漲的把這問題給解決了,這幾天寫標網都有累似問題,可是一直都是換個寫法解決的,今天的這個辦法也不只可行試試還是可以的,在一個div外框層中給個寬度例如,#div_wrap{width:280px;height:100%;}
其次在這個框子里設一個.div_top{widh:100%;font:bold12px "宋體";height:24px;line-height:24px;}
.div_center{border:1px solid#dbdbdb;border-top:none;background:#fff;min-height:460px !important;height:auto!important;height:460px;overflow:visible;}
最後在這個div_center里套個ul li時經常會在ff中出問題,也就是在div_top與div_center中莫名的多了幾個像素的空格,這時給ul樣式表設個display:inline-table即可;

『叄』 前端開發過程中遇到過什麼困難

前端開發過程中遇到的困難還是很多
1、面試中前端開發過程中遇到的困難這個問題主要是相看面試者是不是有獨立解決問題的能力及解決問題的方案以及工作中的的一些兩點
2、遇到這樣的問題可以說出一個自己解決的比較完美的問題,如:vue不適合做cms,因為單頁面應用對seo很不友好,解決的方法就是:我們使用nuxt技術,在保證使用vue語法開發的同時,也使用了服務端渲染技術保證了seo效果,這個過程突出了自己的學習nuxt等新技術的能力
3、另外也是有很多實際的開發問題不好解決,的但是那些自己解決不好的問題不適合 在面試的過程中說的

『肆』 在前端開發工作中一般會遇到什麼問題,是如何解決的

對於經驗豐富的人來說,基本上不會遇到什麼困難的問題,但對於菜鳥來說,問題會出現一大堆,除非有人來總結,不然,這個問題是不好回答的

『伍』 初入Web前端職場的新人怎麼解決工作中遇到的問題

可以加一下web前端開發QQ技術交流群,或者去那種有關web前端的問答社區提問,一般都是有人給你解答的。然後就是平時在工作之外的時間需要不斷地學習習的知識,特別是自己不會的,或者工作發當中沒有用到的東西。

『陸』 我是前端開發,培訓班出來的,目前在職,工作有半年多了吧,工作中經常遇到一些老程序員看不起的問題

可能不是你對知識的認識不夠充分,而是就你一個前端他們看不起你,你會覺得是自己知識層面達不到他們那樣。我老師也是後面進公司的啊,但他很吃香呢,還來我們學校教書,一個月領兩份工資。你也可以闊知識去看看別的相關知識,豐富知識層面嘛是不是。

『柒』 web前端,遇到不懂的問題,一般怎麼解決

今天為大家整理和分析一下初學web前端的朋友總會遇見的幾個問題以及我個人理解的解決辦法。
1 能聽懂,寫不出來
我相信這應該是所有初學者的問題,就是看視頻的時候,能聽懂,但是到自己獨立去寫的時候卻寫不出來,就像我們總說說起來非常容易,但是做起來很難。這個是非常重要的一點,就是我們要掌握一個非常恰當而且適合自己的學習方法,這點非常重要,因為根據我的經驗,接觸過很多初學者,學著學著就放棄了,然而失敗的原因基本都是相同的,只要一直堅持下去,基本上能學下去的都會成功的學成,這是我自己的感覺,至於學習方法要看你自己適合什麼,也可以加我的前端群像我請教。
2 學完了之後就忘記
我們解決第一問題,就會立馬迎來第二個問題,比如我們的HTML標簽和一些css的屬性,我們用浮動去實現一個效果,但是過了幾天之後發現,這個我怎麼不會用了,就在腦海中,但是怎麼都想不起來,這里我給大家說的是,你學習的每一個知識點,必須而且以及一定要跟三個案例以上,只有應用到實處,才能更好的記憶,在你學習之後的知識點,要不斷的溫習前面的東西,不然一定會忘記。
3 看書看不懂怎麼學
我接觸過很多的新手說,我買了一個本從入門到精通的書,其實我想說如果你覺得看了一本書就可以學好前端找工作,那這個工作好像誰都可以做了,我個人在初學的時候是一本書沒看過,但是我卻看過大量的技術書籍,這個都是在我學完了一遍前端,學了一遍java之後才看的,因為這個時候我才能看懂,對於我之前學習的一些沒有太懂的東西,進行了一個知識的補充,一個新手區看專業人士編輯的專業書籍,我真的很難想得到,有幾個人能看下去一本幾百頁的書,而且能看懂,所以我個人建議新手學習不要看書,反正對我來說沒有什麼效率。
4 學了之後怕找不到工作
Web前端開發相對於後端來說確實是簡單不少,而且就業率也是非常高,但是很多新手對這個行業太不了解,以為學了之後就能找到多少錢的工作,完全忽略了自己學了之後,到底學的怎麼樣,什麼水平,有點不太現實,這個行業工資確實高,一個具有三年前端開發經驗的人基本工資都會在15000以上,但是卻不是那麼好拿的,還是看自己自身的競爭能力怎麼樣。
以上的四個問題可能是初學者學習前端關心的幾個問題,這都是我個人經驗用白話文總結的,說的不是很好,大家見諒,這是我的web前端資料分享交流群 :113485407
初學的新手有什麼問題可以在群里問我,學習的疑惑什麼的,群里有很多初學前端的新手,非常適合初學者,也可以管我要學習資料,都是免費分享的。

『捌』 前端開發的難點到底在什麼地方

  • 不同級別的前端面臨的難點各不相同,不可一概而論;

  • 業務開發的前端難點在於對業務的理解和把控能力;

  • 平台開發的前端難點在於產品化的把控和推進能力。

  • 觀點1:不同級別的前端面臨的難點各不相同,不可一概而論。

    其他回答有說 CSS 難,有說 CSS 不難的,每個人水平不同,這樣爭論毫無意義。我剛學前端時覺得 JS/CSS/瀏覽器兼容問題都很難,現在覺得也就那樣,因為前端路子廣,辦法總比問題多。後來覺得要評估好需求,把控好項目質量比較難,很多時候我們是在幹事,在解決問題,不是只埋頭寫代碼,時間一長你會發現前端工作中,技術問題往往比較好解決,反而資源+協作問題比較麻煩。現在對我來說比較難的是快速產品化的能力,如何從無到有去做出一些有價值的東西。

    舉一個簡單粗暴的例子吧:阿里前端很多,P5/P6 一大把,但是 P8/P9 的非常少,為什麼?進階的難點在哪裡?

    前端開發的難點跟前端進階的難點是非常相似的。阿里對每個前端層級都有一個標准,這也從側面回答了這個問題,比如對 P5 來說,難點可能是寫好業務代碼,保證其靈活性和可維護性,能解決各種適配問題;對 P6 來說則需要獨擋一面,能獨立 owner 需求,而 P7 則需要在某方面技術有深入理解,等等。

    能提出這個問題首先得恭喜題主,說明題主在當前階段遇到瓶頸了,需要向下一個 level 出擊了。

    觀點2:業務開發的前端難點在於對業務的理解和把控能力。

    業務邏輯開發本身並不是難點,誰都可以寫。但是對於你自己負責的這塊業務,後續業務的發展方向和潛力,你有去了解過嗎?當業務方提需求過來時你是只負責執行還是和業務方一起探討更合理的方案?你有沒有給自己負責的產品提過一些建議?做過一些改善措施?如果前端只是作為一個執行者,作為一種被調度的資源,那麼即使最終項目取得了好的成績,跟你有多大關系?你自己會有多大的成就感?

    另外一個很重要的點:就是對業務的把控能力。業務方總是會催著上線,開發時間不斷被壓縮該怎麼辦?進度不如預期怎麼辦?開發遇到瓶頸怎麼辦?發布新功能翻車了怎麼辦?

    我見過有默默加班保證進度的,也有跟需求方重新談延期的,有發布出問題手足無措的,也有自己默默修復的,有遇到瓶頸一籌莫展的,也有及時跟老闆溝通,跟業務方撕逼的… 如何優雅的處理這些問題,有時候比寫代碼更難。為什麼有的人業務代碼邏輯混亂,寫的一團糟?我不相信是智力問題,反倒更相信是對項目本身沒有把控好,本來排了5天工作量的需求被業務方壓到了3天,你還能保證寫出健壯而不失風度的代碼?

    觀點3:平台開發的前端難點在於產品化的把控和推進能力。

    做業務時有人給你提需求,幫你出交互視覺稿,你只要負責寫頁面就行了。但是在支付寶前端,很多內部平台和技術產品都是技術自己主導,你需要自己發現問題,出方案,設計資料庫,自己出頁面,這是一個從無到有的創造的過程。並且要保證你做的東西是真正解決問題的,而不是做一些自己覺得很牛逼實際上並沒有解決用戶痛點的東西,用我老闆的話說就是對產品的把控能力,不要跑偏了。前端是最容易做出產品化東西的工程師了,因為後端不會做 UI,UI 不會寫代碼,唯前端兼顧,這是最大優勢。

    再一個就是對產品的推進能力了,你做的東西可能需要各種資源?如何爭取?可能牽扯到多方利益?如何權衡?東西做出來了如何推廣?如何在用戶的一片罵聲中奮勇前進?

    印象中很多平台型產品,剛開始投入使用時都是一片罵聲,各種問題,說實話負責這些產品的程序員壓力是相當大的,天天被罵還得徹夜幫別人解決問題,還得不斷優化系統,你說難不難?

    以上三點就是本文所展現的理念,希望能對大家有幫助。

『玖』 剛剛進入前端工作,很迷茫怎麼辦

第一 學習前端這一塊,找工作怎麼樣?

目前前端這一塊市場需求還是很大的,薪資待遇水平也很不錯的,最後涉及到找工作這一塊,有些同學會說,為什麼學前端工作不好找呢?首先對於這個問題,根據相關數據調查顯示,這個問題不僅僅是前端行業有這個問題,各行各業都有這個問題,很多人其實對前端都是一知半解,僅僅學習了一個皮毛,基本什麼也不會,連個像樣的小項目都做不出來,你們覺得這樣的水平好找工作嗎?換做是你當老闆,你會樂意僱傭什麼也不會的員工嗎?

企業需要的是召之即來,來之能用的人才,而不是一半瓶子不滿,半瓶子晃悠的人。反觀我們看一下那些真正有前端技術的同學,很多企業都是搶著要,把自己做的項目,放那一演示,證明自己很牛,公司的求著找你,你的境遇由你的實力決定,不要把自己的無能怪罪於前端這個行業怎麼樣,任何行業都是一樣的,有本事的人才能走的更遠,當然那些前端水平一般的同學,不要糾結,盡管你現在的前端水平有點差,但是你可以通過不斷的學習,來提升自己的水平啊,水平是動態的,是可以不斷的變化的,學習可以改變一切。

第二 別把自己停留在對前端的迷茫上,學習,提升,才是硬道理。

很多想學前端的同學,總是停留在一個徘徊觀望的層面,內心充滿了糾結和迷茫,覺得選這行對嗎?怎麼才能一步登天呢?我想說的是,任何一個行業都不容易,都需要你付出努力用心思考堅持,吃苦耐勞才能贏得未來,不要總想走捷徑,沒有,也別把自己當成時代的幸運兒,用一顆平常心,踏踏實實學習,踏踏實實提升自己,才是王道。

一些同學會問我,想學前端,但是不知道應該從哪裡入手?老話說的好,只有站在巨人的肩膀上,才能看的更高更遠,聰明的同學永遠都知道,借鑒別人的精華,迅速的提升自己,所以好的開始,就是跟前端高手學習,因為他們有經驗,有實力,怎麼學,怎麼提升,他們很有經驗,我認識一位前端高手,他每天都在網上做前端免費直播課,我也經常去聽,學到很多東西,講的給人一種醍醐灌頂的感覺,別自己摸索學習強多了,學習前端不僅僅是知識層面的提升,還有思維層面的提升,所以想聽這位前端高手課程的同學,請加他的前端教程資料裙 :首先位於開頭的一組數字是:655,其次處於中間地帶的一組數字是:567,最後位於尾部的一組數字是:613,把以上三組數字按照先手順序組合起來即可。希望同學們做一個聰明的人,一個善於學習的人,一個懂得如何不斷強大自己在這個現實的社會中生存的更好的人,只有你自己的努力才能給自己更強大的未來,而不是抱怨等待猶豫,這只是墮落者的表現。

『拾』 前端開發面試問題工作中遇到最難的是什麼

1).margin-top,margin-bottom不能正常顯示時一.有時會遇到外層中的子層使用margin-top不管用的情況;這里我們需要在子層的前後加上一個div{height:0;overflow:hidden;}例CSS樣式表中:#box{background-color:#eee;}#boxp{margin-top: