十年網(wǎng)站開(kāi)發(fā)經(jīng)驗(yàn) + 多家企業(yè)客戶(hù) + 靠譜的建站團(tuán)隊(duì)
量身定制 + 運(yùn)營(yíng)維護(hù)+專(zhuān)業(yè)推廣+無(wú)憂(yōu)售后,網(wǎng)站問(wèn)題一站解決
原文鏈接:
成都創(chuàng)新互聯(lián)是一家專(zhuān)注于網(wǎng)站制作、成都網(wǎng)站制作與策劃設(shè)計(jì),翼城網(wǎng)站建設(shè)哪家好?成都創(chuàng)新互聯(lián)做網(wǎng)站,專(zhuān)注于網(wǎng)站建設(shè)10年,網(wǎng)設(shè)計(jì)領(lǐng)域的專(zhuān)業(yè)建站公司;建站業(yè)務(wù)涵蓋:翼城等地區(qū)。翼城做網(wǎng)站價(jià)格咨詢(xún):18980820575
緣起
上周,有天早上,一個(gè)朋友打電話找我求助,說(shuō)要去客戶(hù)公司那里講產(chǎn)品方案,客戶(hù)說(shuō)想先看看他們公司網(wǎng)站,但是之前出于各種原因吧,他們一直沒(méi)有把公司網(wǎng)站做出來(lái),客戶(hù)說(shuō)你們?cè)趺催B個(gè)網(wǎng)站都沒(méi)有,沒(méi)有網(wǎng)站那就不要來(lái)了。。。這下就有點(diǎn)尷尬了,沒(méi)辦法,誰(shuí)讓客戶(hù)是爸爸呢?
朋友發(fā)了一個(gè)他們行業(yè)里競(jìng)爭(zhēng)對(duì)手的網(wǎng)站,說(shuō)就弄成這樣的得多久?我打開(kāi)一看,嗨,這不就是一個(gè)典型的WordPress建的公司網(wǎng)站嗎,簡(jiǎn)直太簡(jiǎn)單了。正好他要展示給客戶(hù)的產(chǎn)品內(nèi)容也非常簡(jiǎn)單,基本上就一頁(yè)就可以完事,用WordPress來(lái)做非常適合。
我說(shuō),你把產(chǎn)品內(nèi)容什么的準(zhǔn)備好,這種網(wǎng)站就是分分鐘的事。他大喜。指派了公司里的一個(gè)做運(yùn)營(yíng)的妹子做內(nèi)容對(duì)接。
于是我們就約了個(gè)時(shí)間聚在一個(gè)小咖啡館,先讓妹子理了理產(chǎn)品內(nèi)容和素材,包括文字、圖片、視頻什么的。然后花了點(diǎn)時(shí)間給她講解了一些WordPress的基本概念和用法,再裝上一個(gè)建站神器–強(qiáng)大到無(wú)以復(fù)加的 Elementor ,The World’s Leading WordPress Page Builder,大部分時(shí)間我就是在旁邊指指點(diǎn)點(diǎn),她哪里不會(huì)我就告訴她點(diǎn)哪里,基本上完全是她自己拖拖拽拽搭積木一樣就弄出來(lái)了。這妹子是一個(gè)絕對(duì)百分之百的技術(shù)小白,人生中第一次做出來(lái)的公司官網(wǎng)還挺像模像樣的,也足可見(jiàn)WordPress和 Elementor 的強(qiáng)大之處啊。下面就是妹子最終上線的作品截圖:
雖然是一個(gè)很簡(jiǎn)單的單頁(yè)面,也沒(méi)有什么跳轉(zhuǎn)頁(yè)面,是不是總體感覺(jué)還不錯(cuò)的?有些地方還略微有點(diǎn)瑕疵,但是瑕不掩瑜,可以打個(gè)80-90分了!
也可以看看她做的幾版的變化過(guò)程,開(kāi)始的時(shí)候還有點(diǎn)亂七八糟,后面就一點(diǎn)點(diǎn)越來(lái)越成形了:
Previous
Next
妹子之前從來(lái)沒(méi)有接觸過(guò)建站相關(guān)之類(lèi)的東西,做出來(lái)這個(gè)之后非常開(kāi)心,挺有成就感的。而且在手機(jī)上打開(kāi)自動(dòng)就是響應(yīng)式的布局,點(diǎn)擊鏈接就能自動(dòng)滑動(dòng)到相關(guān)部分,她覺(jué)得好神奇
,朋友看了也覺(jué)得挺滿(mǎn)意,就直接發(fā)給客戶(hù)看了,客戶(hù)爸爸也覺(jué)得挺好。大家好才是真的好!總體上這個(gè)簡(jiǎn)單的小站的建站過(guò)程非??焖伲浅S淇?,都很滿(mǎn)意,四贏局面,完美!下面就把這次簡(jiǎn)單的建站過(guò)程介紹一下,有需要的朋友也可以借鑒參考一下
第一步 買(mǎi)域名
朋友之前連域名都沒(méi)有買(mǎi),所以第一步就是買(mǎi)域名。域名這個(gè)沒(méi)得說(shuō),只要他覺(jué)得合適就行。做公司官網(wǎng)肯定還是首選.com, 不要選些什么奇奇怪怪的頂級(jí)域名。
他自己選好了一個(gè)域名,讓妹子直接在阿里云上買(mǎi)了,估計(jì)她以前連域名是啥都不知道吧,但第一次買(mǎi)域名還挺溜的,咔咔就支付寶付款完了,這手速估計(jì)也是平時(shí)剁手練出來(lái)的。。。和淘寶購(gòu)物沒(méi)啥區(qū)別。也挺便宜,一年55塊,第二年續(xù)費(fèi)69。但他們買(mǎi)的速度太快了也為后面造成了一些不小的坑,還沒(méi)有來(lái)得及提醒不要在國(guó)內(nèi)的域名注冊(cè)上購(gòu)買(mǎi),就已經(jīng)買(mǎi)好了。如果事先知道朋友要在阿里云買(mǎi)域名,我肯定得攔著他一下。
阿里云購(gòu)買(mǎi)域名最操蛋的還是要屬實(shí)名認(rèn)證這個(gè)鬼東西了,如果沒(méi)有實(shí)名認(rèn)證過(guò)的域名會(huì)一直是下圖這個(gè)鳥(niǎo)樣子,“ 運(yùn)行異常 ”,而且會(huì)在注冊(cè)局層面顯示 serverHold 不可用。
域名的運(yùn)行異常提示
沒(méi)有實(shí)名認(rèn)證過(guò)的域名不能解析
因?yàn)槲覜](méi)有在國(guó)內(nèi)域名商買(mǎi)過(guò),不知道還有這個(gè)坑,他們買(mǎi)好之后我各種修改DNS服務(wù)器就是死活都不生效,折騰了好久不知道什么原因,搞到我都開(kāi)始懷疑人生。后來(lái)才發(fā)現(xiàn)原來(lái)是因?yàn)闆](méi)有實(shí)名認(rèn)證,真是踏
簡(jiǎn)直了,所以趕緊讓妹子去認(rèn)證了一下。真是無(wú)FUCK說(shuō),誰(shuí)讓現(xiàn)在買(mǎi)個(gè)菜刀都得出示身份證呢?更別說(shuō)你域名了。這就好比你光出示身份證還不行,那只是你有買(mǎi)菜刀的資格,你還得實(shí)名認(rèn)證完了才能開(kāi)刃。。。。我認(rèn)證你妹啊認(rèn)證
域名認(rèn)證過(guò)程中還有個(gè)小插曲,我說(shuō)妹子你去認(rèn)證一下吧,她說(shuō)好的,然后麻利高效的嗖嗖嗖就認(rèn)證好了,我一看,得,這還不是域名的實(shí)名認(rèn)證,只是阿里云帳號(hào)的實(shí)名認(rèn)證,哦,進(jìn)了你的大賣(mài)場(chǎng)要實(shí)名買(mǎi)票,進(jìn)去了買(mǎi)個(gè)菜刀還得實(shí)名認(rèn)證再來(lái)一次,真是太棒了!后來(lái)妹子機(jī)智地用老板的身份證信息把域名給實(shí)名認(rèn)證了,總算是可以修改DNS了
域名是個(gè)大生意,國(guó)內(nèi)國(guó)外的大大小小的域名購(gòu)買(mǎi)商太多了,多如牛毛,各家隱形的坑也不少。因?yàn)槌鲇趯?duì)國(guó)內(nèi)域名商的不信任,我從來(lái)沒(méi)有在國(guó)內(nèi)買(mǎi)過(guò)。之前在國(guó)外的Godday、name.com什么的買(mǎi)過(guò)好幾個(gè),購(gòu)買(mǎi)流程和體驗(yàn)還算比較ok,但也都是一時(shí)興起沒(méi)怎么用起來(lái),注冊(cè)完自己都忘了。。。過(guò)了一年之后沒(méi)續(xù)費(fèi)就自動(dòng)取消了。我現(xiàn)在這個(gè)丘壑博客的域名 bestscreenshot.com 原來(lái)是在name.com上買(mǎi)的,后來(lái)轉(zhuǎn)出到了 wealthyaffiliate.com 上,到現(xiàn)在總體用起來(lái)感覺(jué)還挺不錯(cuò)的,很方便很穩(wěn)定。下圖就是各家的對(duì)比,基本上我在這幾家都買(mǎi)過(guò)域名,推薦 wealthyaffiliate.com
wealthyaffiliate.com 和其他國(guó)外域名商的對(duì)比
為什么推薦在 wealthyaffiliate.com 購(gòu)買(mǎi)域名?
購(gòu)買(mǎi)流程方便快捷
每年續(xù)費(fèi)價(jià)格固定,沒(méi)有潛在費(fèi)用
256位加密強(qiáng)度的SSL證書(shū)(免費(fèi))
域名隱私保護(hù) Domain Privacy (免費(fèi))
無(wú)需實(shí)名認(rèn)證 Private Registration(免費(fèi))
無(wú)限域名郵箱賬戶(hù)(免費(fèi))
穩(wěn)定的高級(jí)DNS解析服務(wù)(免費(fèi))
自由轉(zhuǎn)入轉(zhuǎn)出
對(duì)比可以發(fā)現(xiàn),在 wealthyaffiliate.com 上注冊(cè)域名有許多免費(fèi)的增值服務(wù),比其他域名注冊(cè)商要良心不少。具體的域名注冊(cè)購(gòu)買(mǎi)步驟限于篇幅內(nèi)容就暫時(shí)不介紹了,都是很簡(jiǎn)單的一步步下來(lái),也沒(méi)有什么坑,最后直接PayPal或者信用卡付款就ok了,我已經(jīng)在這里買(mǎi)了3個(gè)域名了。再次推薦。
第二步 托管服務(wù)
折騰了幾個(gè)小時(shí)終于把域名搞定了。接下來(lái)就是要解決托管服務(wù)的選型了。上文已經(jīng)說(shuō)過(guò),網(wǎng)站的程序方案已經(jīng)確定無(wú)疑是WordPress了,所以基于WordPress來(lái)選擇托管服務(wù)也有幾個(gè)選擇:
云主機(jī)自主方案
WordPress是PHP開(kāi)發(fā)的,對(duì)主機(jī)性能要求并不高,所以買(mǎi)一臺(tái)最低配的獨(dú)立云主機(jī)或者VPS都可以跑起來(lái)。現(xiàn)在云計(jì)算這么普及,各家云計(jì)算服務(wù)商的控制臺(tái)上買(mǎi)主機(jī)、裝系統(tǒng)、加帶寬的各種操作也都方便的很了。然后按部就班部署一套標(biāo)準(zhǔn)的LAMP環(huán)境或LNMP環(huán)境(Linux + Apache/Nginx + MySql + PHP),當(dāng)然了,云主機(jī)的系統(tǒng)選Windows也是ok的,因?yàn)槲沂莻€(gè)碼農(nóng),個(gè)人來(lái)說(shuō)是比較傾向于Linux。關(guān)于這些技術(shù)內(nèi)容,延伸出來(lái)每一part都可以展開(kāi)一本書(shū)的內(nèi)容,網(wǎng)絡(luò)上也有各種的教程和科普,這里暫時(shí)也就不細(xì)說(shuō)了,以后有機(jī)會(huì)再慢慢一點(diǎn)點(diǎn)介紹。
買(mǎi)好主機(jī),弄好環(huán)境部署,最后再把WordPress程序安裝好就可以搞定了。WordPress的配置安裝還是挺簡(jiǎn)單。
這種云主機(jī)的方案優(yōu)點(diǎn)是自主性很強(qiáng),性能和專(zhuān)業(yè)性有保證,可以比喻成給你一堆圖紙、水泥、鋼筋和沙子,后面就全部要自己了;缺點(diǎn)也是自主性太強(qiáng),對(duì)小白不友好,尤其是對(duì)于朋友這種類(lèi)型的中小企業(yè)來(lái)說(shuō),主要任務(wù)是要專(zhuān)注于產(chǎn)品研發(fā)和開(kāi)發(fā)新客戶(hù),不會(huì)有什么專(zhuān)門(mén)人去管理服務(wù)器,沒(méi)有必要也養(yǎng)不起這樣的專(zhuān)職運(yùn)維人員。所以說(shuō)這不是一個(gè)技術(shù)問(wèn)題,而是一個(gè)成本問(wèn)題。
再一個(gè)非技術(shù)原因就是:備案!這個(gè)備案是管局強(qiáng)制性的,只要使用境內(nèi)服務(wù)器做域名解析就必須備案!個(gè)中細(xì)節(jié)就不說(shuō)了,反正備個(gè)案能把人搞死。而且備案是需要時(shí)間的,長(zhǎng)則10天半個(gè)月,短則4 、5天。而本次的需求是他恨不能第二天網(wǎng)站就能上線發(fā)給客戶(hù)爸爸看看,所以用國(guó)內(nèi)主機(jī)肯定是來(lái)不及的,要么用國(guó)外主機(jī),而且基于上面的人員成本、維護(hù)成本等原因,云主機(jī)方案已經(jīng)被排除了…
So, Plan B is here:
WordPress托管服務(wù)
如果說(shuō)上面的方案可以說(shuō)是只有圖紙、水泥、鋼筋和沙子的話(連毛坯房都不算),那么這種第三方托管方案簡(jiǎn)直就可以說(shuō)是拎包入住的精裝房了。
WordPress對(duì)主機(jī)提供商來(lái)說(shuō)是一塊競(jìng)爭(zhēng)很大的市場(chǎng)。雖然有很多家大型主機(jī)商(如GoDaddy、bluehost等等)提供WordPress主機(jī),但是專(zhuān)業(yè)化的提供商通過(guò)專(zhuān)注WordPress客戶(hù)的需求而保持競(jìng)爭(zhēng)力,包括安全保障和定期升級(jí),專(zhuān)業(yè)級(jí)別的插件和服務(wù)等等,國(guó)外這種公司挺多的,比如 Pagely 、 WP Engine ?( 收購(gòu)了WordPress主題框架Genesis)、? WPMUDEV 、 WordPress.com (墻了) 等等不一而足,國(guó)內(nèi)也有幾家。部分服務(wù)商的價(jià)格對(duì)比如下:
CompanyPrice
SiteGround $5.95/mo
GoDaddy $12.99/mo
Kinsta $30/mo
Flywheel $28/mo
WPEngine $35/mo
Pagely $299/mo
Presslabs $599/mo + $0.10/1,000 pageviews
LiquidWeb $99/mo
很明顯,使用WordPress托管服務(wù)的優(yōu)點(diǎn)—-方便快捷,幾乎不要求技術(shù)基礎(chǔ)就可以快速弄出一個(gè)WordPress站點(diǎn),快的話幾乎 30秒 就可以弄一個(gè)出來(lái)了,而且無(wú)需備案;缺點(diǎn)來(lái)說(shuō),國(guó)內(nèi)打開(kāi)的速度和性能可能并不能盡如人意,全英語(yǔ)界面對(duì)一些人可能也是個(gè)不小的障礙。
目前我自己的 丘壑博客 用的這家服務(wù)商是 SiteRubix ,是一家隸屬于加拿大 Wealthy Affiliate? 旗下的專(zhuān)業(yè)WordPress托管服務(wù)商。 Wealthy Affiliate 是一家非常成功的優(yōu)質(zhì)內(nèi)容營(yíng)銷(xiāo)教育平臺(tái)和社交網(wǎng)絡(luò),它的affiliate marketing培訓(xùn)課程極為出色,國(guó)內(nèi)可能名氣沒(méi)有那么大(基本上全是英語(yǔ)內(nèi)容),但在國(guó)外受眾和會(huì)員非常多,社區(qū)非?;钴S,氛圍很好,高人也挺多的。 Wealthy Affiliate 的聯(lián)盟計(jì)劃也改變了不少人的生活軌跡和命運(yùn),普通人的成功故事也挺多,很多人靠著WA過(guò)上了非常愜意的生活。以后有機(jī)會(huì)可以詳細(xì)介紹一下,目前來(lái)說(shuō)和本篇內(nèi)容沒(méi)有太大關(guān)系,題外話。去年偶然的時(shí)候接觸到了 Wealthy Affiliate ,很快就被它上面的優(yōu)質(zhì)課程和社區(qū)所吸引,購(gòu)買(mǎi)了一年的 高級(jí)付費(fèi)會(huì)員 。下面簡(jiǎn)單介紹一下SiteRubix的優(yōu)缺點(diǎn):
SiteRubix 優(yōu)點(diǎn):
全能的WordPress托管平臺(tái)
付費(fèi)會(huì)員可以建立多達(dá)50個(gè)站點(diǎn)(25個(gè)頂級(jí)域名的,25個(gè)二級(jí)域名的)
創(chuàng)建過(guò)程簡(jiǎn)單便捷,4步建站.
關(guān)于內(nèi)容建設(shè)方面的高質(zhì)量課程源源不斷
與Wealthy Affiliate的培訓(xùn)課程和管理后臺(tái)深度集成
自帶安全掃描、每日備份、Spam攔截
30GB存儲(chǔ)、帶寬支持每月50萬(wàn)用戶(hù)訪問(wèn)
緩存和壓縮技術(shù)可以極速優(yōu)化WordPress打開(kāi)速度
SEO和內(nèi)容優(yōu)化建議,二級(jí)域名的免費(fèi)站點(diǎn)在Google的收錄也挺快
一鍵遷移技術(shù)可以快速?gòu)亩?jí)域名切換到自有域名
技術(shù)支持快速響應(yīng)
主題模板豐富
SiteRubix 缺點(diǎn):
免費(fèi)版只支持2個(gè)站點(diǎn),只有12個(gè)模板可選
如果不需要內(nèi)容建設(shè)等方便的在線培訓(xùn)課程,價(jià)格會(huì)顯略貴
基于美國(guó)AWS云計(jì)算平臺(tái),國(guó)內(nèi)速度會(huì)略遜一籌
相比于其他單純的WordPress托管服務(wù)商, SiteRubix 在基礎(chǔ)功能上一點(diǎn)也不遜色,某些功能甚至更專(zhuān)業(yè),能很好的滿(mǎn)足一個(gè)WordPress站點(diǎn)各方面的需求, SiteRubix 突出優(yōu)勢(shì)和附加價(jià)值在于與Wealthy Affiliate中各種內(nèi)容建設(shè)課程的深度集成,這對(duì)于一些并不需要多么高深復(fù)雜的技術(shù)方案的網(wǎng)絡(luò)營(yíng)銷(xiāo)者、利基市場(chǎng)挖掘者、博客作者或者其他有目標(biāo)受眾的內(nèi)容建設(shè)者來(lái)說(shuō),不失為一個(gè)很好的選擇。就我個(gè)人來(lái)說(shuō),這幾個(gè)月用下來(lái),除了國(guó)內(nèi)某些地區(qū)的速度不是很理想,其他方便沒(méi)什么可吐槽的。
回到正題,因?yàn)榕笥堰@次的需求就是快速上線一個(gè)產(chǎn)品官網(wǎng),對(duì)技術(shù)方面什么的他并沒(méi)有什么特殊要求,所以SiteRubix非常符合這個(gè)項(xiàng)目,綽綽有余。
我用自己的帳號(hào)在 SiteRubix 后臺(tái)快速給他新建了一個(gè)二級(jí)站點(diǎn)? jiekai.siterubix.com , 作為一個(gè)線上的開(kāi)發(fā)環(huán)境(也算是職業(yè)病吧,習(xí)慣于把線上環(huán)境和開(kāi)發(fā)測(cè)試環(huán)境區(qū)分開(kāi)),等妹子把產(chǎn)品內(nèi)容弄好之后,再一鍵切換到他自己的域名,見(jiàn)下圖的箭頭處:(這個(gè)截圖事后截的)
SiteRubix的一鍵move功能,方便從二級(jí)域名到頂級(jí)域名快速切換
小結(jié)
至此,域名和WordPress托管服務(wù)這些基礎(chǔ)設(shè)施建設(shè)已經(jīng)搞定了,接下來(lái)就是如何一步步使用 Elementor 快速搭建一個(gè)公司官網(wǎng)了,本想放在一篇,但考慮到這樣的話內(nèi)容會(huì)太長(zhǎng),讀起來(lái)也太累,還是拆做兩部分,未完待續(xù),敬請(qǐng)期待
經(jīng)過(guò)幾天的選型,我最終是在wordpress和typecho中選型,選擇了typecho,有以下收獲與感悟。
關(guān)于博客選型(wordpress VS typecho)
感覺(jué)typecho是一個(gè)簡(jiǎn)化版的wordpress。wordpress經(jīng)過(guò)多年的發(fā)展,目前代碼還是非常臃腫,提供加載了很多本來(lái)并不需要的東西。后來(lái)再加上一些服務(wù)被墻,導(dǎo)致其需要做很多額外的優(yōu)化和配置。
Wordpress的插件和生態(tài)相比typecho而言更加豐富更新也更快,這是typecho的劣勢(shì)。但對(duì)于初級(jí)用戶(hù)而言,其實(shí)很多特性化的插件本身并不需要。
Typecho可以傻瓜式地在apache下安裝,但是linux + nginx下需要自己修改一些代碼和配置,否則文章詳情頁(yè)面會(huì)404.即對(duì)于服務(wù)器環(huán)境typecho還是缺乏適配,這個(gè)對(duì)新手而言不夠友好。
其他感悟
對(duì)于vps的選型,淘寶上有一些便宜的香港主機(jī),比較推薦。對(duì)于搭建博客用的服務(wù)器,建議使用windows + 建站助手。因?yàn)檫@樣簡(jiǎn)單,不必修改很多配置折騰。當(dāng)然也可以選擇linode或oceanDigital,選擇低配和倒數(shù)第二配置的對(duì)于博客搭建而言,其實(shí)都?jí)蛴谩?/p>
國(guó)內(nèi)域名備案是個(gè)坑,但是也是邁不過(guò)的坎。為了長(zhǎng)遠(yuǎn)打算還是需要及時(shí)備案。
現(xiàn)在的域名中.com比較通用,top域名則比較便宜(現(xiàn)在搞活動(dòng),4元一個(gè)年,續(xù)費(fèi)16元每年),godaddy + dnspod解析的好處是免備案。
Linux看起來(lái)適合于爬蟲(chóng),掃描器,java建站等。
不懂的發(fā)郵箱
Web前端是為了協(xié)調(diào)前端設(shè)計(jì)與后端開(kāi)bai發(fā)之間工作的崗位,是最接近產(chǎn)品和設(shè)du計(jì)的工程師,起到銜接zhi產(chǎn)品和技術(shù)的作用,前端為用戶(hù)可以看到的部分負(fù)責(zé),所以也是最接近用戶(hù)的工程師。
Web前端開(kāi)發(fā)基礎(chǔ)技能:HTML、CSS、JavaScript
前dao端的開(kāi)發(fā)中,在頁(yè)面的布局時(shí), HTML將元素進(jìn)行定義,CSS對(duì)展示的元素進(jìn)行定位,再通過(guò)JavaScript實(shí)現(xiàn)相應(yīng)的效果和交互。雖然表面看起來(lái)很簡(jiǎn)單,但這里面需要掌握的東西絕對(duì)不會(huì)少。在進(jìn)行開(kāi)發(fā)前,需要對(duì)這些概念弄清楚、弄明白,這樣在開(kāi)發(fā)的過(guò)程中才會(huì)得心應(yīng)手。
Web前端開(kāi)發(fā)必知標(biāo)準(zhǔn):http標(biāo)準(zhǔn)、W3C標(biāo)準(zhǔn)、ECMAScript標(biāo)準(zhǔn)
瀏覽器要從服務(wù)端獲取網(wǎng)頁(yè),網(wǎng)頁(yè)也可能將信息再提交給服務(wù)器,這其中都有http的連接。W3C標(biāo)準(zhǔn)不是某一個(gè)標(biāo)準(zhǔn),而是一系列標(biāo)準(zhǔn)的集合。網(wǎng)頁(yè)主要由三部分組成:結(jié)構(gòu)(Structure)、表現(xiàn)(Presentation)和行為(Behavior)。JS是在ES的基礎(chǔ)上,為Web瀏覽器做了一部分封裝(增加了DOM操作、BOM操作等)。
Web前端開(kāi)發(fā)加薪技能:jQuery、Ajax、React
jQuery一定是大部分Web前端開(kāi)發(fā)者不可或缺的工具,對(duì)jQuery的學(xué)習(xí)不能停留在只使用它的API和插件上,還要會(huì)自己去寫(xiě)jQuery插件、會(huì)讀jQuery源碼、了解jQuery的設(shè)計(jì)思路。
Ajax是一種用于創(chuàng)建快速動(dòng)態(tài)網(wǎng)頁(yè)的技術(shù),通過(guò)在后臺(tái)與服務(wù)器進(jìn)行少量數(shù)據(jù)交換,Ajax可以在無(wú)需重新加載整個(gè)網(wǎng)頁(yè)的情況下,更新部分網(wǎng)頁(yè)的技術(shù)。
React主要用于構(gòu)建UI,你可以在React里傳遞多種類(lèi)型的參數(shù),如聲明代碼,幫助你渲染出UI、也可以是靜態(tài)的HTML DOM元素、也可以傳遞動(dòng)態(tài)變量、甚至是可交互的應(yīng)用組件。
除了要掌握技術(shù)層面的知識(shí),Web前端工程師還要掌握理論層面的知識(shí),包括代碼的可維護(hù)性、組件的易用性、分層語(yǔ)義模板和瀏覽器分級(jí)支持等等。