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