web前端面臨的挑戰(zhàn)：
創(chuàng)新互聯(lián)是專業(yè)的邯山網(wǎng)站建設(shè)公司，邯山接單;提供成都網(wǎng)站建設(shè)、成都網(wǎng)站設(shè)計(jì),網(wǎng)頁(yè)設(shè)計(jì),網(wǎng)站設(shè)計(jì),建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行邯山網(wǎng)站開(kāi)發(fā)網(wǎng)頁(yè)制作和功能擴(kuò)展;專業(yè)做搜索引擎喜愛(ài)的網(wǎng)站,專業(yè)的做網(wǎng)站團(tuán)隊(duì),希望更多企業(yè)前來(lái)合作!
1.兼容性：市場(chǎng)上瀏覽器種類(lèi)非常多，IE、Firefox、Chrome、Opera、還有眾多的IE加殼瀏覽器，類(lèi)似搜狗、傲游、360，再加上這些瀏覽器的移動(dòng)終端版本。需要有Web標(biāo)準(zhǔn)，前端的知識(shí)大部分通用于各個(gè)瀏覽器，但還是會(huì)有歷史遺留問(wèn)題，不同版本的瀏覽器有不同的問(wèn)題。
2.交互復(fù)雜度：和目前UI交互的要求比，瀏覽器引擎給我們的接口太低級(jí)了，稍復(fù)雜一點(diǎn)的UI效果，都要前端自己利用CSS和DOM去組合創(chuàng)造，前端的效果是通過(guò)CSS、DOM、JS三者配合起來(lái)呈現(xiàn)出來(lái)的，脫了任何一個(gè)技術(shù)都寸步難行，時(shí)刻要同時(shí)考慮多個(gè)方向的知識(shí)點(diǎn)。
3.代碼可維護(hù)性：復(fù)雜度的提升直接影響代碼的維護(hù)性。JS/CSS/HTML代碼生命周期越來(lái)越長(zhǎng)，也就越來(lái)越需要從代碼質(zhì)量、架構(gòu)和工具上保證他們的可維護(hù)性。
4.技術(shù)更新快：前端技術(shù)更新速度十分快，html5，css3，nodejs，commonjs，按需加載等都是近幾年出來(lái)的，我們必須與時(shí)俱進(jìn)，不斷加強(qiáng)技術(shù)水平，不斷學(xué)習(xí)，不然就會(huì)被淘汰。
5.開(kāi)發(fā)者思路：真正的前端開(kāi)發(fā)挑戰(zhàn)，還在于開(kāi)發(fā)者的思路。
想要了解更多有關(guān)web前端的相關(guān)信息，推薦咨詢千鋒教育。千鋒教育成立教研學(xué)科中心，推出貼近企業(yè)需求的線下技能培訓(xùn)課程。采用全程面授高品質(zhì)、高體驗(yàn)培養(yǎng)模式，學(xué)科大綱緊跟企業(yè)需求，擁有國(guó)內(nèi)一體化教學(xué)管理及學(xué)員服務(wù)，在職業(yè)教育發(fā)展道路上不斷探索前行。
使用漸進(jìn)增強(qiáng)，我們?cè)诳捎么a的基礎(chǔ)上構(gòu)建站點(diǎn)。JavaScript的關(guān)鍵理念需要牢記于心：即便沒(méi)有客戶端腳本，任何用戶需要用來(lái)理解頁(yè)面意圖的內(nèi)容也應(yīng)當(dāng)存在于該頁(yè)面中。這是第一課。
例如：上面討論的內(nèi)容可能是一個(gè)售出產(chǎn)品的對(duì)照表格。如果站點(diǎn)的需求指明在點(diǎn)擊列頭時(shí)，需要對(duì)數(shù)據(jù)排序，你可能會(huì)考慮通過(guò)Ajax來(lái)將數(shù)據(jù)加載到頁(yè)面中，這樣發(fā)送簡(jiǎn)短的請(qǐng)求就可以在服務(wù)器端進(jìn)行排序。看起來(lái)很美妙，不是嗎？
錯(cuò)了。
當(dāng)禁用JavaScript的潛在用戶訪問(wèn)該頁(yè)面時(shí)，會(huì)發(fā)生什么？如果內(nèi)容通過(guò)JavaScript加載到頁(yè)面，這些用戶根本訪問(wèn)不到內(nèi)容，即便在沒(méi)有排序的狀態(tài)。如果他們連產(chǎn)品都看不見(jiàn)，你認(rèn)為他們達(dá)成交易的可能性還有多大呢？
上面的場(chǎng)景還沒(méi)有考慮到搜索的影響。搜索引擎爬蟲(chóng)不會(huì)執(zhí)行JavaScript，因此如果使用JavaScript來(lái)將內(nèi)容加載到頁(yè)面，搜索引擎將永遠(yuǎn)不會(huì)讀取或索引你的內(nèi)容。如果產(chǎn)品信息不能在Google, Microsoft或Yahoo中索引和搜索到，你將喪失多少潛在客戶？
如果帶著漸進(jìn)增強(qiáng)的想法，為了完成上面同樣的需求，可以將基本的表格包含在HTML標(biāo)記中。大部分情況下依舊需要后臺(tái)程序來(lái)生成，但是需要直接嵌入在頁(yè)面中而不是通過(guò)Ajax來(lái)加載。你仍然需要編寫(xiě)腳本，在DOM中找到表格，使其具有交互性，生成排序鏈接，并在它們的onclick事件中綁定Ajax調(diào)用，最后打造出一個(gè)可排序的表格。
用這種方式完成挑戰(zhàn)，不但滿足了需求，還為搜索引擎爬蟲(chóng)和沒(méi)有JavaScript的用戶提供了一個(gè)“低保真”的體驗(yàn)。
再考慮遠(yuǎn)些，甚至還可以給表格頭部手動(dòng)添加一些排序鏈接，通過(guò)傳遞排序表格的相應(yīng)參數(shù)，讓它們能刷新頁(yè)面。這使得沒(méi)有JS的用戶也能重新對(duì)數(shù)據(jù)排序，雖然響應(yīng)速度稍微慢些，但仍然是功能齊全的“高保真”體驗(yàn)。
在腳本中加入些簡(jiǎn)單的小調(diào)整，還可以通過(guò)hijack技術(shù)讓上面的排序鏈接依舊像以前一樣執(zhí)行Ajax請(qǐng)求，將最好的體驗(yàn)帶來(lái)大部分有能力的用戶。最后，你擁有了一個(gè)漸進(jìn)增強(qiáng)實(shí)戰(zhàn)的完美例子。
到這里，已經(jīng)擁有了對(duì)JavaScript漸進(jìn)增強(qiáng)的基本理解，我們能夠討論一些可以立刻使用的技巧了。
如果只是想去小公司的工作的話，簡(jiǎn)單學(xué)習(xí) HTML + CSS + JavaScript 之后，再學(xué)些 Vue、React 的一些基礎(chǔ)知識(shí)，簡(jiǎn)單做過(guò)一些小項(xiàng)目，基本就可以找到工作了。千鋒教育有線上免費(fèi)JavaScript線上公開(kāi)課。 對(duì)于小公司而言，項(xiàng)目都不會(huì)很難，對(duì)項(xiàng)目質(zhì)量的要求也沒(méi)那么高，不出 bug 就可以了。大多數(shù)小公司對(duì)代碼也沒(méi)有很高的要求，能夠?qū)崿F(xiàn)業(yè)務(wù)就可以了。小公司比較好進(jìn)，要求也低，但是工資也會(huì)比大公司低很多，后續(xù)的發(fā)展更是差的多。在小公司里做三年和大公司做三年之后去找工作是完全不一樣的，首先是有大公司背書(shū)，要的薪資可以更高，更重要的是在大公司里做的項(xiàng)目難度大，遇到的技術(shù)挑戰(zhàn)多，技術(shù)能更精進(jìn)。如果想去大公司工作，要求會(huì)高很多。如果想了解JavaScript更多相關(guān)知識(shí)，建議到千鋒教育了解一下。千鋒教育目前在18個(gè)城市擁有22個(gè)校區(qū)，年培養(yǎng)優(yōu)質(zhì)人才20000余人，與國(guó)內(nèi)20000余家企業(yè)建立人才輸送合作關(guān)系，院校合作超600所。
第一大挑戰(zhàn)還是兼容性。雖然微軟已經(jīng)決定將ie6安樂(lè)死，ie9/10看起來(lái)相當(dāng)標(biāo)準(zhǔn)。向后兼容似乎輕松了，但向前兼容又開(kāi)始越來(lái)越讓人頭疼了。打算搞一個(gè)web app，你會(huì)發(fā)現(xiàn)android上的webkit是多么混亂。在桌面瀏覽器上總是有css hack可以擺平，但在mobile上只能考慮退化方案。從兼容瀏覽器（外加套殼的瀏覽器）到兼容設(shè)備，實(shí)際上兼容性變得更復(fù)雜了。
第二大挑戰(zhàn)是交互的復(fù)雜度。和目前UI/交互的要求相比瀏覽器引擎給我們接囗的確太低級(jí)了。于是今年前端技術(shù)的熱門(mén)話題是各種javascript, css的預(yù)處理器、各種mvc框架、和微框架的討論。
第三大挑戰(zhàn)是代碼可維護(hù)性。復(fù)雜度的提升直接影響代碼的維護(hù)性。JS/CSS/HTML代碼生命周期越來(lái)越長(zhǎng)，也就越來(lái)越需要從代碼質(zhì)量、架構(gòu)和工具上保證它們的可維護(hù)性。代碼的歷史問(wèn)題是永遠(yuǎn)的痛點(diǎn)。
重慶分公司
重慶分公司
