前端路由方法(什么是前端路由及解釋)
1.什么是前端路由及解釋
什么是前端路由 所謂的前端路由，擁有這樣一種能力：客戶(hù)端瀏覽器可以不依賴(lài)服務(wù)端，根據(jù)不同的URL渲染不同的視圖頁(yè)面。
前端路由的存在合理性 在Ajax之劍還未亮出，前端仍處于襁褓之中的時(shí)候，路由的工作交給了后端。在進(jìn)行頁(yè)面切換的時(shí)候，瀏覽器發(fā)送不同的url請(qǐng)求；服務(wù)器接收到瀏覽器的請(qǐng)求時(shí)，通過(guò)解析不同的url去拼接需要的html或者模板，然后將結(jié)果返回給瀏覽器端進(jìn)行渲染。
服務(wù)器端路由也是不落俗套的有利亦有弊。它的好處是安全性更高，更嚴(yán)格得控制頁(yè)面的展現(xiàn)。
這在某些場(chǎng)景中是很有用的，譬如下單支付流程，每一步只有在上一步成功執(zhí)行之后才能抵達(dá)。這在服務(wù)器端可以為每一步流程添加驗(yàn)證機(jī)制，只有驗(yàn)證通過(guò)才返回正確的頁(yè)面。
那么前端路由不能實(shí)現(xiàn)每一步的驗(yàn)證？自然不是，姑且相信你的代碼可以寫(xiě)的很?chē)?yán)謹(jǐn)，保證正常情況下流程不會(huì)錯(cuò)，但是另一個(gè)不得不面對(duì)的事實(shí)是：前端是毫無(wú)安全性可言的。用戶(hù)可以肆意修改代碼來(lái)進(jìn)入不同的流程，你可能會(huì)為此添加不少的處理邏輯。
相較之下，當(dāng)然是后端控制頁(yè)面的進(jìn)入權(quán)限更為安全和簡(jiǎn)便。另一方面，后端路由無(wú)疑增加了服務(wù)器端的負(fù)荷，并且需要reload頁(yè)面，用戶(hù)體驗(yàn)其實(shí)不佳。
這樣，前端路由就有用武之地了。首先，它的出現(xiàn)無(wú)疑減輕了服務(wù)器端的壓力。
特別是對(duì)于一個(gè)比較復(fù)雜的應(yīng)用來(lái)講，或者更確切的說(shuō)，對(duì)于擁有一個(gè)復(fù)雜路由系統(tǒng)的應(yīng)用來(lái)說(shuō)，服務(wù)器端需要為每一個(gè)不同的url執(zhí)行一段處理邏輯在高并發(fā)的情況下實(shí)在有點(diǎn)不堪重負(fù)；其次，頁(yè)面的切換可以不需要刷新整個(gè)頁(yè)面了，沒(méi)有網(wǎng)絡(luò)延遲，沒(méi)有閃爍刷新，提升了用戶(hù)體驗(yàn)。前端路由實(shí)現(xiàn)方式 既然目標(biāo)實(shí)現(xiàn)，我們需要解決的問(wèn)題有哪些？我們可以將問(wèn)題拆的稍微細(xì)一點(diǎn)，先制定一個(gè)億的小計(jì)劃，實(shí)現(xiàn)之后再進(jìn)行下一步：）在頁(yè)面不刷新的前提下實(shí)現(xiàn)url變化捕捉到url的變化，以便執(zhí)行頁(yè)面替換邏輯 如何實(shí)現(xiàn)更新url并且頁(yè)面不刷新 正如前面所說(shuō)，前端路由相較于后端路由的一個(gè)特點(diǎn)就是頁(yè)面在不完全刷新的情況下進(jìn)行視圖的切換。
頁(yè)面url變了，但是并沒(méi)有重新加載！看上去似乎有點(diǎn)不可思議，其實(shí)也沒(méi)什么大不了。試想將瀏覽器地址欄當(dāng)做一個(gè)輸入框，我們需要實(shí)現(xiàn)的就是改變輸入框的value但是不觸發(fā)請(qǐng)求頁(yè)面的操作，這樣就不會(huì)重新加載新頁(yè)面。
倘若輸入框的值的變化和發(fā)送請(qǐng)求是一個(gè)原子操作，我們也就束手無(wú)策了。慶幸的是，只有當(dāng)我們敲擊了回車(chē)之后，請(qǐng)求才會(huì)被發(fā)送出去（這是顯而易見(jiàn)的吧）。
因此這就為我們修改地址欄的值而不觸發(fā)頁(yè)面請(qǐng)求刷新創(chuàng)造了條件。BOM是否有提供修改瀏覽器地址欄url而不觸發(fā)請(qǐng)求操作的方法呢？這里，存在兩種滿(mǎn)足需求的方式。
一是利用url中的hash字段；二是使用HTML5提供的history API。hash方式 了解，這也就是最早的mvc架構(gòu)模式，而前端的路由是將這一過(guò)程放在瀏覽器端，也就是前臺(tái)寫(xiě)js代碼控制，不在請(qǐng)求服務(wù)器，前臺(tái)一般利用histroy和hash來(lái)控制，達(dá)到不刷新頁(yè)面可以使顯示內(nèi)容發(fā)生變化，這樣好處是js代碼不發(fā)生變化（瀏覽器端可以維護(hù)一個(gè)穩(wěn)定的model）；一般單頁(yè)應(yīng)用就是前臺(tái)來(lái)控制路由，這樣速度更快，用戶(hù)體驗(yàn)更好。
單頁(yè)應(yīng)用還將模板拿到了瀏覽器端，從而解放了服務(wù)端，服務(wù)端趨于服務(wù)化。
3.路由器有哪些模式
現(xiàn)在的路由器根據(jù)網(wǎng)絡(luò)用戶(hù)群的不同需求，提供了很多種連接模式，只有選對(duì)了合適的模式，才能充分發(fā)揮路由器的功能。但與此同時(shí)，這種多模式的選擇，往往也讓新手用戶(hù)無(wú)所適從，在眾多專(zhuān)業(yè)名詞中，不知如何選擇何種模式為最佳。
1.
AP模式（接入點(diǎn)模式）：
該模式主要是將有線信號(hào)轉(zhuǎn)變成無(wú)線wifi信號(hào)，可以設(shè)置自己的SSID（無(wú)線網(wǎng)絡(luò)名稱(chēng)）以及無(wú)線密碼。有線信號(hào)是指的網(wǎng)線鏈接上電腦就可以上網(wǎng)的網(wǎng)線，不再需要撥號(hào)的網(wǎng)線（比如光纖入戶(hù)）。適用于酒店、賓館等場(chǎng)合。
2.
Router模式（路由模式）：
該模式通過(guò)WAN口接入Internet。功能與普通無(wú)線路由器功能相同?？梢员４鎸拵У馁~號(hào)密碼，并自動(dòng)撥號(hào)連接（比如ADSL寬帶、公司固定IP地址等網(wǎng)絡(luò)）。 多個(gè)無(wú)線終端共享一條寬帶（一個(gè)賬號(hào)或IP地址），常用在家庭、公司等環(huán)境。
3.
Repeater模式（中繼模式）：
通俗的講就是可以增強(qiáng)已有的無(wú)線網(wǎng)絡(luò)信號(hào)，擴(kuò)大其覆蓋范圍?？梢詫⒙酚善靼卜胖猎袩o(wú)線信號(hào)的邊緣地帶，將此無(wú)線信號(hào)增強(qiáng)。增強(qiáng)后的無(wú)線網(wǎng)絡(luò)的SSID（無(wú)線網(wǎng)絡(luò)名稱(chēng)）和密碼與原無(wú)線網(wǎng)絡(luò)相同。但是要注意，此信號(hào)只可以中繼一次，即只能將原信號(hào)增強(qiáng)放大，新的無(wú)線信號(hào)無(wú)法再中繼放大。比如當(dāng)前的無(wú)線信號(hào)很弱，使用該模式對(duì)無(wú)線信號(hào)進(jìn)行中繼放大，擴(kuò)大覆蓋范圍。比較適合別墅、會(huì)所、廣場(chǎng)等面積大的區(qū)域使用。
4.
Bridge模式（橋接模式）：
該模式的功能與Repeater
中繼模式類(lèi)似，同樣是將已有的無(wú)線網(wǎng)絡(luò)信號(hào)增強(qiáng)，擴(kuò)大其覆蓋范圍。區(qū)別在于新的無(wú)線信號(hào)可以自定義成新的SSID（無(wú)線網(wǎng)絡(luò)名稱(chēng)）和密碼，新網(wǎng)絡(luò)信號(hào)是獨(dú)立存在的，并且可以繼續(xù)使用Bridge
橋接模式繼續(xù)向遠(yuǎn)處無(wú)限橋接，無(wú)限增強(qiáng)。通過(guò)無(wú)線橋接的方式連接前端路由器的信號(hào)，自身發(fā)射新的無(wú)線信號(hào)。適合共享別人家的無(wú)線網(wǎng)絡(luò)。
5.
Client模式（客戶(hù)端模式）：
該模式將路由器當(dāng)成無(wú)線網(wǎng)卡使用。通過(guò)網(wǎng)線與沒(méi)有無(wú)線網(wǎng)卡的電腦連接，路由器就相當(dāng)于一個(gè)無(wú)線網(wǎng)卡，搜索連接其他無(wú)線網(wǎng)絡(luò)。將有線網(wǎng)絡(luò)、臺(tái)式電腦（沒(méi)有無(wú)線網(wǎng)卡設(shè)備）通過(guò)無(wú)線的方式接入網(wǎng)絡(luò)。有點(diǎn)大材小用，屬于應(yīng)急使用。
6.
3G模式：
插入3G上網(wǎng)卡，將3G信號(hào)轉(zhuǎn)換為WiFi，為手機(jī)、筆記本提供上網(wǎng)。
注意：僅3G Mini路由器才有3G模式，不是所有的路由器型號(hào)都有該模式。適合于在出差、旅行、戶(hù)外、辦公等環(huán)境使用。
路由器所有的連接模式選擇，一般都會(huì)在設(shè)置向?qū)е谐霈F(xiàn)，供用戶(hù)自行選擇合適的模式。
啟動(dòng)模式：?jiǎn)?dòng)Flash里含有最小化IOS啟動(dòng)程序，提示符為：router(boot)>
用戶(hù)執(zhí)行模式：成功加載啟動(dòng)了一份完整的IOS代碼，可以顯示系統(tǒng)信息、執(zhí)行基本的測(cè)試等。不能查看配置文件和使用debug命令.
特權(quán)執(zhí)行模式：完全訪問(wèn)的第二級(jí)模式。可以現(xiàn)實(shí)系統(tǒng)設(shè)置和狀態(tài)信息，可以進(jìn)入配置模式，可以運(yùn)行debug命令.
4.愛(ài)快前端有個(gè)有線路由怎么設(shè)置
愛(ài)快的設(shè)置方法
不同的上網(wǎng)環(huán)境，無(wú)線路由器設(shè)置方法不同。
如果是需要撥號(hào)的寬帶貓接無(wú)線路由器，按照下面的方法設(shè)置：
1、無(wú)線路由器插上電，先不要接貓，電腦連接無(wú)線路由器任一LAN口 ；
2、瀏覽器地址欄輸入路由器IP地址（路由器背后標(biāo)簽上有的），輸入登錄用戶(hù)名和密碼進(jìn)入設(shè)置頁(yè)面；
3、按照PPPOE(ADSL虛擬撥號(hào))方式設(shè)置，輸入上網(wǎng)賬號(hào)和密碼；
4、設(shè)置一下SSID、加密方式和 密碼；
5、保存、重啟；
6、設(shè)置好以后，把貓LAN口接出來(lái)的網(wǎng)線接在無(wú)線路由器的WAN口上。
5.前端有路由器如何連接hify
步驟1、連接線路。
由于HyFi智能無(wú)線路由器與HyFi智能無(wú)線擴(kuò)展器之間的正常注冊(cè)需要使用到智能無(wú)線路由器的DHCP服務(wù)，因此對(duì)于前端有路由器的環(huán)境中，建議使用LAN-WAN級(jí)聯(lián)。
將前端的網(wǎng)線接入HyFi智能無(wú)線路由器的WAN口，電腦通過(guò)有線連接到HyFi智能無(wú)線路由器的LAN口或者無(wú)線連接HyFi智能無(wú)線路由器的無(wú)線信號(hào)。
步驟2、設(shè)置HyFi智能無(wú)線路由器的管理IP地址。
為避免由于和前端路由設(shè)備網(wǎng)段沖突導(dǎo)致HyFi智能無(wú)線路由器無(wú)法正常連接到前段網(wǎng)絡(luò)，需要修改HyFi智能無(wú)線路由器的管理IP地址網(wǎng)段。
電腦登陸HyFi智能無(wú)線路由器的管理界面（默認(rèn)地址為http://192.168.1.1），點(diǎn)擊“網(wǎng)絡(luò)參數(shù)--LAN口設(shè)置”，修改IP地址為其他網(wǎng)段（例如192.168.2.1）后保存，設(shè)備將會(huì)重啟。
步驟3、注冊(cè)HyFi產(chǎn)品。
設(shè)置完HyFi智能無(wú)線路由器后，還需要將HyFi智能無(wú)線擴(kuò)展器進(jìn)行注冊(cè)才可以正常使用HyFi產(chǎn)品。
在設(shè)備都通電情況下，兩分鐘內(nèi)分別按一下HyFi智能無(wú)線路由器TL-H18R和HyFi智能無(wú)線擴(kuò)展器TL-H18E上的Config按鈕，待HyFi智能無(wú)線擴(kuò)展器的指示燈由閃爍變?yōu)槌Ａ習(xí)r，即完成設(shè)備的注冊(cè)。
如果有多個(gè)HyFi智能無(wú)線擴(kuò)展器，使用相同方法多次與HyFi智能無(wú)線路由器進(jìn)行注冊(cè)即可。
6.能連wifi的前端都有哪些
問(wèn)題（ 2 ） ： 手機(jī)能連上wifi，但是上不了網(wǎng)，打不開(kāi)網(wǎng)頁(yè)
解決辦法： 路由器設(shè)置中DHCP服務(wù)器的NDS沒(méi)有設(shè)置！ 填寫(xiě)自己的DNS
詳細(xì)操作： DHCP服務(wù)器設(shè)置
DHCP服務(wù)器 啟動(dòng)
地址池開(kāi)始地址： 192.168.1.100
地址池結(jié)束地址： 192.168.1.199
地址租期 任意
網(wǎng)關(guān)： 192.168.1.1
缺省域名： 不用填
主DNS服務(wù)器： 61.128.128.68 （最重要的就是這里了，必填，否則手機(jī)能連wifi但是上不了網(wǎng)）
備用DNS服務(wù)器： 61.128.192.4 （主DNS和備用DNS填自己城市的電信或網(wǎng)通的，你用的電信就填電信DNS）
問(wèn)題（ 3 ） ： 前面2個(gè)問(wèn)題的解決方法都用過(guò)了還是只能連上wifi但上不了網(wǎng).
解決辦法：手機(jī)不能自動(dòng)分配IP或解析DNS，需要在手機(jī)wifi設(shè)置里手動(dòng)設(shè)置靜態(tài)IP，必須跟路由器設(shè)置相同
具體操作： 以大家最頭痛的摩托羅拉戴妃ME525為例，首先連接wifi，連好后還是不能上網(wǎng)，不要急，跟著我操作，
選擇"無(wú)線和網(wǎng)絡(luò)設(shè)置"---選擇"wifi設(shè)置"---然后點(diǎn)擊手機(jī)上的"田"字按鍵（圖標(biāo)：田，房子，返回，放大鏡），底部會(huì)升起來(lái)灰色的工作欄，有兩項(xiàng)"掃描"和"高級(jí)"，
選擇"高級(jí)"出現(xiàn)高級(jí)設(shè)置選項(xiàng)
高級(jí)
點(diǎn)對(duì)點(diǎn)（Ad-hoc）信道 選自己無(wú)線信號(hào)相同的頻道
wifi休眠策略 看自己喜好
MAC 地址 灰色的不能改 （這就是你的wifi地址）
IP設(shè)置
啟用自動(dòng)IP 取掉勾 （有些路由器是可以自動(dòng)分配的，有些不行就必須手動(dòng)分配）
使用靜態(tài)IP 打勾
IP地址 192.168.1.199 （跟第一問(wèn)題里的路由器分配給手機(jī)的IP設(shè)置一樣）
網(wǎng)關(guān) 192.168.1.1
網(wǎng)絡(luò)掩碼 255.255.255.0
域名1 61.128.128.68 （這就是本問(wèn)題的重點(diǎn)了，這里的域名意思其實(shí)就是DNS，很多同學(xué)都不明白這里該填什么.）
域名2 61.128.192.4 （可填可不填，備用的就是前面填的那個(gè)DNS出了問(wèn)題，就由后面這個(gè)來(lái)解析）
設(shè)置好后，立馬就可以上網(wǎng)了。希望幫助你
