rxliuli blog
  • 首页
  • 归档
  • 标签
  • 关于
  • 友链
  •   
  •   

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
1…34567…19

搜索

Hexo Fluid