Tirion - 博客园

通过 JS 理解 HashMap

摘要： HashMap 即哈希表，也叫散列表，是根据关键码值 key → value 而直接进行访问的数据结构。它通过把关键码值映射到表中一个位置来访问记录，有点类似于数组，并且能在O(1)（冲突情况另算）下查找到元素。在 JS 中，我们最常使用的对象其实就是哈希表的实现。如： const o = { n 阅读全文

posted @ 2021-01-11 15:37 Tirion 阅读(897) 评论(0) 推荐(0)

项目多方协同开发，单点登录问题

摘要：最近开发了一个项目，这个项目由 A, B, C 三方共同开发。我们是 B 方，登录相关都是由 A 进行开发，然后跳转到 B 和 C 的系统，将用户 token 通过 url 传递过来，我们通过 url获取 token 就能知道当前登录用户了。但是我方和 C 方实现 token 获取时使用了不同的方阅读全文

posted @ 2020-07-08 15:06 Tirion 阅读(429) 评论(0) 推荐(0)

Vue 中批量异步更新 nextTick 解读

摘要：批量更新代码示例： let uid = 0; class Watcher { constructor () { this.id = ++uid; } update () { console.log('watch' + this.id + ' update'); queueWatcher(this); 阅读全文

posted @ 2020-07-01 10:12 Tirion 阅读(302) 评论(0) 推荐(0)

roc-charts 开源的轻量级关系图谱框架

摘要：此框架基于 zrender 开发，用于展现节点之间的关系。关系的呈现（图谱布局）主要还是由使用者决定，可以很简单的将自己的布局算法加入到此框架中，而框架更多的作用是实现图谱操作功能，此框架内置了一些常用功能，也提供了插件机制可供开发更多功能。框架的使用: yarn add roc-charts 或阅读全文

posted @ 2020-06-09 15:26 Tirion 阅读(1625) 评论(0) 推荐(0)

Markdown 里面的树状目录是怎么搞的呢

摘要： Markdown 中我们经常会看到这样的描述目录的结构，但是 Markdown 并没有这样的语法用来生成这样的目录描述，那是怎么搞的呢？难道一个个字符的输入？实际上一些第三方工具可以生成这样的目录结构文本，然后拷贝到 Markdown 中。比如在 Mac 上，可以使用 brew install 阅读全文

posted @ 2020-06-04 15:56 Tirion 阅读(25263) 评论(0) 推荐(0)

roc-charts 开发笔记：单一来源原则

摘要：今天在写代码的时候发现 class 中一些地方会有这样的写法： update(options) { this.elem.innerHTML = ''; this.init(options || this.options); } 一个方法中接收参数，如果调用此方法的时候没传这个参数则使用 class 阅读全文

posted @ 2020-06-02 10:04 Tirion 阅读(265) 评论(0) 推荐(0)

roc-charts 开发笔记：原生组件开发技巧——组件更新

摘要：最近开发一个前端工具，需要使用原生 JS 来开发组件，在开发一个下拉选择组件的过程中，一开始更新组件的功能——比如点击下拉列表选项更新选中状态，实现方式就是监听下拉列表选项的点击事件，然后修改当前选中的内容以及下拉列表中选中的内容。这样的实现方式是常规实现，通过不断的操作 dom 来实现功能。但是阅读全文

posted @ 2020-06-01 23:27 Tirion 阅读(276) 评论(0) 推荐(0)

webpack 将多个项目打包到同一个目录下的配置

摘要：一个项目分成多个子系统，每个子系统作为一个独立的项目开发，访问的时候通过 xxx.xxx.xxx/a 来访问其中一个子系统。如图所示，a、b、c 为3个子系统，打包后会打包到 www 目录中形成 a、b、c 3个目录，项目部署后 http 服务指向 www 目录。开发的时候 webpack 配置阅读全文

posted @ 2020-04-27 09:53 Tirion 阅读(877) 评论(1) 推荐(0)

Mac 修改自定义分辨率开启hidpi方法

摘要： https://github.com/xzhih/one-key-hidpi/blob/master/README-zh.md mbp 的分辨率1440x900太小，1680x1050又太大，所以想设置一个1600x1000的分辨率。运行这个 sh 文件就行手动设置需要的分辨率，并开启 hidp 阅读全文

posted @ 2020-04-12 01:02 Tirion 阅读(2935) 评论(0) 推荐(0)

React.lazy 和 react-hot-loader 遇到的两个坑

摘要：今天升级了脚手架，重新配置懒加载使用 React.lazy，但是在配置的时候遇到两个坑，搞了很久才解决，在此记录一下。一是在使用 React.lazy 来进行懒加载的时候，lazy() 里的 import() 组件始终不会进行代码分割，试了各种方法都没解决，而且代码看起来和各种教程都一样的，最后发阅读全文

posted @ 2020-04-04 10:27 Tirion 阅读(1031) 评论(0) 推荐(0)

再看最后一眼青春的星空

灿烂火光就像盛夏的烟火

欢送挣扎万年文明的巅峰

我们啊

将变星辰永远飘在黑暗宇宙

这个男人来自三体

导航

公告