Y's ugly blog

如何发送一个html格式的邮件给用户呢？

1.手动编写html格式的邮件，几乎所有邮箱都支持，这里以阿里邮箱举例，点击源码后就可以直接编写html，然后发送

这种方式只适用于单个内容发送。而批量动态的发送就需要用到第二种方式

前言

最近遇到个需求，某预览页面可以导出成word文档以便用户直接使用。其实这个功能前后端都可以实现，我们项目定的结论是后端生成word文档，前端只做预览页面。

当然这个结论是需求澄清后给出的，在此之前我都是认为需要前端根据html文档生成word，所以做了些调研，在这里记录下做些分享。

背景需求

1、首先通过接口拿到文本和nlp识别后的标记信息

2、渲染标记到文本中

3、文本区可鼠标滑动添加标记类型，刷新后同样显示对应标记

分析上以上需求，不难发现关键点在于2和3。

当然这只是需求简化后的样子，真实需求取决于业务，我们只讨论内容只有文本的情况，其他情况类似

第二点渲染标记我最先想到的是后端提供标记文本的位置信息，直接插入一个新标签比如mark来包裹被标记的文本然后替换原来的文本。这么看也不是太难实现😃

基于第二点的分析，第三点鼠标选择文本肯定也要提供被选中文本的位置信息给后端从而实现标记持久存在

背景

在某一开发项目中有这样一个需求，用户框选出一段内容给后端做OCR识别。
咋一看挺简单的，就是个鼠标框选功能，但是如何拿到框选区域的内容呢？？？换个角度来看这不就是QQ截图么，拿到截取的图片传给后端问题就解决了。
别急别急啊，很可惜的是JS并没有提供相关的方法，浏览器也没有提供对应的API。😩 😫

背景

周二某段时间我正常提交代码触发流水线编译，结果收到了编译失败的提示。解决问题的过程中又不断出现新问题，才有了想要写点什么的倾向。

开始

通过编译日志很清晰的指出了问题所在

v-model指令不能用在prop属性上

Git 每次提交代码，都要写 Commit message（提交说明），否则就不允许提交

1

git commit -m "hello world

上面代码的-m参数，就是用来指定 commit mesage 的。基本上写什么都行，但是，一般来说，commit message 应该清晰明了，说明本次提交的目的。

本文介绍Angular 规范，这是目前使用最广的写法，比较合理和系统化，并且有配套的工具。如下

背景

南天门（盘库）项目招标文档明确需求要支持ie8。

现状

但是目前三大主流框架都不支持ie8

基本概念

知识图谱是一种知识库，其中的数据通过图结构的数据模型或拓扑整合而成。知识图谱通常被用来存储彼此之间具有相互联系的实体。

经过查阅资料发现，目前市面上已知的的可视化图表库都已支持或者直接提供知识图谱类型图表。同时也发现有专门针对关系网这类图表的JS库（Cytoscape.js)。

这里我们选取了可视化工具的佼佼者Echarts和D3来研究，最后我们再顺便研究下Cytoscape库。

前言

涉及到地图开发肯定离不开坐标系相关知识，关于国内的坐标系转换和常用坐标系自行查询资料。
地理坐标系、投影坐标系

Cesium中常用的坐标有两种：WGS84坐标和笛卡尔空间坐标，我们平时以经纬度来指向一个地点用的就是WGS84坐标，笛卡尔空间坐标则常用来做一些空间位置的变换，如平移、缩放等。

坐标系转化

经纬度和弧度的转化

1
2

var radians=Cesium.Math.toRadians（degrees）;//经纬度转弧度
var degrees=Cesium.Math.toDegrees（radians）;//弧度转经纬度

前言

前面几章我们学过了影像加载、地形加载、模型加载，基于这些已经可以构建一个基本的三维场景，但是光有场景肯定不行，还需要跟场景交互操作，这就轮到鼠标事件出场了，下面是鼠标事件的具体介绍。

基础

刚开始查看文档居然没找到鼠标事件，后来查找示例才发现Cesium中鼠标事件是依赖于ScreenSpaceEventHandler对象。

ScreenSpaceEventHandler可以监听用户输入事件，所以我们可以设置element为cesium的父容器canvas来实现监听整个页面的效果。

setInputAction可以响应用户的操作，其中第二个参数就是事件类型，查看文档可以发现所有鼠标事件都支持。

第三个参数是CTRL、ALT、SHIFT键盘修饰符。
OK，以上就是鼠标事件的基本内容，下面就可以实现具体逻辑了。