博客 / 列表

defghy - vue2 devtools導致頁面卡頓,解決方案

背景 項目升級為vue@2.7.16 vue@2老項目很難升級為vue@3 vue.js devtools@5.3.4不再維護 vue.js devtools@5.3.4不支持新的setup state等常用功能 vue.js devtools@6.6.3對vue@2一進入頁面卡死 項目由於歷史以及業務原因頁面性能很差,導致vue.js devtools@5.3.4會在一些場景卡死

vue.js , manifest.json , devtools , chrome-extension , setup

defghy - element-ui部分引入失效問題追蹤

背景 項目使用vue2與element-ui;最近發現項目的部分引入失效了 // babel.config.js module.exports = api = { return { "presets": ['@vue/cli-plugin-babel/preset'], "plugins": [ [ "compon

vue-cli , 調試 , babel , element-ui

defghy - web端隔離環境通信庫

背景 隔離環境通信,比如window.top和iframe;Chrome Extension各環境之間通信;主線程與web worker通信等;原生的通信方式會遇到以下問題 原生通信方式不支持response,比如 chrome.runtime.sendMessage (window | vscode | vscode.panel.webview |worker).po

chrome-extension , ipc , postmessage , 前端 , Web

defghy - ant-design-vue 1.x 下table關於slot最佳實踐

官方例子沒有體現出來slot的最佳用法 template a-table :columns="columns" :data-source="data" span slot="tags" slot-scope="tags" a-tag v-for="tag in tags" :key="tag" {{ tag.toUpperCase() }} /a

table , ant-design-vue , slots