240 發(fā)簡信
IP屬地：湖北
  • React 組件性能優(yōu)化

    React 組件性能優(yōu)化最佳實(shí)踐 React 組件性能優(yōu)化的核心是減少渲染真實(shí) DOM 節(jié)點(diǎn)的頻率孽椰，減少 Virtual DOM 比對(duì)的頻率炫隶。 1. 組件卸載前進(jìn)行清理操作 ...

  • 120
    UIStackView

    UIStackView 可以方便地創(chuàng)建豎直或水平的布局，自動(dòng)管理大部分約束芽丹。更重要的是 蕊温，UIStackView 支待嵌套 瞧壮，這種靈活的方式可以創(chuàng)建出非常好看的界面尾菇。 打開 ...

  • 卡頓監(jiān)控

    最近參考Matrix做了卡頓監(jiān)控的流程境析，整體流程思想就不多說了囚枪。這里注釋了核心方法代碼，做下記錄劳淆，也方便大家閱讀代碼链沼。 子線程監(jiān)聽-核心主流程 檢查是否是卡頓 過濾堆棧信息，...

  • 120
    （六）Vue-模板編譯和組件化

    模板編譯 模板編譯的主要目的是將模板 (template) 轉(zhuǎn)換為渲染函數(shù) (render) vue-template-explorerVue 2.6 把模板編譯成 rend...

  • （五）Vue-響應(yīng)式原理

    響應(yīng)式 響應(yīng)式處理的入口 src\core\instance\init.js initState(vm) vm 狀態(tài)的初始化 初始化了 _data沛鸵、_props忆植、method...

  • 120
    （四）Vue-渲染過程

    Vue 的不同構(gòu)建版本 完整版：同時(shí)包含編譯器和運(yùn)行時(shí)的版本。編譯器：用來將模板字符串編譯成為 JavaScript 渲染函數(shù)的代碼谒臼，體積大、效率低耀里。運(yùn)行時(shí)：用來創(chuàng)建 Vue...

  • 120
    （三）Vue-Snabbdom

    虛擬 DOM 的作用 維護(hù)視圖和狀態(tài)的關(guān)系 復(fù)雜視圖情況下提升渲染性能 跨平臺(tái)? 瀏覽器平臺(tái)渲染DOM? 服務(wù)端渲染 SSR(Nuxt.js/Next.js)? 原生應(yīng)用(W...

  • 120
    （二）Vue-模擬實(shí)現(xiàn)響應(yīng)式

    數(shù)據(jù)驅(qū)動(dòng) 數(shù)據(jù)響應(yīng)式蜈缤、雙向綁定、數(shù)據(jù)驅(qū)動(dòng) 數(shù)據(jù)響應(yīng)式數(shù)據(jù)模型僅僅是普通的 JavaScript 對(duì)象冯挎，而當(dāng)我們修改數(shù)據(jù)時(shí)底哥，視圖會(huì)進(jìn)行更新，避免了繁瑣的 DOM 操作房官，提高開發(fā)...

  • （一）Vue-路由

    路由使用 靜態(tài)路由 動(dòng)態(tài)路由通過當(dāng)前路由規(guī)則獲取 或者 通過開啟 props 獲取趾徽， 建議通過props來解耦 3.嵌套路由 路由跳轉(zhuǎn)replace、push翰守、go hash...

  • 手寫SyncHook&AsyncParallelHook

    Hook 基類孵奶，負(fù)責(zé)通用方法實(shí)現(xiàn) HookCodeFactory & SyncHookHookCodeFactory 代碼構(gòu)建SyncHook 子類 HookCodeFact...

  • tapable

    tapable是一種事件驅(qū)動(dòng)型事件流機(jī)制，本身是一個(gè)獨(dú)立的庫蜡峰。webpack 通過 tapable 將實(shí)現(xiàn)與流程解耦了袁，所有具體實(shí)現(xiàn)通過插件的形式存在。 一. 工作流程1.實(shí)例...

  • webpack基礎(chǔ)源碼 & 懶加載

  • webpack處理cmd和esm規(guī)范

    cmd 引用 cmd cmd 引用 esm esm 引用 esm esm 引用 cms

  • 120
    校驗(yàn)工具（ESLint湿颅、Stylelint）

    一载绿、ESLint基礎(chǔ) 二、ESLint配置文件 三油航、ESLint 配置注釋 eslint-disable-line標(biāo)識(shí)不處理ESLint規(guī)則[http://eslint.cn...

  • Rollup

    esm的打包器崭庸，更為小巧，不支持類似HRM高級(jí)特性谊囚。提供一個(gè)充分利用ESM各項(xiàng)特性的高效打包器怕享。 1. 使用Rollup, Rollup自動(dòng)支持Tree-Sharking r...

  • 120
    webpack基礎(chǔ)使用(五)

    十六、加載構(gòu)建優(yōu)化 懶加載 預(yù)獲取 & 預(yù)讀取 與 prefetch 指令相比秒啦，preload 指令有許多不同之處： preload chunk 會(huì)在父 chunk 加載時(shí)...

  • webpack基礎(chǔ)使用(四)

    十四熬粗、ts ts-loader幫助我們處理ts文件， 編譯的時(shí)候就可以處理語法錯(cuò)誤余境。 preset-typescript驻呐，支持polyfill填充灌诅，進(jìn)行語法轉(zhuǎn)化。但是不能再編...

  • webpack基礎(chǔ)使用(三)

    九含末、自動(dòng)刷新 使用watch + live server 不足1.所有源代碼都會(huì)重新編譯2.每次編譯成功之后都需要進(jìn)行文件讀寫3.live server是vscode的工具4...

  • webpack基礎(chǔ)使用(二)

    五猜拾、處理圖片 file-loader 通過src使用圖片, 有三種方式 通過url使用圖片，注意要關(guān)閉 css-loader轉(zhuǎn)為esModule的功能佣盒。 設(shè)置文件名稱輸出 常...

  • webpack基礎(chǔ)使用(一)

    為現(xiàn)代JavaScript應(yīng)用提供靜態(tài)模塊打包 Webpack 功能 打包：將不同類型資源按模塊處理進(jìn)行打包 靜態(tài)：打包后最終產(chǎn)出靜態(tài)資源 模塊：webpack支持不同規(guī)范的...

亚洲A日韩AV无卡,小受高潮白浆痉挛av免费观看,成人AV无码久久久久不卡网站,国产AV日韩精品