bugyaluwang
bugyaluwang
## 问题背景 我希望面试官在看到我的简历时立刻能看到我最想表达的亮点，在这种情况下希望简历可以进行内容标注功能 ## 预期效果 可以对选中的内容进行高亮/标注 ## 预期实现 通过右键弹出菜单的方式实现 ## 具体技术方案 ### 方案一 方案一的简述是通过`windpw.getSelection()`这个API进行浏览器文本选择及替换。 我的具体实现方式我提了一个PR，在其中讲了 - https://github.com/visiky/resume/pull/74 ### 方案二 由于Selection会涉及多个节点，在选择多节点时表现出强烈的不稳定性，经过整理或许还可以通过如下方案实现。 1. 利用浏览器本身的Selection特性，不做节点替换，只做样式调整。举个例子，对于选中的范围，对其上层节点添加`class=sign`以期望实现`.sign:: selection{}` 2. 通过SelectionAPI持续修改selection的范围而不是替换节点 这个方案目前没有正式实验，预估存在问题 - Selection的特性是点击页面其他位置取消选中，怎么取消这个规则的同时不影响其他选中行为 - ::selection只支持color、background、cursor...
## 前置背景 请查看issue - https://github.com/visiky/resume/issues/75 ## 本PR对应方案一 方案一的简述是通过`windpw.getSelection()`这个API进行浏览器文本选择及替换。 具体方案思路是： 1. 通过提炼自定义hook的方式来添加自定义右键菜单，解耦页面 2. 菜单中实现对`window.getSelection()`选中的文本、节点进行替换 3. 将替换操作整理成effect，加入effect列表，形成可复现的作用链，支持通过`command+z`与`command+shift+z`进行撤销与反撤销
胶囊栏隐藏返回主页；返回上一层错误则返回主页； - 一些简单实用的存在
用于添加自定义右键菜单，只需要传入需要展现的菜单以及对应的容器 ### API 经过一定讨论，基本形成如下的结论 ```tsx type RightClickMenuInstance = [number, number, (visible: boolean) => void]; export const useRightClickMenu = ( menu: JSX.Element | (() => JSX.Element), target: | HTMLElement | (()...
# Summary In IOS, the `hitSlop` attribute of `Svg` supports the direct use of `hitSlope={4}`, but it can cause crashes on Android.The native view is also compatible with this writing...
### Description On IOS, the hitSlop attribute of Svg supports the direct use of `hitSlope={4}`, but it can cause crashes on Android. The native view is also compatible with this...
## 推荐项目 - 项目地址：https://github.com/GrinZero/dpdm-fast - 类别：Rust - 项目标题：dpdm-fast - 超快的循环依赖检测工具，基于 Rust 编写的静态依赖分析器 - 项目描述：A robust static dependency analyzer for your JavaScript and TypeScript projects. - 亮点：性能！性能！还是性能！ `dpdm-fast`是`dpdm`的 fork 项目，是一个基于用来检测项目循环依赖的静态依赖分析器。在锈化之后，性能提升了 25...
## 推荐项目 - 项目地址：https://github.com/GrinZero/node-network-devtools - 类别：JS - 项目标题：node-network-devtools - Inspecting Node.js's Network with Chrome DevTools✨ - 项目描述： `node-network-devtools`是面向 node 开发者的工具库，用于在调试标签中增加对请求的显示。**这小小的一个能力，实际上是从九年前就在[社区](https://stackoverflow.com/questions/28873332/how-to-monitor-the-network-on-node-js-similar-to-chrome-firefox-developer-tools)中提出，但是由于未能与 Chrome 开发团队达成共识以及多种原因最终 delay 到今天仍没有完成的能力。** 直到本项目完成首版本之后，node 社区开始根据本库的思路进行了[开发](https://github.com/nodejs/node/pull/53593)，并在 v22.6.0 版本上线了初步功能（ node 官方实验性地支持了对基于...
### 路由地址 ```routes NOROUTE ``` ### 完整路由地址 ```fullroutes NOROUTE ``` ### 相关文档 Any ### 预期是什么？ 我尝试在 `lib/utils/ofetch` 这个文件中添加了有副作用的代码用于启动 devtools，但是 devtools 不断报错。 经过 debugger，我添加了这一部分代码： 尝试发现，是因为存在循环引用导致的函数副作用被二次触发。对应的位置应该在这里： 我想询问一下这部分代码能否被移动到其他地方以解决循环引用问题。因为我理解中，这或许会导致 ofetch 文件导出的 rofetch 出现无法预知的行为。 ###...