冯淼森
1. [pont](https://github.com/alibaba/pont) > Pont 把 swagger、rap、dip 等多种接口文档平台，转换成 Pont 元数据。Pont 利用接口元数据，可以高度定制化生成前端接口层代码，接口 mock 平台和接口测试平台 2. [kiwi](https://github.com/alibaba/kiwi) > 是国际化从设计到发布的整个流程的一整套解决方案 3. [Quick BI专为云上用户量身打造的新一代智能BI服务平台](https://dp.alibaba.com/product/quickbi) ### 参考资料 * [揭秘 vivo 如何打造千万级 DAU 活动中台 - 启航篇](https://juejin.im/post/5e6eea34f265da57133b4297?utm_source=gold_browser_extension) *...
* [纯前端JS zip打包文件并下载](https://www.zhangxinxu.com/wordpress/2019/08/js-zip-download/) * [这应该是你见过的最全前端下载总结](https://juejin.cn/post/6844903763359039501)
1. 关于 cdn、回源等问题一网打尽 https://juejin.im/post/5af46498f265da0b8d41f6a3 https://cloud.tencent.com/developer/article/1439913 2. 前端性能优化 > TODO > 可按照url输入到页面展现的流程叙述 https://juejin.im/post/5b6fa8c86fb9a0099910ac91 2.1 前端页面资源加载、解析、执行 * 减少资源加载体积、数量 * js、css资源合并压缩，开启gzip压缩（图片资源除外） * js、css 减少首页（核心）资源加载 * 代码分割、延迟加载、预加载、异步加载 * preload、prefetch、dns-prefetch * 合并图片请求（雪碧图）、使用font icon、svg * 充分利用缓存...
1. react 的key值用处 * **React启发式算法**就是采用一系列前提和假设，使得比较前后元素树的时间复杂度由O(n3)降低为**O(n)**，React启发式算法的前提条件主要包括两点: 1. 不同的两个元素会产生不同的树 2. 可以使用key属性来表明不同的渲染中哪些元素是相同的 * [React key带来了什么](https://juejin.im/post/59abb01c518825243f1b6dad) * [key](https://www.cnblogs.com/wonyun/p/6743988.html) * [聊聊列表中的 key 属性](https://zhuanlan.zhihu.com/p/59619074) 2. virtual dom的原理和优势 [React的虚拟DOM优势在哪里](http://litianyi.cc/technology/2017/08/04/FE-React-Virtual-DOM/) > 减少了同一时间内的页面多处内容修改所触发的浏览器reflow和repaint的次数，可能把多个不同的DOM操作集中减少到了几次甚至一次，优化了触发浏览器reflow和repaint的次数 [探索Virtual DOM的前世今生](https://juejin.im/post/5b0638a9f265da0db53bbb6d) [深入框架本源系列 —— Virtual Dom](https://juejin.im/post/5b10dd36e51d4506e04cf802)...
1. js事件循环（eventloop） https://juejin.im/post/5c394da4518825253661bd4d [Tasks, microtasks, queues and schedules](https://jakearchibald.com/2015/tasks-microtasks-queues-and-schedules/) *强烈推荐，图文并茂可查看每一步执行动画* 引用贺老师知乎上的一个例子 ``` async function f() { await p console.log('ok') } ``` 简化理解为： ``` function f() { return RESOLVE(p).then(() => { console.log('ok')...
1. 全排列算法 https://segmentfault.com/a/1190000013434175 2. 多层嵌套数组去重排序 ``` var arr = [ [1, 2, 2], [3, 4, 5, 5], [6, 7, 8, 9, [11, 12, [12, 13, [14] ] ] ], 10];...
1. 泛型的作用 [泛型](https://www.tslang.cn/docs/handbook/generics.html) 2. unknown类型 > unknown 类型不能赋值给除了 unknown 或 any 的其他任何类型，使用前必需显式进行指定类型，或是在有条件判断情况下能够隐式地进行类型推断的情况 > 新的unknown 类型，它是 any 类型对应的安全类型。 unknown 和 any 的主要区别是 unknown 类型会更加严格：在对 unknown 类型的值执行大多数操作之前，我们必须进行某种形式的检查。而在对 any 类型的值执行操作之前，我们不必进行任何检查 3. interface 和...
1. Vue Composition API 和 React Hooks 对比 https://mp.weixin.qq.com/s/Z0mVR_n2Visl_7zDjOkReQ 2. Vue3 ### 参考资料 * [vue 的双向绑定原理及实现](https://juejin.im/entry/5923973da22b9d005893805a) * [vue3.0尝鲜 -- 基于 Proxy 的观察者机制探索](https://github.com/nightzing/vue3-Proxy/blob/master/proxyVue.html) * [vite —— 一种新的、更快地 web 开发工具](https://mp.weixin.qq.com/s/xdg1NIZYdNQgbunVUGh38w) * [致敬Vue3:...
### 参考资料 * [自研多端错误监控平台](https://juejin.im/post/6844904202917904391) * [前端异常监控解决方案研究](https://blog.fundebug.com/2019/08/29/frontend-exception-monitor-research/)
### 参考资料 * [CI持续集成系统环境--Gitlab+Gerrit+Jenkins完整对接](https://www.cnblogs.com/kevingrace/p/5651447.html)