WebCodecs对音视频进行编码解码
WebCodecs
允许 Web 应用程序对音频和视频进行编码和解码的 API
通过babel-plugin校验封装第三方提供的vue组件
之前就了解过 babel AST 相关的知识，刚好一个业务需求需要校验与修改第三方提供的 vue 组件，用 babel-plugin 来做这件事再合适不过了。
Telegram+rssbot搭建个人信息流服务
【即刻】走丢了很久，怀念她。想有一个渠道可以收敛日常生活中的所有通知，发现 Telegram 机器人配合 RSS 就很好的兼顾了阅读体验以及拓展支持，打开机器人对话框就能呈现一个完美的 Timeline。
方案：Telegram + 谷歌云 + flowerss-bot + RSSHub
【转】Ant Design 开源项目经验
看到总结最全面的一篇开源操作文章，转载收藏
MutationObserver计算FMP
- FMP 即 First Meaningful Paint，有意义的首屏时间
- 通过 MutationObserver 观察 DOM 结构变化以及视口范围计算实现
WebAssembly+ffmpeg浏览器视频处理
- ffmpeg 编译成 wasm 供浏览器使用
- 浏览器上传视频后无缝对接 ffmpeg 能力
如何做CR
基金定投
实践一下基金定投的方案
Sequelize-cheat-sheet
最近需要用到 Mysql 来存一些前端 FusionData（前端定义的数据，存成字符串，自己 parse 后理解），选型就是 Sequelize 这个 Node.js ORM（对象关系映射）
Svg-filter
KeyEvents与输入抖动问题
React单元测试-Jest&enzyme
- 结合一个 Todo-List 的例子进行 React 单元测试
- 模板使用：React、Redux、Webpack@4、Babel@7
实现自定义parseFloat
一个很不常见的需求
- 支持超出 17 位的数字（Number.MAX_SAFE_INTEGER）的展示
- 大数不转为科学计数法
- 各种正负号、000、科学计数法输入、数字加字符、字符加数字的 edge case 处理
- 全部使用正则处理，待进行 Benchmark 后才能确定能否用于生产
- 完全基于 TDD 开发
大型xmlStr的DOMParser
new DOMParser.parseFromString(xml, 'text/html')的最大深度是 512，大于之后会把更深层次的 DOM 节点拍平到最后一层？- 上古时代 JQ 用法
$('<div></div>').html(xml).get(0)走的是上面的流程？ - 如何超出这个限制？
Cookie的SameSite属性
翻译自：https://medium.com/compass-security/samesite-cookie-attribute-33b3bfeaeb95
- 17年的文章，是对 CSRF 很好的防御手段
- 理解了这个属性也能避免很多开发上的麻烦，例如 iFrame 中的 Cookie 处理
初识 WebAssembly
- WebAssembly 是一种新的字节码格式，主流浏览器都已经支持 WebAssembly
- WebAssembly 字节码和底层机器码很相似可快速装载运行，因此性能相对于 JS 解释执行大大提升
正则理论与应用
JS 有 6 个方法用于正则
- RegExp.prototype.test
- RegExp.prototype.exec
- String.prototype.match
- String.prototype.search
- String.prototype.replace
- String.prototype.split
理论 + 不断完善的应用实例
Decorator & Reflect Metadata & InversifyJS
- InversifyJS 比 SOLID（面向对象设计)中的 D（依赖反转）好在哪里？
- 四种 Decorator
- Reflect Metadata
- InversifyJS
NodeJS 知识体系构建
最近读《重学前端》，开篇就是让你拥有自己的知识体系图谱，后续学的东西补充到相应的模块，既可以加深对原有知识的理解，又可以强化记忆，很不错的学习方案。
这篇文章主要知识点来自：
- 《Node.js硬实战：115个核心技巧》
- i0natan/nodebestpractices
- 后续学习的一些知识点
docker-cheat-sheet
docker 实战 + 各种操作小抄。