引子

最近在设计一个数据字段的运算表达式控件，具体不废话，可以参看下面的动画截图：

截图里有一个表格内容数据(是程序运行时从其他外部网页抓取的数据)，而我需要根据表格的属性字段去做对应的算术运算，如（加减乘除）或者(一些函数命令)

然后则根据表达式解析计算出对应的结果，需求就是这样的。

思路

具体实现借用了 入栈的想法，将字符串分割出对应的运算符、值、函数表达式，我这里使用了mapping关系来处理，将整个字符串里的 运算符和函数表达式 替换出对应的空值加key的形式：

// 我的运算符和函数mapping...

阅读更多

前序

之前在另一篇文章中<<基于后缀算术表达式的代码解析>>已经实现过简单的（1 + 3 - 5 / 54 * 2）等算术的运算，但是代码逻辑实现满足不了更多场景，如

• 对数据的赋值：a = b + c
• 逻辑判断: a == b or a != b
• 与或非: a && c or a || c

所以为了更好的解决一些场景，这里使用AST（抽象语法树）来解决这部分的问题

准备工作

• 表达式 转 AST
• AST 遍历
• 数据作用域

1、表达式转AST

首先可以参考AST...

阅读更多

安装：

npm i --save xy-imageloader

• 普通加载

imgLoader("./lena.png").then(image => {
  ...
})

• 普通加载, ImageData

getImageData("./lena.png").then(imageData => {
  ...
})

• 模板匹配示例

import imgLoader, { getImageData, rgbToGary } from...

阅读更多

准备工作

• java jdk1.8 安装配置
• mvn 安装配置

以上较为普通，随便网上搜下安装包，配置下环境变量即可

VSCode 插件安装

1、Language Support for Java(TM) by Red Hat
2、Java Test Runner
3、Debugger for Java
4、Maven for Java
5、Java Extension Pack

配置vscode mvn源

1、修改Vscode插件Maven for Java默认使用的mvn路径

2、修改mvn的镜像...

阅读更多

安装：

npm i --save xy-share-component

引用方式：

import { useShareComponent } from "xy-share-component";

注意. 1.0.2 版本后使用systemjs进行import组件，所以需要在index.html文件里进行依赖添加
前置依赖

 <!-- 建议此种script加载可于另外加载一个components-mapping 这样方便修改部署 -->
 <script>
   //...

阅读更多