记一次web中对svg图形拖动和缩放卡顿的性能优化(基于svg.js) |
您所在的位置：网站首页 › js操作word强大吗 › 记一次web中对svg图形拖动和缩放卡顿的性能优化(基于svg.js) |
记一次web中对svg图形拖动和缩放卡顿的性能优化(基于svg.js)
|
在vue中实现在线代码编辑器(lua) - ace/codemirror/monaco-editor
豆逗逗: 我的问题，我写错了 记一次web中对svg图形拖动和缩放卡顿的性能优化(基于svg.js) - viewbox vs transform云帆Plan: 这篇文章只是对比了性能差距 在vue中实现在线代码编辑器(lua) - ace/codemirror/monaco-editor
云帆Plan:
你认真看了吗 豆逗逗: "vue-codemirror": "^4.0.6", "codemirror": "^5.65.16", // 文件内引入 import {codemirror} from 'vue-codemirror' // 组件样式 import "codemirror/lib/codemirror.css"; // 主题 import "codemirror/theme/3024-day.css"; // 引入主题样式，根据设置的theme的主题引入 import "codemirror/theme/ayu-mirage.css"; import "codemirror/theme/monokai.css"; import 'codemirror/theme/rubyblue.css' // html代码高亮 import "codemirror/mode/htmlmixed/htmlmixed.js"; // 语言模式 import 'codemirror/mode/javascript/javascript.js' import 'codemirror/mode/xml/xml.js' export default { // 注册使用 components: { codemirror }, data() { return { code: '', options: { line: true, theme: 'monokai', // 主题 tabSize: 4, // 制表符的宽度 indentUnit: 2, // 一个块应该缩进多少个空格（无论这在编辑语言中意味着什么）。默认值为 2。 firstLineNumber: 1, // 从哪个数字开始计算行数。默认值为 1。 ..... 在vue中实现在线代码编辑器(lua) - ace/codemirror/monaco-editor豆逗逗: 博主，我按照你的方法注册局部组件，报错耶Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the "name" option. |
？我用的是vue-codemirror
【本文地址】