JavaScript 沙箱探索 场景最近基于 web 在做一些类似于插件系统一样的东西，所以折腾了一下 js 沙箱，以执行第三方应用的代码。 沙箱基础功能在实现之前（好吧，其实是在调研了一些方案之后），确定了沙箱基于 event bus 形式的通信实现上层的功能，基础的接口如下 export interface IEventEmitter { /** * 监听事件 * @param channel * @p 2021-10-19 javascript wiki
2021 第十二周 快速一览 回到老家 看望姥姥 继续购买睡衣（其实是购物减压啦） 饭局 * 2 算法：尝试理解高楼扔鸡蛋的问题 生活好吧，这（上）周的记录好像写的有些晚了，不过吾辈今天才离开家里，所以便在高铁上写下了这篇。这周完全是在老家度过的，本以为现在家里的天气会很冷，为之吾辈还带了一件厚衣服，但实际上仅仅只有早晨和傍晚才会比较冷，白天最高 20+°C 的温度让吾辈仅仅能穿一件薄外套，幸好考虑到从广州出发会不 2021-03-29 个人 周报
在现代前端项目中使用 Worker 场景由于需要做一些 CPU 密集型的计算，为了优化性能，吾辈开始尝试使用 worker 将计算任务放到其它线程（主要还是为了避免主线程卡死）。 主要场景包括 浏览器上的 WebWorker/SharedWorker：处理音频数据 nodejs 中的 worker_threads：解析 md/ts ast 然后处理 为什么不用 wasm？– 主要是由于它需要从零开始编写相关的代码，而非可以直接 2020-12-30 typescript wiki
Git 频繁要输入密码的问题 场景突然就遇到了，每次使用 Git 进行 pull/push 操作时都要输入密码，真是超级麻烦！ 原因在 Git 服务器上面设置了 SSH 密钥但仍然使用 HTTP/HTTPS 连接就会出现这个问题 解决方案1. 配置一个本地文件记录用户名/密码进入到 git 根目录下，执行下面的命令即可 git config --global credential.helper store 2. 使用 SSH 2020-02-02 git
WebStorm 使用技巧 WebStorm 全局默认配置使用场景：使用 WebStorm 经常会遇到一种情况，在这个项目自顶了一些设置（Settings 而非 Project Structure，例如 自定义的 Maven，项目字符编码等等），到了新的项目全部恢复了默认值又要重新设定。 解决方案：通过 WebStorm 的默认设置（File > Other Settings > Default Settings 2020-02-02 wiki 工具 webstorm
个人与开源 场景昨天，吾辈的 GitHub 提交已经超过了去年一整年。就在前几天，有人从 GitHub 上找到了吾辈，所以想谈一些吾辈关于开源的认识。 2020 2021 为什么要做开源项目最初的想法是觉得开源很酷，许多厉害的人都创造了许多有趣的开源工具，典型的就是 Linux。后面工作之后坚持下来的原因更多是公司的项目很一般，所以只能通过开源项目来提高技术能力，并希望做出一点有用的东西。 收益 学习开 2021-06-26 杂谈
2021 第十一周 快速一览 周五正式离职 阿里云 DataV 内推失败 一家中小公司面试失败 周三请几位同事一起吃了顿饭 打算下周回老家休息一周 GitHub 评级上升至 A++ joplin-search-integration 功能已基本实现 尝试 git 约定式提交 工作天空中不会留下飞鸟的痕迹。这周五，吾辈已然从公司离职了，和吾辈相关的东西都会随着时间慢慢消失吧。曾经有人对吾辈说：“年轻真好，没有房贷家庭 2021-03-21 周报
实践 lerna monorepo 已转入 yarn2，放弃使用 lerna+yarn1 的组合，具体原因参考 yarn2 使用 中描述的动机。 历史 上古时期，前端没有工程化的概念可言，复用代码也不过是将某些 css、js 代码片段保存到笔记，需要时复制到项目中，仅此而已。参考：55 个提高你 CSS 开发效率的必备片段，或是 jquery 库 莽荒时代，前端出现了 nodejs 和 npm，于是一大批通用代码被发布到了 np 2021-02-23 工程化 wiki
CSS Grid 页面布局 背景 grid 可视化布局, css grid 完整指南 早就知道 css grid 布局非常强大，但之前由于兼容性问题一直没有机会尝试，近来在生产环境中大规模尝试使用它，并尝试在 react 中进行封装：在 react 中优雅的使用 grid 实现页面布局，于此记录一下各种常见布局的 grid 实现。 附：grid 真的是一个非常强大自适应布局系统。 示例 注：以下示例均默认引用了 Nor 2020-12-09 css grid
在 react 中优雅的使用 grid 实现页面布局 这篇现在来看感觉是用 react 组件用疯了，好孩子不要学。 场景吾辈在做 electron 应用的时候遇到了这种布局，顶部是 header，然后是页面中的 toolbar，紧接着右边有一个侧边栏列表，左侧的内容又分为了两块区域。这种布局在中后台系统中应该很常见，但之前并未特别留意过布局通用化。 使用 css calc() 计算高度 基于 css calc() 封装 Col/Row 组件， 2020-12-02 css react grid
基于 nodejs 的热更新 http 开发服务器 场景之前一直在使用 http-server 作为本地快速启动静态 http 服务器的命令行工具，然而直到今天，吾辈实在难以忍受其在修改完 HTML 文件后，http-server 不会自动刷新浏览器重新渲染页面，而是需要手动刷新才行，真的是不厌其烦，所以吾辈开始找更好的工具。 注：http-server 其实也已经热更新到内存中了，只不过不会触发浏览器刷新页面。 期望 零配置使用 修改文件 2020-02-02 javascript
前端使用工具强制实行代码规范（Vue） 场景 GitHub Demo 非强制性的规范都不会成为真正的规范。在之前，我们也会在团队内编写一些开发规范文档，却总是不能真正有效的执行下去，原因何在？ 其一，人是健忘的，就算真正看完了规范文档，也不可能记住每一条规范，并且在代码中正确实践。 其二，人是懒惰的，即便有着规范，但只要写代码的时候没有强制性，那总是不会在意的。 那么，使用自动化的工具是为首选，而前端恰好有了一些可用的工具来帮助我 2020-02-02 工程化 vue