--- title: "wongchisum (@wong1997) | Hashnode" description: "developer. Read the latest articles by wongchisum on Hashnode." url: "https://hashnode.com/@wong1997" --- @wong1997 # wongchisum @wong1997 · Joined July 2023 developer ### [JS-Reverse-MCP 逆向尝试](https://blog.ai-is-luv.com/js-reverse-mcp?utm_source=hashnode&utm_medium=feed) 模型:codex 5.4 搭配 js-reverse mcp使用 https://github.com/zhizhuodemao/js-reverse-mcp mcp内置了一些tool，可以插入脚本，打断点，获取调试信息，获取iframe等，效果基本上等同于devtool操作。 目前尝试网站：某易音乐逆向音乐播放列表接口，效果还是不错的。 实现思路： 获取目标页面，打开浏览器，CDP协议让Age 1 min read · [blog.ai-is-luv.com](https://blog.ai-is-luv.com/js-reverse-mcp?utm_source=hashnode&utm_medium=feed) [May 15](https://hashnode.com/posts/js-reverse-mcp/6a06c7899c794cb653faf052) ### [CodeX 逆向思路](https://blog.ai-is-luv.com/codex?utm_source=hashnode&utm_medium=feed) 省流： 整体思路：更换提示词，提供接口信息，提供js资源。由AI进行断点调试的建议。 再次提供断点调试上下文，AI通过脚本进行运行和分析，让AI写脚本进行验证。 （可选）：插桩验证，如cookie/localStorage等。 背景： 任务开发中，有一些链路比较适合通过接口调用的方式取数，但是接口有加密，需要使用AI工具进行解密。 提示词： You are Codex deployed priv 4 min read · [blog.ai-is-luv.com](https://blog.ai-is-luv.com/codex?utm_source=hashnode&utm_medium=feed) [Apr 26](https://hashnode.com/posts/codex/69edfb873d6a492cddf37859) ### [Ant Design Form组件封装 4：异步组件](https://blog.ai-is-luv.com/ant-design-form-4?utm_source=hashnode&utm_medium=feed) 背景： 有一些组件可能是通过异步加载数据的方式，进行渲染。常规的Select等组件的交互不适用。因此，我们需要对组件进行拓展。我们可以增加一些type，比如：AsyncSelect,AsyncRadioGroup。 用例： 以AsyncSelect和AsyncRadioGroup为例，我们可以增加一个props service，接收一个异步函数。用于在组件初始化的时候，进行数据加载。 const formFields = \[ { name: "city", label: "c... 2 min read · [blog.ai-is-luv.com](https://blog.ai-is-luv.com/ant-design-form-4?utm_source=hashnode&utm_medium=feed) [Dec 5, 2025](https://hashnode.com/posts/ant-design-form-4/6932970812bc54552b64a31c) ### [Ant Design Form组件封装 3：数据联动](https://blog.ai-is-luv.com/ant-design-form-3?utm_source=hashnode&utm_medium=feed) 背景： https://hashnode.com/post/cmisjocxm000b02le57zzcwux 讲了大致的组件拆分，通过遍历的方式去实现数据转成视图。我们需要进一步处理数据联动的场景，比如：字段name变动了，需要去改变字段age等。 实现分析： 1.通过React State驱动更新 UI = Fn(State)，状态变化，所以视图变化。通过这种方式更新是最直觉的，但这种方式会导致re-render。 2.通过key更新，强制更新组件 Fields组件，本质上是进行遍历循环，通... 3 min read · [blog.ai-is-luv.com](https://blog.ai-is-luv.com/ant-design-form-3?utm_source=hashnode&utm_medium=feed) [Dec 5, 2025](https://hashnode.com/posts/ant-design-form-3/69328e4720261cc087f074d5) ### [Ant Design Form组件封装 2：基础实现](https://blog.ai-is-luv.com/ant-design-form-2?utm_source=hashnode&utm_medium=feed) 1.背景： 根据 https://hashnode.com/post/cmisj6djg000b02l138wue38v，我们可以拆分成两部分：组件+视图。通过fields，可以通过遍历的方式，渲染FormItem。但是需要进一步解决监听、联动的问题 2.组件拆分： Form(负责处理数据接收、提交、数据变动处理) Fields（接收fields数据，处理渲染） FieldItem (解析单个Field，处理具体的渲染逻辑) 3.代码实现： 1.类型定义 import type { Inpu... 2 min read · [blog.ai-is-luv.com](https://blog.ai-is-luv.com/ant-design-form-2?utm_source=hashnode&utm_medium=feed) [Dec 5, 2025](https://hashnode.com/posts/ant-design-form-2/693289f25decfb95814f8933)