台部落sullay

原创（1）v8簡介

V8 並沒有採用某種單一的技術，而是混合編譯執行和解釋執行這兩種手段，我們把這種混合使用編譯器和解釋器的技術稱爲 JIT（Just In Time）技術。這是一種權衡策略，因爲這兩種方法都各自有各自的優缺點，解釋執行的啓動速度快，但是執行

2022-11-09 19:32:51

原创前端筆記（14）web網頁安全同源策略跨站腳本攻擊(XSS) 跨站請求僞造(CSRF)

同源策略同源策略是web頁面安全中心最基礎、最核心的安全策略。如果兩個URL的協議、域名和端口都相同，我們就稱這兩個URL同源。同源策略的表現 1. DOM層面同源策略限制了不同源的JavaScript腳本對當前DOM對象讀寫的

2022-11-09 19:32:51

原创（01）簡介

V8 並沒有採用某種單一的技術，而是混合編譯執行和解釋執行這兩種手段，我們把這種混合使用編譯器和解釋器的技術稱爲 JIT（Just In Time）技術。這是一種權衡策略，因爲這兩種方法都各自有各自的優缺點，解釋執行的啓動速度快，但是執行

2021-07-29 04:09:10

原创前端筆記（13）nuxt js sitemap.xmpl配置

sitemap.xml 通過@nuxtjs/sitemap模塊根據前端路由自動生成。 ./config/sitemap.js sitemap路由列表 // sitemap列表配置 export const routes = [ '/:l

2020-08-24 04:30:11

原创前端筆記（12）nuxt js 多語言方案

使用vue-i18n實現國際化,多語言數據保存在locales文件夾內；通過URL的params與vuex共同維護當前語言狀態；路由改變時觸發middleware/i18n.js中間件，如果當前路由不包含多語言即params.lang

2020-08-24 04:30:11

37

原创前端筆記（10）瀏覽器導航流程在瀏覽器裏，從輸入 URL 到頁面展示，這中間發生了什麼？

在瀏覽器裏，從輸入 URL 到頁面展示，這中間發生了什麼？此處以chrome瀏覽器爲例進行說明。首先先介紹幾個多進程瀏覽器裏的基本概念。瀏覽器進程：主要負責用戶交互、子進程管理和文件儲存等功能網絡進程：面向渲染進程和瀏覽器進程

2020-06-16 07:44:11

原创前端筆記（11）提升首屏加載速度

首屏加載速度影響着用戶對整個網站的第一體驗尤爲關鍵。那麼如果才能夠優化首次加載時的白屏時間？上一篇文章簡單介紹了在瀏覽器裏，從輸入 URL 到頁面展示的過程。現在我們將整個過程劃分爲三個階段: 1.從請求發出後到文檔提交階段，這個階段中用

2020-06-16 07:44:11

原创前端筆記（10）瀏覽器導航流程

在瀏覽器裏，從輸入 URL 到頁面展示，這中間發生了什麼？此處以chrome瀏覽器爲例進行說明。首先先介紹幾個多進程瀏覽器裏的基本概念。瀏覽器進程：主要負責用戶交互、子進程管理和文件儲存等功能網絡進程：面向渲染進程和瀏覽器進程

2020-03-24 10:50:53

原创 svelte教程（8）stores

有時，您將需要多個不相關的組件或常規的JavaScript模塊訪問這些值。在Svelte，我們通過store來做到這一點。store只是一種對象，該對象具有一種subscribe方法，該方法允許在store的value發生變化時通知訂閱過

2019-10-10 17:28:47

3

原创 svelte教程（7）生命週期

onMount onMount將在組件首次呈現到DOM之後運行。除了onDestroy之外，生命週期函數不會在SSR期間運行，這意味着一旦組件掛在到DOM上，我們就可以避免在DOM構建之前獲取到應在DOM構建以後加載的數據。必須在逐漸初始

2019-10-10 10:43:52

4

原创 svelte教程（6）數據綁定

雙向數據綁定雙向綁定意味着當我們更改name的值時會更新input輸入框的值，更改input輸入框值的時候name的值同樣會改變。 <script> let name = 'world'; </script> <input bi

2019-10-09 15:16:53

原创 svelte教程（5）事件

DOM 事件事件綁定 <script> let m = { x: 0, y: 0 }; function handleMousemove(event) { m.x = event.clientX; m.y = ev

2019-10-08 17:01:51

2