langery / vue-text

Vue测试仓库

vue-demo

A Vue.js project

Clear the node_modules Tree

# remove node_modules
rm -rf node_modules

# remove package-lock.json
rm package-lock.json

# clear the module tree
npm cache clear --force

# install node_modules
npm install

will doing & thinking

• 富文本编辑
• 图片处理
• 视频流处理

Ace

 有一个需求是引入 Ace 模快进行输入文本自动匹配的功能，现已完成简单的内容，后续会不断的更迭此模快内容。但是基于是vue项目目前也未全部引用 Ace 模块，而是借助于vue的另一个 npm 组件 vue2-ace-editor 来实现此功能的。  参考资料：

1. Vue.js简单集成ACE代码编辑器

引入和使用

  $ npm install --save-dev vue2-ace-editor

 目前我们需要的模块并不是 ace 或 vue2-ace-editor ，而是在 node_modules 中的 brace 模块（目前我也没搞懂到底为什么是它，但是管用）。
 brace 的坑也好多...

  <script>
    var ace = require('brace')

    export default {
      data () {
        return {}
      },
      components: {
        editor: require('vue2-ace-editor')
      },
      mounted () {
        ...
        // 具体参见 src/view/components/aceText 和 src/view/components/textAce
      }
    }
  </script>

other

 目前已知需通过JS框架链接数据库，所以需要先创建数据库与JS链接，或者通过中间件查询数据库

• JS链接数据库框架
• 尝试做一个中间层

 Vue 层面问题

• 卫星守卫内部细节
• RxJS 功能操作未实现

D3.js

 参考资料：

1. D3.js 入门系列 — 选择元素和绑定数据
2. 桔子桑
3. d3.js - force力学图
4. D3 入门笔记
5. D3力导向图及树状布局变换
6. D3 API Reference
7. svg给出两点坐标连一条曲线
8. D3 Cluster Dendrogram
9. 【 D3.js 入门系列 --- 9.3 】 弦图的制作
10. Circle Packing
11. D3 API Analysis

引入和使用

 因为目前项目中的D3版本为此版本（V5.7.0），所以以项目为中心安装此依赖

  $ npm install --save-dev d3@5.7.0

关于扩展自定义 node_modules 模块

 在参考其他资料时遇到一个关于自己创建 node_modules 的问题，即自己在原有依赖的基础上自己创建一个新的 function ，在此需要说明一下，当创建完此方法后一定要在此文件夹（同级文件夹）下的 index.js 中做函数引用后方可在代码中调用此方法，否则程序会报 undefined

xlsx

excelJS

Vue Node

1. 【应用】使用 vue-router 之导航守卫 + meta + localStorage 实现在未登录状态下跳转到登录页面的功能
2. config/index.js 需要更改开发与生产的路径。assetsPublicPath 需要改成 ./