當前位置:首頁 » 網頁前端 » 方特前端項目難點
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

方特前端項目難點

發布時間: 2022-08-30 15:33:39

A. 前端開發很難嗎

目前,有兩三年前端工作經驗,加上大專及以上學歷,會好找工作。現在專業的前端工程師的需求量很大。
對於題主的情況,我有三點建議:
第一,展示前端成果。前端知識學一年不同於做一年,我面試時,會關注應聘者做了什麼、做了多久。如果應聘者有github,看一看代碼,就可以大致評估出他的能力,准確又節約時間。題主如果有精力,可以在github上放些自己的成果,這會加分不少。
第二,要了解技術細節。應聘者不適合說前端擅長的是js,因為js的技術點非常多。要是擅長js,我一般不信,我會挑難點問,要是都答上來,那是真牛。我期望得到的回答是「ajax原理和應用」、「jquery的應用」、「backbone.js」等框架、「性能優化」,等等。
第三,要懂編程和計算機相關的基礎理論。應聘初級前端工程師,我不會關注這個方面。要是中級及以上,就必須懂這些。比如計算機網路的http協議,這是前端十分依賴的基礎知識。演算法和數據結構是深入js編程的基礎。對於中高級工程師,如果不懂這些,連基本的前端性能優化都是做不了的。所以,前端工程師的知識和技能,不限於前端技術,也要懂編程理論和後端知識。
另外,題主應聘時候可以了解一下招聘方的招聘需求是不是很迫切,因為有些時候,招聘方並不是急需招人。

B. 前端開發的難點到底在什麼地方

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

C. 前端開發的難點到底在什麼地方

一般意義上的前端項目:

-從0到1,治理曬哦為健全點的都能搗鼓出來;

-從1到60,後後端或者設計崗位勉強能兼任;

-從60到80,需要比較專業的前端;

-從80到100,這么好的前端可遇不可求。

從0到1就是從無到有的過程,很多人用WordPress,建站之星就差不多就能搞個demo了,可以拿去騙投資人的錢。

從1到60,就是勉強可用,基本上讓後端工程師或者UI設計師找一套bootstrap的模板東拼西湊的也能勉強應付到第一版本上線。

從60到80,就是真正要做一款能完備、性能優良、架構合理的中小規模產品,沒有專業的設計、前端、後端、產品、運營是走不到這步的,差不多到A輪了。

從80到100,那就是追求各方面的極致,與競爭對手一較高下,各個方面沒有頂尖的人才都會影響整體的戰鬥力,木桶效應。

解釋一下:

1. 核心競爭力的主體是工程經驗。
其實這個結論可以推廣到其他研發崗位,就是每個研發崗位的知識體系都是由基礎學科知識+領域工程經驗構成,彼此不可替代的就是工程經驗部分。一個後端工程師一時間不能替代同等級前端工程師到不是基礎或者智商的問題,主要是工程經驗不足,你讓一個前端一個後端分別實現對方領域中一個有明確輸入輸出的功能函數,二者通過簡單學習新語言新語法,加上開發手冊查詢,一般都能比較正常的實現業務邏輯,但你讓他們hold住對方領域的完整項目就很困難了,技術選型,系統設計,模塊拆分,平台特性,宿主環境,性能優化,構建部署,系統測試等等都是領域工程經驗問題。

2. 工程經驗的等級是能cover項目從0發展到80+。
這個很好解釋,因為從0-60的非專業前端也能做到,60+的才是專業前端。

所以不用擔心核心競爭力問題,60+的前端現在都很搶手啊。工程經驗只有60-的話確實壓力比較大。

D. 你覺得web前端項目的難點有哪些

項目開發難點:
1. Web架構的獨特性
2. Web標准和相關技術的紛繁復雜和飛速發展
3. 瀏覽器兼容性
4. 交叉領域和多重目標
5. 組織架構和開發流程

E. 前端開發過程中遇到過什麼困難

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

F. 前端開發的難點到底在什麼地方

前端開發的難點在掌握HTML。

掌握HTML是前端開發的核心,HTML是一種製作萬維網頁面的標准語言,是萬維網瀏覽器使用的一種語言,它消除了不同計算機之間信息交流的障礙。

因此,它是網路上應用最為廣泛的語言,也是構成網頁文檔的主要語言,學好HTML是成為Web開發人員的基本條件。

常見前端開發工程師職位職責要求:

1、使用Div+css並結合Javascript負責產品的前端開發和頁面製作。

2、熟悉W3C標准和各主流瀏覽器在前端開發中的差異,能熟練運用DIV+CSS,提供針對不同瀏覽器的前端頁面解決方案。移動HTML5的性能和其他優化,為用戶呈現最好的界面交互體驗和最好的性能。

3、負責相關產品的需求以及前端程序的實現,提供合理的前端架構。改進和優化開發工具、開發流程、和開發框架。

4、與產品、後台開發人員保持良好溝通,能快速理解、消化各方需求,並落實為具體的開發工作,能獨立完成功能頁面的設計與代碼編寫,配合產品團隊完成功能頁面的需求調研和分析。

G. Web前端工程師應該知道的JavaScript的10個難點!

今天小編要跟大家分享的文章是關於Web前端工程師應該知道的JavaScript的10個難點。相信很多正在學習Web前端知識的小夥伴對於JavaScript存在很多疑問,為了幫助大家更好的學習Web前端知識,成為一名優秀的web前端工程師,今天小編為大家分享了這篇Web前端應該知道的JavaScript難點的問題,下面我們一起看一看吧!

1、立即執行函數


立即執行函數,即
(IIFE),正如它的名字,就是創建函數的同時立即執行。它沒有綁定任何事件,也無需等待任何非同步操作:

1.(function(){

2.

3.//代碼

4.

5.//...

6.

7.})();

function(){}是一個匿名函數,包圍它的一對括弧將其轉換為一個表達式,緊跟其後的一對括弧調用了這個函數。立即執行函數也可以理解為立即調用一個匿名函數。立即執行函數最常見的應用場景就是:將var變數的作用域限制於你們函數內,這樣可以避免命名沖突。


2、閉包


對於閉包(closure),當外部函數返回之後,內部函數依然可以訪問外部函數的變數。

1.(function(){

2.

3.//代碼

4.

5.//...

6.

7.})();

代碼中,外部函數f1隻執行了一次,變數N設為0,並將內部函數f2賦值給了變數result。由於外部函數f1已經執行完畢,其內部變數N應該在內存中被清除,然而事實並不是這樣:我們每次調用result的時候,發現變數N一直在內存中,並且在累加。為什麼呢?這就是閉包的神奇之處了!


3、使用閉包定義私有變數


通常,JavaScript開發者使用下劃線作為私有變數的前綴。但是實際上,這些變數依然可以被訪問和修改,並非真正的私有變數。這時,使用閉包可以定義真正的私有變數:1.functionProct(){

2.

3.varname;

4.

5.this.setName=function(value){

6.name=value;

7.};

8.

9.this.getName=function(){

10.returnname;

11.};

12.}

13.

14.varp=newProct();

15.p.setName("Fundebug");

16.

17.console.log(p.name);//輸出undefined

18.console.log(p.getName());//輸出Fundebug

代碼中,對象p的的name屬性為私有屬性,使用p.name不能直接訪問。


4、prototype


每個JavaScript構造函數都有一個prototype屬性,用於設置所有實例對象需要共享的屬性和方法。prototype屬性不能列舉。JavaScript僅支持通過prototype屬性進行繼承屬性和方法。1.functionRectangle(x,y)

2.{

3.this._length=x;

4.this._breadth=y;

5.}

6.

7.Rectangle.prototype.getDimensions=function()

8.{

9.return{

10.length:this._length,

11.breadth:this._breadth

12.};

13.};

14.

15.varx=newRectangle(3,4);

16.vary=newRectangle(4,3);

17.

18.console.log(x.getDimensions());//{length:3,breadth:4}

19.console.log(y.getDimensions());//{length:4,breadth:3}

代碼中,x和y都是構造函數Rectangle創建的對象實例,它們通過prototype繼承了getDimensions方法。


5、模塊化


JavaScript並非模塊化編程語言,至少ES6落地之前都不是。然而對於一個復雜的Web應用,模塊化編程是一個最基本的要求。這時,可以使用立即執行函數來實現模塊化,正如很多JS庫比如jQuery以及我們Fundebug都是這樣實現的。1.varmole=(function(){

2.varN=5;

3.

4.functionprint(x){

5.console.log("Theresultis:"+x);

6.}

7.

8.functionadd(a){

9.varx=a+N;

10.print(x);

11.}

12.

13.return{

14.description:"Thisisdescription",

15.add:add

16.};

17.})();

18.

19.

20.console.log(mole.description);//輸出"thisisdescription"

21.

22.mole.add(5);//輸出「Theresultis:10」

所謂模塊化,就是根據需要控制模塊內屬性與方法的可訪問性,即私有或者公開。在代碼中,mole為一個獨立的模塊,N為其私有屬性,print為其私有方法,decription為其公有屬性,add為其共有方法。


6、變數提升


JavaScript會將所有變數和函數聲明移動到它的作用域的最前面,這就是所謂的變數提升(Hoisting)。也就是說,無論你在什麼地方聲明變數和函數,解釋器都會將它們移動到作用域的最前面。因此我們可以先使用變數和函數,而後聲明它們。但是,僅僅是變數聲明被提升了,而變數賦值不會被提升。如果你不明白這一點,有時則會出錯:1.console.log(y);//輸出undefined

2.

3.y=2;//初始化y

上面的代碼等價於下面的代碼:1.vary;//聲明y

2.

3.console.log(y);//輸出undefined

4.

5.y=2;//初始化y

為了避免BUG,開發者應該在每個作用域開始時聲明變數和函數。


7、柯里化


柯里化,即Currying,可以是函數變得更加靈活。我們可以一次性傳入多個參數調用它;也可以只傳入一部分參數來調用它,讓它返回一個函數去處理剩下的參數。1.varadd=function(x){

2.returnfunction(y){

3.returnx+y;

4.};

5.};

6.

7.console.log(add(1)(1));//輸出2

8.

9.varadd1=add(1);

10.console.log(add1(1));//輸出2

11.

12.varadd10=add(10);

13.console.log(add10(1));//輸出11

代碼中,我們可以一次性傳入2個1作為參數add(1)(1),也可以傳入1個參數之後獲取add1與add10函數,這樣使用起來非常靈活。


8、apply,call與bind方法


JavaScript開發者有必要理解apply、call與bind方法的不同點。它們的共同點是第一個參數都是this,即函數運行時依賴的上下文。


三者之中,call方法是最簡單的,它等價於指定this值調用函數:1.varuser={

2.name:"RahulMhatre",

3.whatIsYourName:function(){

4.console.log(this.name);

5.}

6.};

7.

8.user.whatIsYourName();//輸出"RahulMhatre",

9.

10.varuser2={

11.name:"NehaSampat"

12.};

13.

14.user.whatIsYourName.call(user2);//輸出"NehaSampat"

·apply方法與call方法類似。兩者唯一的不同點在於,apply方法使用數組指定參數,而call方法每個參數單獨需要指定:


·apply(thisArg,[argsArray])1.varuser={

2.greet:"Hello!",

3.greetUser:function(userName){

4.console.log(this.greet+""+userName);

5.}

6.};

7.

8.vargreet1={

9.greet:"Hola"

10.};

11.

12.user.greetUser.call(greet1,"Rahul");//輸出"HolaRahul"

13.user.greetUser.apply(greet1,["Rahul"]);//輸出"HolaRahul"

使用bind方法,可以為函數綁定this值,然後作為一個新的函數返回:1.varuser={

2.greet:"Hello!",

3.greetUser:function(userName){

4.console.log(this.greet+""+userName);

5.}

6.};

7.

8.vargreetHola=user.greetUser.bind({greet:"Hola"});

9.vargreetBonjour=user.greetUser.bind({greet:"Bonjour"});

10.

11.greetHola("Rahul")//輸出"HolaRahul"

12.greetBonjour("Rahul")//輸出"BonjourRahul"

9、memoization


Memoization用於優化比較耗時的計算,通過將計算結果緩存到內存中,這樣對於同樣的輸入值,下次只需要中內存中讀取結果。

1.functionmemoizeFunction(func)

2.{

3.varcache={};

4.returnfunction()

5.{

6.varkey=arguments[0];

7.if(cache[key])

8.{

9.returncache[key];

10.}

11.else

12.{

13.varval=func.apply(this,arguments);

14.cache[key]=val;

15.returnval;

16.}

17.};

18.}

19.

20.

21.varfibonacci=memoizeFunction(function(n)

22.{

23.return(n===0||n===1)?n:fibonacci(n-1)+fibonacci(n-2);

24.});

25.

26.console.log(fibonacci(100));//輸出354224848179262000000

27.console.log(fibonacci(100));//輸出354224848179262000000

代碼中,第2次計算fibonacci(100)則只需要在內存中直接讀取結果。


10、函數重載


所謂函數重載(method
overloading),就是函數名稱一樣,但是輸入輸出不一樣。或者說,允許某個函數有各種不同輸入,根據不同的輸入,返回不同的結果。憑直覺,函數重載可以通過if...else或者switch實現,這就不去管它了。jQuery之父John
Resig提出了一個非常巧(bian)妙(tai)的方法,利用了閉包。


從效果上來說,people對象的find方法允許3種不同的輸入:
0個參數時,返回所有人名;1個參數時,根據firstName查找人名並返回;2個參數時,根據完整的名稱查找人名並返回。


難點在於,people.find只能綁定一個函數,那它為何可以處理3種不同的輸入呢?它不可能同時綁定3個函數find0,find1與find2啊!這里的關鍵在於old屬性。


由addMethod函數的調用順序可知,people.find最終綁定的是find2函數。然而,在綁定find2時,old為find1;同理,綁定find1時,old為find0。3個函數find0,find1與find2就這樣通過閉包鏈接起來了。


根據addMethod的邏輯,當f.length與arguments.length不匹配時,就會去調用old,直到匹配為止。

1.functionaddMethod(object,name,f)

2.{

3.varold=object[name];

4.object[name]=function()

5.{

6.//f.length為函數定義時的參數個數

7.//arguments.length為函數調用時的參數個數

8.if(f.length===arguments.length)

9.{

10.returnf.apply(this,arguments);

11.}

12.elseif(typeofold==="function")

13.{

14.returnold.apply(this,arguments);

15.}

16.};

17.}

18.

19.

20.//不傳參數時,返回所有name

21.functionfind0()

22.{

23.returnthis.names;

24.}

25.

26.

27.//傳一個參數時,返回firstName匹配的name

28.functionfind1(firstName)

29.{

30.varresult=[];

31.for(vari=0;i
32.{

33.if(this.names[i].indexOf(firstName)===0)

34.{

35.result.push(this.names[i]);

36.}

37.}

38.returnresult;

39.}

40.

41.

42.//傳兩個參數時,返回firstName和lastName都匹配的name

43.functionfind2(firstName,lastName)

44.{

45.varresult=[];

46.for(vari=0;i
47.{

48.if(this.names[i]===(firstName+""+lastName))

49.{

50.result.push(this.names[i]);

51.}

52.}

53.returnresult;

54.}

55.

56.

57.varpeople={

58.names:["DeanEdwards","AlexRussell","DeanTom"]

59.};

60.

61.

62.addMethod(people,"find",find0);

63.addMethod(people,"find",find1);

64.addMethod(people,"find",find2);

65.

66.

67.console.log(people.find());//輸出["DeanEdwards","AlexRussell","DeanTom"]

68.console.log(people.find("Dean"));//輸出["DeanEdwards","DeanTom"]

69.console.log(people.find("Dean","Edwards"));//輸出["DeanEdwards"]

以上就是小編今天為大家分享的關於Web前端工程師應該知道的JavaScript的10個難點。希望本篇文章能夠對正在從事Web前端學習的小夥伴們有所幫助。想要了解更多web前端相關知識記得關注北大青鳥Web培訓官網最後祝願小夥伴們工作順利!


原文鏈接:#/a/1190000010371988


H. WEB前端與後端的難點想學不太懂呃。。

在我們實際的開發過程中,我們當前這樣定位前端、後端開發人員。
1)前端開發人員:精通JS,能熟練應用JQuery,懂CSS,能熟練運用這些知識,進行交互效果的開發。
2)後端開發人員:會寫Java代碼,會寫sql語句,能做簡單的資料庫設計,會Spring和iBatis,懂一些設計模式等。
現在來看,我們對前後端的要求還是蠻低的,尤其是後端,新員工經過培訓之後都是可以參與到後端開發的,沒有太高的技術門檻,唯一需要做的就是先變成熟練工種,這個階段沒有涉及到設計模式、架構、效率等一些列問題。
還是先google一下,看看網上對Web前端開發、Web後端開發分別是什麼?
Web前端: 顧名思義是來做Web的前端的。我們這里所說的前端泛指Web前端,也就是在Web應用中用戶可以看得見碰得著的東西。包括Web頁面的結構、Web的外觀視覺表現以及Web層面的交互實現。
Web後端:後端更多的是與資料庫進行交互以處理相應的業務邏輯。需要考慮的是如何實現功能、數據的存取、平台的穩定性與性能等。
我們再來看看大公司對前後端人員招聘的要求,通過這個角度看看前端、後端的技術要求:
Web前端:
1)精通HTML,能夠書寫語義合理,結構清晰,易維護的HTML結構。
2)精通CSS,能夠還原視覺設計,並兼容業界承認的主流瀏覽器。
3)熟悉JavaScript,了解ECMAScript基礎內容,掌握1~2種js框架,如JQuery
4)對常見的瀏覽器兼容問題有清晰的理解,並有可靠的解決方案。
5)對性能有一定的要求,了解yahoo的性能優化建議,並可以在項目中有效實施。
6)......
Web後端:
1)精通jsp,servlet,java bean,JMS,EJB,Jdbc,Flex開發,或者對相關的工具、類庫以及框架非常熟悉,如Velocity,Spring,Hibernate,iBatis,OSGI等,對Web開發的模式有較深的理解
2)練使用oracle、sqlserver、mysql等常用的資料庫系統,對資料庫有較強的設計能力
3)熟悉maven項目配置管理工具,熟悉tomcat、jboss等應用伺服器,同時對在高並發處理情況下的負載調優有相關經驗者優先考慮
4)精通面向對象分析和設計技術,包括設計模式、UML建模等
5)熟悉網路編程,具有設計和開發對外API介面經驗和能力,同時具備跨平台的API規范設計以及API高效調用設計能力
6)......

I. Web前端開發的難點和重要性有哪些

第一,平台、瀏覽器生態復雜,要考慮的場景太多,不同平台上實現同一界面功能的重復勞動嚴重,這個難點在於如何消除前端開發的重復勞動。
第二,當需求發生變化的時候,最先往往就是前端,而很多需求變化和後端無關,單純就是前端的改變。這些需求改變有的是不合理的,但是,客觀來說,也有不少是有必要的需求改變,用戶的喜好會變化,用戶的喜好我們也要反復揣摩,也就是要適應需求變化,所以,難點就成了如何讓前端開發適應快速變化的需求。
第三,前端的學習曲線其實挺陡,很多後端開發者以為前端只是玩一玩HTML,到了自己上手的時候發現其實要學很多。