1. promise 的由来

1.1 异步

我们都知道 js 是单线程的，也就是说一次只能完成一件任务。如果有多个任务，就必须排队，等待前面一个任务完成，再执行后面一个任务。

这种方式虽然实现起来比较简单，执行环境相对单纯，但是只要有一个任务耗时很长，后面的任务都必须排队等着，会拖延整个程序的执行。常见的浏览器无响应（假死），往往就是因为某一段 js 代码长时间运行（比如死循环），导致整个页面卡在这个地方，其他任务无法执行。

为了解决这个问题，js 语言将任务的执行模式分成两种：同步和异步（异步任务不具有”堵塞“效应）。

最近项目用到 less 来做 css 预处理器，之前公司项目是用的 sass，所以抽空针对 less，重新了解了一番。

1. eslint 介绍

eslint 属于一种 QA 工具，是一个 ECMAScript/JavaScript 语法规则和代码风格的检查工具，可以用来保证写出语法正确、风格统一的代码。

eslint 完全可配置，它的目标是提供一个插件化的 javascript 代码检测工具。这意味着您可以关闭每个规则，只能使用基本语法验证，或者混合并匹配捆绑的规则和自定义规则，使 eslint 完美的适用于当前项目。

[ESLint 中文官方网站]：http://eslint.cn/

官网：https://eslint.org/

在 TypeScript（下面统一简称 TS）中默认内置了很多工具泛型，能够合理灵活的使用这些工具，可以使我们的类型定义更加灵活，严谨。最近用 TS 重构了一版工程，下面是我根据自己的理解以及日常使用做的一些总结。

这些泛型定义在 node_modules/typescript/lib/lib.es5.d.ts 文件中，大概是从 1400 多行开始。所以，有兴趣也可以研究一下它们的源码实现，很有意思。

pipeline 语法参考 https://jenkins.io/doc/book/pipeline/syntax/

1. jenkinsfile 骨架

1. 属性

• <use>：创建图形引用
• <clipPath>：裁剪图形
• <mask>：创建蒙版

1. <use>

svg 可以使用 <text>、<tspan> 来创建文本。

1. 位置

• x、y 决定了文本在视图中显示的位置
• dx、dy 用于设置文本相对于当前位置的偏移量

• 如果 dx、dy 的值是多个值，则从第二个值开始，表示文本内字符的间距

  阅读全文 »

1. 介绍

path 字符串由一系列命令序列组成，序列的首字母表示命令类型，后面跟的是命令的坐标值或命令的设定。

1
2
3

<path d='M0, 0 L10, 20 C30-10, 40,20,100,100' stroke='red' />
<path d='M0 0 L10 20 C30 -10 40 20 100 100' stroke='red' />
<path d='M0 0, L10 20, C30 10, 40 20 100 100' stroke='red' />

1. 标签