GoJS图表组件介绍
阅读 92 | 评论 0 | 2019-07-22
Nuxt.js Vue

本文是对GoJS官方文档 Introduction to GoJS Diagramming Components 的翻译。

 

GoJS图表组件介绍

 

GoJS是一个能让你轻易地在现在浏览器中创建可交互式图表的JavaScript库。GoJS支持图表模板和绑定模型数据到图表对象属性。无论你的app需要什么样的属性,你只需要保存和恢复模型(由JavaScript简单对象组成)即可。许多预定义的工具和命令实现了大部分图表需要的标准行为。定制外观和行为通常主要是设置属性而已。

 

阅读全文
Nuxt.js配置proxy实用详解
阅读 354 | 评论 0 | 2018-12-26
Nuxt.js Vue

什么是proxy?

顾名思义,proxy就是代理。代理又分为正向代理和反向代理。通常在Nuxt.js项目中使用的是正向代理。

 

为什么要配置proxy?

主要目的是解决跨域问题。当在开发环境中配置proxy时,ajax跨域请求无需服务端支持便能正常进行,方便开发和测试;当在生产环境中配置proxy时,可以作为前后端分离开发模式下,获取数据的中间件,同时也能方便调用第三方Web API。

 

如何配置proxy?

1、安装@nuxtjs/proxy依赖包

npm install –save—dev @nuxtjs/proxy

 

阅读全文
Nuxt.js中使用CKEditor并添加代码高亮功能
阅读 424 | 评论 1 | 2018-11-22
Nuxt.js Vue

初衷是为了给本博客系统找一款支持代码编辑和高亮的富文本框组件,基于此,首先是寻找富文本框组件,以前在
Vue中用过CKEditor和wangEditor,前者功能全面强大,后者简洁易用。又搜索了一翻,从熟悉程度、文档完整性、更新支持程度最终选择了CKEditor。

 

打开CKEditor官网,发现有两个版本可供选择:CKEditor4和CKEditor5。从官方文档了解到,CKEditor5几乎完全重写,更组件化,更符合现代框架,并且有官方出品的ckeditor-vue组件加持,更易使用和集成,于是首先选择了CKEditor5。

 

一、Nuxt.js中添加和使用CKEditor5的步骤:


1、NPM安装CKEditor5及ckeditor5-vue组件:

npm install @ckeditor/ckeditor5-build-classic @ckeditor/ckeditor5-vue --save

注:此处选择官方已构建好的classic版本,官方构建的其它版本还有 ckeditor5-build-inlineckeditor5-build-balloonckeditor5-build-decoupled-document,另外也可以自行构建,参考官方文档:Creating custom builds

 

阅读全文

友情链接