每日前端签到（第五十四天）

第五十四天（2018-09-26）

• [html] 有用地过WebGL吗？说说你对它的理解
• [css] 你有用过哪些css框架？说说它们的特点
• [js] 写一个格式化金额的方法
• [软技能] 对于让你接手一个你觉得很烂的老项目，你该怎么办？

题目一：
WebGL (Web图形库) 是一种JavaScript API，用于在任何兼容的Web浏览器中呈现交互式3D和2D图形，而无需使用插件。WebGL通过引入一个与OpenGL ES 2.0紧密相符合的API，可以在HTML5 元素中使用。
题目二：
bootstrap 不够全，所以后来基本都是借鉴思路取长补短自己写的 css 类库或原子类库。
animate.css 用起来很爽，主要用于滚动和小动效。过渡动画当然还是 clip.js 来弄的。
Tent CSS，WeUI，amazeUI 我个人用起来很不舒服，改起来麻烦，除非设计直接选用该风格。

至于 elementUI，antDesign，vantUI，mintUI 这些就是组件库了，需要集成 vue 或 react，
基本采用该库那多半 UI 风格就已经定下了，而且真正来讲更讲究组件功能性，布局影响并不很大。

首先我观念中的 UI 库可以拆为 初始化类库、原子类库、常见布局类库、组件类库。

初始化类库，好像现在都不怎么讲究了，
一方面是 select 都在用 ul 去做了，那基本没啥样式差异，
另一方面是做兼容的需求没以往那么多了，比如 input[type="range"] 样式就那样也说得过去。
其次，初始化也有一定的个人色彩，比如 p 要不要加 margin 、img 要 block 等问题。

原子类库，在使用 less 等 css 编译项目中非常非常爽，
配色呀、单位与间距呀、文本超出呀、禁用呀、滚动呀等等。

常见布局类库，多数情况是多个 dom 元素搭配的结果，
比如 .flex-col 往往会有个 .flex-grow 与其相随，.modal 总会有个 .modal-wrap 等。

组件类库，和常见布局类库是十分相似的，但有更棒的拆分规则而已。
题目三：

var number = 123456.789;
new Intl.NumberFormat('en-GB', { style: 'currency', currency: 'USD' }).format(number)
// expected output: "US$123,456.79"

感谢 @SCLeoX 提醒
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/NumberFormat
其他方法还包括 toLocalString 或者使用正则匹配 /0-9/g
题目四：
离职