* 'main' of https://github.com/kalcaddle/mind-map:
  '打包'
  Demo:保存视图数据的逻辑增加防抖操作,优化性能
This commit is contained in:
warlee 2023-08-08 17:22:00 +08:00
commit 15d65db19d
2 changed files with 10 additions and 6 deletions

View File

@ -1,7 +1,7 @@
<!DOCTYPE html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1"><link rel="icon" href="dist/logo.ico"><title>思绪思维导图</title><script>// <!DOCTYPE html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1"><link rel="icon" href="dist/logo.ico"><title>思绪思维导图</title><script>//
window.externalPublicPath = './dist/' window.externalPublicPath = './dist/'
// 接管应用 // 接管应用
window.takeOverApp = false</script><link href="dist/css/chunk-vendors.css?82cd2198e53e186a377d" rel="stylesheet"><link href="dist/css/app.css?82cd2198e53e186a377d" rel="stylesheet"></head><body><noscript><strong>We're sorry but thoughts doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><script>const getDataFromBackend = () => { window.takeOverApp = false</script><link href="dist/css/chunk-vendors.css?d6b6276145145848dabd" rel="stylesheet"><link href="dist/css/app.css?d6b6276145145848dabd" rel="stylesheet"></head><body><noscript><strong>We're sorry but thoughts doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><script>const getDataFromBackend = () => {
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
setTimeout(() => { setTimeout(() => {
resolve({ resolve({
@ -66,4 +66,4 @@
// 可以通过window.$bus.$on()来监听应用的一些事件 // 可以通过window.$bus.$on()来监听应用的一些事件
// 实例化页面 // 实例化页面
window.initApp() window.initApp()
}</script><script src="dist/js/chunk-vendors.js?82cd2198e53e186a377d"></script><script src="dist/js/app.js?82cd2198e53e186a377d"></script></body></html> }</script><script src="dist/js/chunk-vendors.js?d6b6276145145848dabd"></script><script src="dist/js/app.js?d6b6276145145848dabd"></script></body></html>

View File

@ -122,7 +122,8 @@ export default {
return { return {
mindMap: null, mindMap: null,
mindMapData: null, mindMapData: null,
prevImg: '' prevImg: '',
storeConfigTimer: null
} }
}, },
computed: { computed: {
@ -186,9 +187,12 @@ export default {
storeData(data) storeData(data)
}) })
this.$bus.$on('view_data_change', data => { this.$bus.$on('view_data_change', data => {
storeConfig({ clearTimeout(this.storeConfigTimer)
view: data this.storeConfigTimer = setTimeout(() => {
}) storeConfig({
view: data
})
}, 1000)
}) })
}, },