資訊專欄INFORMATION COLUMN
摘要：注本文章是在工作過程中所接觸的知識(shí)點(diǎn)的整理，涉及的東西比價(jià)雜亂，如有錯(cuò)誤之處，歡迎糾錯(cuò)與指導(dǎo)一，頁面的錨鏈接定義錨點(diǎn)錨點(diǎn)鏈接。類似于我們閱讀書籍時(shí)的目錄頁碼或章回提示。
*注：本文章是在工作過程中所接觸的知識(shí)點(diǎn)的整理，涉及的東西比價(jià)雜亂，如有錯(cuò)誤之處，歡迎糾錯(cuò)與指導(dǎo)一， 頁面的錨鏈接
1,定義：錨點(diǎn),錨點(diǎn)鏈接。常常用于那些內(nèi)容龐大繁瑣的網(wǎng)頁，通過點(diǎn)擊命名錨點(diǎn)，不僅讓我們能指向文檔，還能指向頁面里的特定段落，更能當(dāng)作"精準(zhǔn)鏈接"的便利工具，讓鏈接對(duì)象接近焦點(diǎn)。便于瀏覽者查看網(wǎng)頁內(nèi)容。類似于我們閱讀書籍時(shí)的目錄頁碼或章回提示。在需要指定到頁面的特定部分時(shí)，標(biāo)記錨點(diǎn)是最佳的方法
錨點(diǎn)多用于 點(diǎn)擊到達(dá)本頁面的某個(gè)位置
超鏈接用于 點(diǎn)擊到達(dá)某個(gè)頁面或打開/下載某個(gè)文件
2，用法：
給錨點(diǎn)文本標(biāo)簽添加id
練習(xí)
練習(xí)
練習(xí)
練習(xí)
練習(xí)
練習(xí)
練習(xí)
給a標(biāo)簽的文本添加錨點(diǎn)，單擊鏈接可跳到name為test的a標(biāo)簽處[使用name屬性只能針對(duì)a標(biāo)簽來定位，而對(duì)div等其他標(biāo)簽就不能起到定位作用。]
二， WebSocket 三， 熱更新練習(xí)
練習(xí)
練習(xí)
練習(xí)
練習(xí)
練習(xí)練習(xí)
熱更新就是當(dāng)你在開發(fā)環(huán)境修改代碼后，不用刷新整個(gè)頁面即可看到修改后的效果。
vue的項(xiàng)目，不管html，css，js都可以無刷更新。因?yàn)関ue使用的是虛擬dom，可以在node端渲染出虛擬dom，再通過websocket發(fā)送到瀏覽器端進(jìn)行比對(duì)渲染
具體原理和實(shí)現(xiàn)看其他文章，寫的很詳細(xì)
前端開發(fā)熱更新原理解讀
如何在前端項(xiàng)目中實(shí)現(xiàn)熱更新
官方文檔
requestAnimationFrame 方法你真的用對(duì)了嗎？
vue項(xiàng)目會(huì)帶#是因?yàn)槭褂玫膙ue的hash模式。vue默認(rèn)為hash模式
1，去掉：
import Vue from "vue"
import Router from "vue-router"
Vue.use(Router)
export default new Router({
mode: "history" //把Router的mode修改為history模式就可以
})
2，hash模式和history模式
VUE通常開發(fā)為單頁面應(yīng)用（SPA）
那么既然是單頁面應(yīng)用，當(dāng)用戶要點(diǎn)擊其他組件訪問頁面內(nèi)的其他模塊時(shí)，系統(tǒng)怎么樣也要獲取一個(gè)參數(shù)，然后根據(jù)這個(gè)參數(shù)返回不同的模塊給用戶使用，這時(shí)候就會(huì)有一個(gè)問題，這個(gè)傳遞的參數(shù)只放在后臺(tái)處理的話是可以正常運(yùn)作的，但如果用戶使用了瀏覽器的 前進(jìn)、后退、跳轉(zhuǎn) 這三個(gè)功能呢，因?yàn)槭菃雾撁鎽?yīng)用，訪問地址是不變的，所以瀏覽器的 前進(jìn)、后退、跳轉(zhuǎn) 無法使用，那么要怎么辦呢，只能是從訪問地址動(dòng)手腳了。
HASH模式：
HASH模式就是從訪問地址動(dòng)手腳，在訪問地址的后面增加#并且?guī)闲枰膮?shù)，這樣后臺(tái)就能對(duì)不同的參數(shù)顯示不同的模塊，而且 #以及后面的參數(shù)是不會(huì)被包含在HTTP請(qǐng)求中，因此對(duì)服務(wù)器的請(qǐng)求是沒有影響的，更改參數(shù)也不會(huì)刷新頁面。
history模式：
history模式也是從訪問地址動(dòng)手腳，但是不再使用#，而是想普通的訪問地址那樣使用/，但如果這樣請(qǐng)求的話，服務(wù)器是需要另外配置才行，要不然容易出現(xiàn)404錯(cuò)誤，具體怎么配置請(qǐng)自行百度。
參考文章hash和history的區(qū)別
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/114758.html
摘要：注本文章是在工作過程中所接觸的知識(shí)點(diǎn)的整理，涉及的東西比價(jià)雜亂，如有錯(cuò)誤之處，歡迎糾錯(cuò)與指導(dǎo)一，頁面的錨鏈接二，三，熱更新四，五，數(shù)據(jù)埋點(diǎn) *注：本文章是在工作過程中所接觸的知識(shí)點(diǎn)的整理，涉及的東西比價(jià)雜亂，如有錯(cuò)誤之處，歡迎糾錯(cuò)與指導(dǎo) 一， 頁面的錨鏈接 二， WebSocket 三， 熱更新 四， requestAnimationFrame 五， 數(shù)據(jù)埋點(diǎn)
摘要：注本文章是在工作過程中所接觸的知識(shí)點(diǎn)的整理，涉及的東西比價(jià)雜亂，如有錯(cuò)誤之處，歡迎糾錯(cuò)與指導(dǎo)一，頁面的錨鏈接定義錨點(diǎn)錨點(diǎn)鏈接。類似于我們閱讀書籍時(shí)的目錄頁碼或章回提示。 *注：本文章是在工作過程中所接觸的知識(shí)點(diǎn)的整理，涉及的東西比價(jià)雜亂，如有錯(cuò)誤之處，歡迎糾錯(cuò)與指導(dǎo) 一， 頁面的錨鏈接 1,定義：錨點(diǎn),錨點(diǎn)鏈接。常常用于那些內(nèi)容龐大繁瑣的網(wǎng)頁，通過點(diǎn)擊命名錨點(diǎn)，不僅讓我們能指向文檔，還...
摘要：注本文章是在工作過程中所接觸的知識(shí)點(diǎn)的整理，涉及的東西比價(jià)雜亂，如有錯(cuò)誤之處，歡迎糾錯(cuò)與指導(dǎo)一，請(qǐng)求含有中文地址請(qǐng)求失敗，顯示不出來當(dāng)獲取后臺(tái)的圖片的時(shí)候，使用請(qǐng)求并且參數(shù)包含中文的時(shí)候，在上面獲取不到圖片。 *注：本文章是在工作過程中所接觸的知識(shí)點(diǎn)的整理，涉及的東西比價(jià)雜亂，如有錯(cuò)誤之處，歡迎糾錯(cuò)與指導(dǎo) 一， get 請(qǐng)求src 含有中文地址請(qǐng)求失敗，顯示不出來 當(dāng)獲取后臺(tái)的圖片的時(shí)...
摘要：注本文章是在工作過程中所接觸的知識(shí)點(diǎn)的整理，涉及的東西比價(jià)雜亂，如有錯(cuò)誤之處，歡迎糾錯(cuò)與指導(dǎo)一，還是二，性能信息采集指南三，性能信息采集指南四，前端上傳文件 *注：本文章是在工作過程中所接觸的知識(shí)點(diǎn)的整理，涉及的東西比價(jià)雜亂，如有錯(cuò)誤之處，歡迎糾錯(cuò)與指導(dǎo) 一， px還是rem 二， Web性能信息采集指南 三， Web性能信息采集指南 四， 前端上傳文件
閱讀 1879·2023-04-25 19:51
閱讀 1183·2021-11-15 11:43
閱讀 4546·2021-11-02 14:40
閱讀 2013·2021-10-11 10:59
閱讀 1351·2021-09-22 15:05
閱讀 1042·2021-09-09 09:32
閱讀 664·2019-08-30 15:56
閱讀 563·2019-08-30 15:52
