blog
blog copied to clipboard
zhangyu921
Just say some thing
TL;DR: 在 tooltip 配置的 formatter 配置里执行函数 --- 项目中有一个需求，要实现在折线图上滑动，下方的表格的数据要随之联动。 一开始查阅 Echarts 的[文档][Echart事件文档]发现 MarkLine 上可以定义事件，可以基本实现这个功能。在数据处理阶段，顺便生成 markline 的数据就好了。 ``` chart.on('mouseover', (params: any) => { setActiveDate(params.data.value); }); ``` 当然这样效果是有点缺憾的，就是markline的“粗细”不好掌握，必须严格的指到 markline 上才能触发事件。 后面又查到了这个 [issue][issue]，可以直接利用formatter来实现： ```...
如何移除yarn
create-react-app默认运行yarn下载模块，但在中国经常报错，但是可以通过卸载yarn解决。 另外 npm 6.x 之后，yarn的优势也不再明显，推荐还是直接使用npm为好。 pps： create-react-app 也提供了一个参数 `--use-npm` ，以使用npm安装。 如果`npm uninstall -g yarn`之后，yarn还是可用，可以尝试手动删除(Mac OSX) ``` rm -rf /usr/local/lib/node_modules/yarn rm -rf /usr/local/bin/yarn yarnpkg ``` ### 其他系统的卸载方式： ``` brew: brew uninstall...
``` bash $ brew install smartmontools $ smartctl -a disk0 | grep Temperature Temperature: 54 Celsius ```
这个问题可能比较冷门，我遇到的是在混合开发的场景，与 App 通信的情况。 一般的步骤是：前端 JS 先准备好全局回调的逻辑，例如 window.setUserData = ( result ) => { /_ Do something _/ }。然后通过某种方式触发，假设类似是：window.postmessages.getUserData()。 这种情况下，前端一般会封装一个方法： ```javascript function getUserData() { new Promise((resolve, reject) => { window.setUserData =...
# Nginx解决多目录单页应用BrowserHistory 下匹配正确 index.html 问题 使用 Browser History 路由的形式的单页应用，需要服务配合，例如在 nginx 下需要添加 try_files 配置。这样在路由分支下页面刷新的时候，可以返回 index.html； 如果配置了多个目录情况，例如： ``` example.com/app1 // app 1 example.com/app2 // app 2 ``` 一般可以采用配置多个 location 配合 alias 来实现：...
此篇介绍 Manjaro 全新安装几乎都要做的配置。记录以备忘，如有更好的方案，还请多多交流~ ## pacman 换源 pacman 切换中文源非常的简单，上一篇里也有提及，输入下面的代码就可以 ``` sudo pacman-mirrors -c China ``` ## 添加 archlinuxcn 仓库 ``` # 打开pacman.conf sudo vim /etc/pacman.conf # 复制这段，粘贴到文件内 [archlinuxcn] Server = https://mirrors.tuna.tsinghua.edu.cn/archlinuxcn/$arch...
起因是我的 MacBook Pro 突然出了问题要拿去售后，想着用老本接续一下时突然想到之前看过的一期b站up主theCW的[视频](https://www.bilibili.com/video/av57993155)，介绍了 manjaro 和 i3wm 和一些常用的软件及配置，于是依葫芦画瓢的弄出来，使用了有一周左右。 使用的过程不算很长，有一步一步手动探索的快感，也有遇到问题时的紧张，也会想念之前习惯的macOS；但最让我觉得可以长久使用下去的时刻，恰好是我拿回我的mac的时候。没有了自己亲手写的“掌控一切”的快捷键，就连用三指切换屏幕都觉得太慢…… 于是，我决定认真的做个尝试，把日常的工作环境全部迁移到manjaro上来，此文记录一下我的实现过程，用以备忘和寻求更好的建议~ ## 正式开始 准备：rufus写盘工具 和 manjaro 安装镜像 rufus 只提供了 Windows 版本，如果需要macOS下可以尝试 [dd](https://blog.daliansky.net/MacOS-use-the-dd-command-to-make-Ubuntu-install-USB-disk.html) 镜像选择：由于我想使用 i3 作为我的桌面环境，而 manjaro 官方并没有提供，经过从各种发行版安装i3的过程，我最终还是认为用官方的 Architect 版本镜像安装最为纯粹直接，而且这么安装的 i3 环境，可以开箱直接使用就很舒服了。...
在使用 nginx docker 容器配置反向代理的时候，默认不能直接使用 localhost，因为访问它指向的是这个容器本身。而本机的内网 ip 时常改变，如果没有联网还会没有内网地址，开发测试非常的不方便。 在 Desktop 环境下，可以使用 `host.docker.internal` docker 提供的特殊 DNS 访问宿主机。 如果是 Linux 环境还可以使用 docker 提供的 `host networking`，将容器的端口直接发布到宿主机上。 > host networking 方法只能用于Linux环境下的docker，不支持 Docker Desktop for Mac，Docker...
### 目的： - 约束一条commit，只做一件事情； ### 例子： - add 某某模块-某某单元，添加用户平均数据调用；（添加新的，功能、逻辑） - upd 某某模块-某某单元，组件更新；（在原有基础上优化，逻辑、代码） - mod 某某模块-某某单元，根据接口修改参数；（在原有的基础上，无新功能、逻辑） - fix 修复用户面板不显示 VIP 状态的问题；（修复原有的问题） - del 清理无用console.log (删除，功能、逻辑)； ### 一些说明： #### 不应省略中文描述动词（添加、更新、修改） - 描述追求表达准确...
> React Native [Unbundling + inline requires](https://facebook.github.io/react-native/docs/performance.html#unbundling-inline-requires) 部分的翻译 ## Unbundling + inline requires 如果你有一个大的应用程序，你可能要考虑拆分和使用内联引用。这对于具有大量页面的应用程序是非常有用的，这些页面在应用程序的典型使用过程中可能不会被打开。通常对于启动后一段时间内不需要大量代码的应用程序来说是非常有用的。例如应用程序包含复杂的配置文件屏幕或较少使用的功能，但大多数会话只涉及访问应用程序的主屏幕更新。我们可以通过使用打包器的`unbundle`特性来优化`bundle`的加载，并且内联引用这些功能和页面（当它们被实际使用时）。 ### Loading JavaScript 在 react-native 执行 JS 代码之前，必须将代码加载到内存中并进行解析。如果你加载了一个50MB的bundle，那么所有的50mb都必须被加载和解析才能被执行。 拆分后的优化是，启动时只加载 50MB 中实际需要的部分，并随着需要的部分逐渐加载更多的包。 ### Inline Requires 内联引用 内联引用延迟模块或文件的加载，直到实际需要该文件。一个基本的例子看起来像这样：...