一、背景 在大屏項(xiàng)目中（比如數(shù)據(jù)可視化、駕駛艙系統(tǒng)），通常會(huì)基于一個(gè)固定設(shè)計(jì)稿（例如 1920×1080）進(jìn)行開發(fā)。但在實(shí)際運(yùn)行時(shí)，屏幕分辨率可能是： 1366 × 768 ...
發(fā)簡(jiǎn)信
IP屬地：內(nèi)蒙古
-
大屏適配方案
-
不是替代，是重塑：AI 時(shí)代前端程序員的生存法則
AI 短期內(nèi)無法完全替代前端程序員，但會(huì)大幅改變前端開發(fā)的工作模式，將程序員從重復(fù)性勞動(dòng)中解放出來，聚焦更核心的創(chuàng)造性工作。以下以前端開發(fā)的核心工作場(chǎng)景為例，詳細(xì)分析 AI ...
-
js的宏任務(wù)與微任務(wù)在 JavaScript 中，任務(wù)可分為同步任務(wù)和異步任務(wù)，而異步任務(wù)又可分為宏任務(wù)和微任務(wù)： 宏任務(wù)： 指主線程上排隊(duì)執(zhí)行的任務(wù)，例如setTimeout、setInter...
-
09vue3之路由傳參的3種方式
query參數(shù) 1.傳遞參數(shù) 2.接收參數(shù)： params參數(shù) 1.傳遞參數(shù) 2.接收參數(shù)： 備注1：傳遞params參數(shù)時(shí)，若使用to的對(duì)象寫法，必須使用name配置項(xiàng)，不...
-
08vue3之watch與watchEffect知識(shí)點(diǎn)梳理
作用：監(jiān)視數(shù)據(jù)的變化（和Vue2中的watch作用一致） 特點(diǎn)：Vue3中的watch只能監(jiān)視以下四種數(shù)據(jù)： ref定義的數(shù)據(jù)。reactive定義的數(shù)據(jù)。函數(shù)返回一個(gè)值（g...
-
011react+TSuseState-自動(dòng)推導(dǎo) 通常React會(huì)根據(jù)傳入useState的默認(rèn)值來自動(dòng)推導(dǎo)類型,不需要顯式標(biāo)注類型 說明： value: 類型為boolean toggle: 參...
-
010react18-useReduceruseReducer 作用：它在每次重新渲染的時(shí)候能夠緩存計(jì)算的結(jié)果 分派action傳參 做法：分派action時(shí)如果想要傳遞參數(shù)，需要在action對(duì)象中添加一個(gè)payl...
-
前端優(yōu)化方案整理
一、（http請(qǐng)求）關(guān)鍵渲染路徑優(yōu)化 @1 盡可能使用HTTP2.0 @2 開啟TCP通道的長(zhǎng)連接 Connection:keep-alive @3 開啟服務(wù)器端的GZIP壓...
-
09react18-ReactRouter什么是前端路由 一個(gè)路徑 path 對(duì)應(yīng)一個(gè)組件 component 當(dāng)我們?cè)跒g覽器中訪問一個(gè) path 的時(shí)候，path 對(duì)應(yīng)的組件會(huì)在頁(yè)面中進(jìn)行渲染 創(chuàng)建路由開發(fā)環(huán)境 安...
-
08react18-Redux(下篇)Redux與React - 實(shí)現(xiàn)counter 1. 整體路徑熟悉 2. 使用React Toolkit 創(chuàng)建 counterStore 設(shè)計(jì)好的方法 在store中引入 3...
-
07react18-Redux(上篇)Redux Redux 是React最常用的集中狀態(tài)管理工具，類似于Vue中的Pinia（Vuex），可以獨(dú)立于框架運(yùn)行作用：通過集中管理的方式管理應(yīng)用的狀態(tài)為什么要使用Re...
-
06react18-基礎(chǔ)篇-自定義hook自定義Hook實(shí)現(xiàn) 自定義Hook是以 use打頭的函數(shù)，通過自定義Hook函數(shù)可以用來實(shí)現(xiàn)邏輯的封裝和復(fù)用 封裝自定義hook通用思路 聲明一個(gè)以u(píng)se打頭的函數(shù) 在函數(shù)體...
-
05react18-基礎(chǔ)篇-useEffectuseEffect useEffect是一個(gè)React Hook函數(shù)，用于在React組件中創(chuàng)建不是由事件引起而是由渲染本身引起的操作（副作用）, 比 如發(fā)送AJAX請(qǐng)求，更...
-
04react18-基礎(chǔ)篇-組件通信父?jìng)髯?實(shí)現(xiàn)步驟 父組件傳遞數(shù)據(jù) - 在子組件標(biāo)簽上綁定屬性 子組件接收數(shù)據(jù) - 子組件通過props參數(shù)接收數(shù)據(jù) props說明 props可以傳遞任意的合法數(shù)據(jù)，比如數(shù)字...
-
我不怕黑暗，因?yàn)楹诎底寗e人看不到我的成長(zhǎng)。
-
v-model的原理是什么
v-model是Vue.js框架中的一個(gè)指令，用于實(shí)現(xiàn)表單元素和數(shù)據(jù)的雙向綁定。它的原理是通過使用不同的輸入事件（如input、change等）監(jiān)聽表單元素的變化，并將變化的...
-
一個(gè)頁(yè)面從輸入 URL到頁(yè)面加載顯示完成，這個(gè)過程中都發(fā)生了什么
當(dāng)用戶在瀏覽器中輸入U(xiǎn)RL并按下回車鍵后，以下是一個(gè)頁(yè)面從輸入U(xiǎn)RL到加載顯示完成的過程中所發(fā)生的主要步驟： 1DNS解析 1.DNS解析：瀏覽器首先會(huì)解析URL中的域名部分...
-
cookie 和 session 的區(qū)別，localstorage 和 sessionstorage 的區(qū)別
cookie 和 session 的區(qū)別 Cookie 和 session 都可用來存儲(chǔ)用戶信息，cookie 存放于客戶端，session 存放于服務(wù)器端，因?yàn)?cooki...
-
vue3-響應(yīng)式的原理
1. Object.defineProperty => Proxy() Vue2.x data中的屬性做了遍歷 + 遞歸, 給每一個(gè)屬性設(shè)置getter, setterdat...
-
day06-TypeScript與vue3
defineProps與Typescript 1.defineProps配合vue默認(rèn)語(yǔ)法進(jìn)行類型校驗(yàn)（運(yùn)行時(shí)聲明） 2.defineProps配合ts的泛型定義props類...
