从零实现 Harness Agent：从黑盒 Agent 到可控运行时
本文是 Harness Agent 系列开篇，解释为什么 AI Agent 需要可控、可恢复、可观察的运行时底座，并介绍 tiny-claw 的核心架构判断。
网格布局中的动画
See the Pen Untitled by xugaoyi (@xugaoyi) on CodePen. 来源：本文导入自 xugaoyi/vuepress-theme-vdoing 的 docs/02.页面/20.CSS/80.网格布局中的动画.md。原作者：xugaoyi。许可证：MIT。
Git修改分支名
同时修改本地分支名和对应的远程分支名修改前要确保本地分支的代码是最新的，并且修改后不会影响到同事的代码。 修改本地分支名 1git branch -m oldBranchName newBranchName 删除远程分支 12git push origin :oldBranchName# 或者 git push origin --delete oldBranchName 改名后的本地分支推送到远程 1git push --set-upstream origin newBranchName 来源：本文导入自 xugaoyi/vuepress-theme-vdoing 的 docs/03.技术/01.技术文档/20.Git修改分支名.md。原作者：xugaoyi。许可证：MIT。
CSS给table的tbody添加滚动条
1234567891011table tbody { height: 200px; overflow-y: auto; display: block;}table thead,tbody tr { display: table; width: 100%;} 来源：本文导入自 xugaoyi/vuepress-theme-vdoing 的 docs/02.页面/20.CSS/70.CSS给table的tbody添加滚动条.md。原作者：xugaoyi。许可证：MIT。
一行代码“黑”掉任意网站
一行代码“黑”掉任意网站实用技巧：只需一行代码，轻轻一点就可以把任意网站变成暗黑模式。 首先我们先做一个实验，在任意网站中，打开浏览器开发者工具(F12)，在Console控制台输入如下代码并回车： 1document.documentElement.style.filter='invert(85%) hue-rotate(180deg)' 神奇的事情发生了，当前打开的网站变成了暗黑模式。 详情：原理解释 document.documentElement 获取文档对象的根元素，即<html>元素 给html元素的.style样式添加filter滤镜样式为invert(85%) hue-rotate(180deg) invert() 反转图像。 hue-rotate()色相旋转。 更多滤镜知识：filter。 为了更方便实用，达到轻轻一点就可以对网页施加魔法🎉， 我们对代码做了一点点🤏🏻改动。（修正了滤镜对图片等元素的影响） 1javascript: (function () { const docStyle = ...
使用State Hook
02. 使用State Hook123456789101112131415import React, { useState } from 'react';function Example() { // 声明一个叫 "count" 的 state 变量 const [count, setCount] = useState(0); return ( <div> <p>You clicked {count} times</p> <button onClick={() => setCount(count + 1)}> Click me </button> </div> );} 我们将通过将这段代码与一个等价的 class 示例进行比较来开始学习 Hook。 等价的Class组件示例1234567891011121314151...
案例演示
案例演示本节内容根据官方文档的 教程 编写。 在线demo 案例代码123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175import React from 'react'import Reac...
高级指引
01.高级指引 来源：本文导入自 xugaoyi/vuepress-theme-vdoing 的 docs/《React》笔记/02.高级指引/01.高级指引.md。原作者：xugaoyi。许可证：MIT。
State&生命周期
04. State & 生命周期State 与 props 类似，但是 state 是私有的，并且完全受控于当前组件. State类似于vue中的data选项 将函数组件转换成 class 组件 在没有useState钩子函数之前，是通过class组件管理State ？ 12345678910class Clock extends React.Component { render() { return ( <div> <h1>Hello, world</h1> <h2>It is {this.props.date.toLocalTimeString()}</h2> </div> ) }} 每次组件更新时 render 方法都会被调用，但只要在相同的 DOM 节点中渲染 <Clock /> ，就仅有一个 Clock 组件的 class 实例被创建使用。这就使得我们可...
列表&Key
07. 列表 & Key如下代码，我们使用 map() 函数让数组中的每一项变双倍，然后我们得到了一个新的列表 doubled 并打印出来： 123const numbers = [1, 2, 3, 4, 5];const doubled = numbers.map((number) => number * 2);console.log(doubled); 在 React 中，把数组转化为元素列表的过程是相似的。 渲染多个组件12345678910const numbers = [1,2,3]// 通过map方法将数值放入li，形成一个li标签组成的数值，在一次性放入ulconst listItems = numbers.map(number => { <li>{numbers}</li>})ReactDOM.render( <ul>{listItems}</ul> document.getElementById('root')...
