求教 QueryView 插件日记热力图

求教,用 AI 把原帖代码修改了一半最后怎么修改都修改不对,求大佬帮忙修改下。
想实现的效果是:① 把原一年两张的热力图合并为一张,② 根据日记文档字数体现活跃度

这个是我用豆包修改了一半的代码

//!js
const query = async () => {
  // 初始化QueryView数据视图
  let dv = Query.DataView(protyle, item, top);

  // 存储处理后的笔记数据
  const data = [];
  let thisYear;
  
  // 获取文档字数的函数
  const getDocWordCount = async (blockId) => {
    try {
      // 使用思源API获取文档内容
      const resp = await fetch(`/api/block/getBlockInfo`, {
        method: 'POST',
        headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify({ id: blockId })
      });
      
      if (!resp.ok) {
        throw new Error(`获取文档内容失败: ${resp.status}`);
      }
      
      const blockInfo = await resp.json();
      // 计算纯文本字数(去除HTML标签)
      const textContent = blockInfo.content.replace(/<[^>]+>/g, '');
      return textContent.length;
    } catch (error) {
      console.error('获取文档字数出错:', error);
      return 0;
    }
  };
  
  try {
    // 获取根文档的子文档
    let childs = await Query.childdoc(dv.root_id);
    
    // 遍历子文档获取日期笔记
    for (let child of childs) {
      const subchilds = await Query.childdoc(child.root_id);
      
      for (let subchild of subchilds) {
        // 从文档属性中提取日期信息
        const m = subchild.ial.match(/dailynote-(\d{4})(\d{2})(\d{2})/);
        
        // 跳过格式不匹配的文档
        if (!m) continue;
        
        const [_, year, month, day] = m;
        
        // 确定当前年份
        if (!thisYear) {
          thisYear = year;
        }
        
        // 添加到数据列表
        data.push({
          id: subchild.id,
          date: `${year}-${month}-${day}`,
          title: subchild.content,
          url: `siyuan://blocks/${subchild.id}`
        });
      }
    }
    
    // 确保有数据可展示
    if (data.length === 0) {
      dv.content = '<div class="bq">未找到符合条件的日期笔记</div>';
      dv.render();
      return;
    }
    
    // 生成热力图数据(改为根据文档字数)
    const heatmapData = [];
    let maxWordCount = 0;
    
    // 先获取所有文档的字数并找出最大值
    for (const item of data) {
      const wordCount = await getDocWordCount(item.id);
      item.wordCount = wordCount;
      maxWordCount = Math.max(maxWordCount, wordCount);
    }
    
    // 生成热力图数据,根据字数计算热度值
    for (const item of data) {
      // 根据字数计算热度值,乘以系数使数值更合适
      const coefficient = 1000 / Math.max(1, maxWordCount); // 避免除以0
      const value = Math.min(item.wordCount * coefficient, 1000); // 限制最大值为1000
      heatmapData.push([item.date, value]);
    }
    
    // 计算实际数据的最大值
    const actualMax = Math.max(...heatmapData.map(item => item[1]));
    
    // ECharts配置
    const option = {
      tooltip: {
        trigger: 'item',
        formatter: (params) => {
          const item = data[params.dataIndex];
          return `
            <div class="font-bold">${item.date}</div>
            <div>${item.title}</div>
            <div class="text-sm text-gray-500">字数: ${item.wordCount}</div>
            <div class="text-sm text-gray-500">活跃度: ${params.value[1]}</div>
          `;
        }
      },
      visualMap: {
        min: 0,
        max: Math.max(1000, actualMax), // 确保最大值合理
        show: false,
        type: 'piecewise',
        orient: 'horizontal',
        left: 'center',
        top: 'bottom',
        pieces: [
          { min: 0, max: 200, color: '#f1eef6' },
          { min: 201, max: 400, color: '#bdc9e1' },
          { min: 401, max: 600, color: '#74a9cf' },
          { min: 601, max: 800, color: '#2b8cbe' },
          { min: 801, max: 1000, color: '#045a8d' }
        ]
      },
      calendar: [
        {
          range: [`${thisYear}-01-01`, `${thisYear}-06-30`],
          cellSize: [22, 22],
          top: 50,
          left: 'center',
          orient: 'horizontal',
          dayLabel: { nameMap: 'cn' },
          monthLabel: { nameMap: 'cn' },
          itemStyle: {
            borderRadius: 4
          }
        },
        {
          range: [`${thisYear}-07-01`, `${thisYear}-12-31`],
          cellSize: [22, 22],
          top: 320,
          left: 'center',
          orient: 'horizontal',
          dayLabel: { nameMap: 'cn' },
          monthLabel: { nameMap: 'cn' },
          itemStyle: {
            borderRadius: 4
          }
        }
      ],
      series: [
        {
          type: 'heatmap',
          coordinateSystem: 'calendar',
          data: heatmapData,
          label: {
            show: false
          },
          emphasis: {
            itemStyle: {
              shadowBlur: 10,
              shadowColor: 'rgba(0, 0, 0, 0.5)'
            }
          }
        },
        {
          type: 'heatmap',
          coordinateSystem: 'calendar',
          calendarIndex: 1,
          data: heatmapData,
          label: {
            show: false
          },
          emphasis: {
            itemStyle: {
              shadowBlur: 10,
              shadowColor: 'rgba(0, 0, 0, 0.5)'
            }
          }
        }
      ]
    };
    
    // 添加ECharts图表
    dv.addecharts(option, {
      height: '600px',
      events: {
        click: (params) => {
          const item = data[params.dataIndex];
          // 点击时打开对应笔记
          Query.Utils.openBlock(item.id);
        }
      }
    });
    
    // 添加标题
    dv.title = `<div class="text-center text-xl font-bold">${thisYear}年笔记日历</div>`;
    
    // 更新图例说明
    dv.content += `
      <div class="flex justify-center mt-4 gap-4">
        <div class="flex items-center"><span class="inline-block w-4 h-4 bg-[#f1eef6] mr-2 border border-gray-300"></span> 低活跃度</div>
        <div class="flex items-center"><span class="inline-block w-4 h-4 bg-[#74a9cf] mr-2 border border-gray-300"></span> 中等活跃度</div>
        <div class="flex items-center"><span class="inline-block w-4 h-4 bg-[#045a8d] mr-2 border border-gray-300"></span> 高活跃度</div>
      </div>
    `;
    
    // 渲染视图
    dv.render();
    
  } catch (error) {
    console.error('查询执行出错:', error);
    dv.content = `<div class="bq text-red-500">查询执行出错: ${error.message}</div>`;
    dv.render();
  }
}

return query();

原帖地址:QueryView 插件实现的日记热力图或索引 - 链滴

  • 思源笔记

    思源笔记是一款隐私优先的个人知识管理系统,支持完全离线使用,同时也支持端到端加密同步。

    融合块、大纲和双向链接,重构你的思维。

    25921 引用 • 107423 回帖 • 1 关注
  • Q&A

    提问之前请先看《提问的智慧》,好的问题比好的答案更有价值。

    9951 引用 • 45203 回帖 • 77 关注

相关帖子

被采纳的回答
  • //!js
    const query = async () => {
      // 初始化QueryView数据视图
      let dv = Query.DataView(protyle, item, top);
    
      // 存储处理后的笔记数据
      const data = [];
      let thisYear;
    
      // 获取文档字数的函数
      const getDocWordCount = async (blockId) => {
        try {
          // 使用思源API获取文档内容
          const resp = await Query.docStat(blockId);
    
          return resp.stat.wordCount;
        } catch (error) {
          console.error('获取文档字数出错:', error);
          return 0;
        }
      };
    
      try {
        // 获取根文档的子文档
        let childs = await Query.childdoc(dv.root_id);
    
        // 遍历子文档获取日期笔记
        for (let child of childs) {
          const subchilds = await Query.childdoc(child.root_id);
    
          for (let subchild of subchilds) {
            // 从文档属性中提取日期信息
            const m = subchild.ial.match(/dailynote-(\d{4})(\d{2})(\d{2})/);
    
            // 跳过格式不匹配的文档
            if (!m) continue;
    
            const [_, year, month, day] = m;
    
            // 确定当前年份
            if (!thisYear) {
              thisYear = year;
            }
    
            // 添加到数据列表
            data.push({
              id: subchild.id,
              date: `${year}-${month}-${day}`,
              title: subchild.content,
              url: `siyuan://blocks/${subchild.id}`
            });
          }
        }
    
        // 确保有数据可展示
        if (data.length === 0) {
          dv.addmd('未找到符合条件的日期笔记');
          dv.render();
          return;
        }
    
        // 生成热力图数据(改为根据文档字数)
        const heatmapData = [];
        let maxWordCount = 0;
    
        // 先获取所有文档的字数并找出最大值
        for (const item of data) {
          const wordCount = await getDocWordCount(item.id);
          item.wordCount = wordCount;
          maxWordCount = Math.max(maxWordCount, wordCount);
        }
    
        // 生成热力图数据,根据字数计算热度值
        for (const item of data) {
          // 根据字数计算热度值,乘以系数使数值更合适
          const coefficient = 1000 / Math.max(1, maxWordCount); // 避免除以0
          const value = Math.min(item.wordCount * coefficient, 1000); // 限制最大值为1000
          heatmapData.push([item.date, value]);
        }
    
        const actualMax = Math.max(...heatmapData.map(item => item[1]));
    
    

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...
    1. data view 对象 dv 用法有问题,dv.content dv.title 这种都是他瞎编的接口,你可以尝试把说明文档发给他让他改一下
    2. getDocWordCount 函数写的有问题,用 Query.docStat API
    //!js
    const query = async () => {
      // 初始化QueryView数据视图
      let dv = Query.DataView(protyle, item, top);
    
      // 存储处理后的笔记数据
      const data = [];
      let thisYear;
    
      //====== 更改 API 调用 =====
      const getDocWordCount = async (blockId) => {
        try {
          // 使用思源API获取文档内容
          const resp = await Query.docStat(blockId);
    
          return resp.stat.wordCount;
        } catch (error) {
          console.error('获取文档字数出错:', error);
          return 0;
        }
      };
    
      try {
        // 获取根文档的子文档
        let childs = await Query.childdoc(dv.root_id);
    
        // 遍历子文档获取日期笔记
        for (let child of childs) {
          const subchilds = await Query.childdoc(child.root_id);
    
          for (let subchild of subchilds) {
            // 从文档属性中提取日期信息
            const m = subchild.ial.match(/dailynote-(\d{4})(\d{2})(\d{2})/);
    
            // 跳过格式不匹配的文档
            if (!m) continue;
    
            const [_, year, month, day] = m;
    
            // 确定当前年份
            if (!thisYear) {
              thisYear = year;
            }
    
            // 添加到数据列表
            data.push({
              id: subchild.id,
              date: `${year}-${month}-${day}`,
              title: subchild.content,
              url: `siyuan://blocks/${subchild.id}`
            });
          }
        }
    
        // 确保有数据可展示
        if (data.length === 0) {
          dv.addmd('未找到符合条件的日期笔记');
          dv.render();
          return;
        }
    
        // 生成热力图数据(改为根据文档字数)
        const heatmapData = [];
        let maxWordCount = 0;
    
        // 先获取所有文档的字数并找出最大值
        for (const item of data) {
          const wordCount = await getDocWordCount(item.id);
          item.wordCount = wordCount;
          maxWordCount = Math.max(maxWordCount, wordCount);
        }
    
        // 生成热力图数据,根据字数计算热度值
        for (const item of data) {
          // 根据字数计算热度值,乘以系数使数值更合适
          const coefficient = 1000 / Math.max(1, maxWordCount); // 避免除以0
          const value = Math.min(item.wordCount * coefficient, 1000); // 限制最大值为1000
          heatmapData.push([item.date, value]);
        }
    
        const actualMax = Math.max(...heatmapData.map(item => item[1]));
    
        // ECharts配置
        const option = {
          //保持不变
        };
    
        //====== 不存在 dv.title, dv.content 这种 API =====
        dv.addmd(`### ${thisYear}年笔记日历`);
    
        // 添加ECharts图表
        dv.addecharts(option, {
          height: '600px',
          events: {
            click: (params) => {
              const item = data[params.dataIndex];
              Query.Utils.openBlock(item.id);
            }
          }
        });
    
        // 渲染视图
        dv.render();
    
      } catch (error) {
        console.error('查询执行出错:', error);
        dv.content = `<div class="bq text-red-500">查询执行出错: ${error.message}</div>`;
        dv.render();
      }
    }
    
    return query();
    

    回复放不了完整的代码,你把这个发给豆包让他再根据差异改成完整的代码。

    效果大概就这样:

    图片.png

    2 回复
  • Lu9693 1 评论

    大佬,两张半年的热力图怎么修改合并成一张呢

    改 Echarts 的 option,这个不涉及到 QV,直接问 AI 就行。
    Frostime
  • Lu9693

    修改出来如下图。大佬可以分段把代码发上来吗?谢谢了
    image.png

  • //!js
    const query = async () => {
      // 初始化QueryView数据视图
      let dv = Query.DataView(protyle, item, top);
    
      // 存储处理后的笔记数据
      const data = [];
      let thisYear;
    
      // 获取文档字数的函数
      const getDocWordCount = async (blockId) => {
        try {
          // 使用思源API获取文档内容
          const resp = await Query.docStat(blockId);
    
          return resp.stat.wordCount;
        } catch (error) {
          console.error('获取文档字数出错:', error);
          return 0;
        }
      };
    
      try {
        // 获取根文档的子文档
        let childs = await Query.childdoc(dv.root_id);
    
        // 遍历子文档获取日期笔记
        for (let child of childs) {
          const subchilds = await Query.childdoc(child.root_id);
    
          for (let subchild of subchilds) {
            // 从文档属性中提取日期信息
            const m = subchild.ial.match(/dailynote-(\d{4})(\d{2})(\d{2})/);
    
            // 跳过格式不匹配的文档
            if (!m) continue;
    
            const [_, year, month, day] = m;
    
            // 确定当前年份
            if (!thisYear) {
              thisYear = year;
            }
    
            // 添加到数据列表
            data.push({
              id: subchild.id,
              date: `${year}-${month}-${day}`,
              title: subchild.content,
              url: `siyuan://blocks/${subchild.id}`
            });
          }
        }
    
        // 确保有数据可展示
        if (data.length === 0) {
          dv.addmd('未找到符合条件的日期笔记');
          dv.render();
          return;
        }
    
        // 生成热力图数据(改为根据文档字数)
        const heatmapData = [];
        let maxWordCount = 0;
    
        // 先获取所有文档的字数并找出最大值
        for (const item of data) {
          const wordCount = await getDocWordCount(item.id);
          item.wordCount = wordCount;
          maxWordCount = Math.max(maxWordCount, wordCount);
        }
    
        // 生成热力图数据,根据字数计算热度值
        for (const item of data) {
          // 根据字数计算热度值,乘以系数使数值更合适
          const coefficient = 1000 / Math.max(1, maxWordCount); // 避免除以0
          const value = Math.min(item.wordCount * coefficient, 1000); // 限制最大值为1000
          heatmapData.push([item.date, value]);
        }
    
        const actualMax = Math.max(...heatmapData.map(item => item[1]));
    
    
  •    // ECharts配置
        const option = {
          tooltip: {
            trigger: 'item',
            formatter: (params) => {
              const item = data[params.dataIndex];
              return `
                <div class="font-bold">${item.date}</div>
                <div>${item.title}</div>
                <div class="text-sm text-gray-500">字数: ${item.wordCount}</div>
                <div class="text-sm text-gray-500">活跃度: ${params.value[1]}</div>
              `;
            }
          },
          visualMap: {
            min: 0,
            max: Math.max(1000, actualMax), // 确保最大值合理
            show: false,
            type: 'piecewise',
            orient: 'horizontal',
            left: 'center',
            top: 'bottom',
            pieces: [
              { min: 0, max: 200, color: '#f1eef6' },
              { min: 201, max: 400, color: '#bdc9e1' },
              { min: 401, max: 600, color: '#74a9cf' },
              { min: 601, max: 800, color: '#2b8cbe' },
              { min: 801, max: 1000, color: '#045a8d' }
            ]
          },
          calendar: [
            {
              range: [`${thisYear}-01-01`, `${thisYear}-06-30`],
              cellSize: [22, 22],
              top: 50,
              left: 'center',
              orient: 'horizontal',
              dayLabel: { nameMap: 'cn' },
              monthLabel: { nameMap: 'cn' },
              itemStyle: {
                borderRadius: 4
              }
            },
            {
              range: [`${thisYear}-07-01`, `${thisYear}-12-31`],
              cellSize: [22, 22],
              top: 320,
              left: 'center',
              orient: 'horizontal',
              dayLabel: { nameMap: 'cn' },
              monthLabel: { nameMap: 'cn' },
              itemStyle: {
                borderRadius: 4
              }
            }
          ],
          series: [
            {
              type: 'heatmap',
              coordinateSystem: 'calendar',
              data: heatmapData,
              label: {
                show: false
              },
              emphasis: {
                itemStyle: {
                  shadowBlur: 10,
                  shadowColor: 'rgba(0, 0, 0, 0.5)'
                }
              }
            },
            {
              type: 'heatmap',
              coordinateSystem: 'calendar',
              calendarIndex: 1,
              data: heatmapData,
              label: {
                show: false
              },
              emphasis: {
                itemStyle: {
                  shadowBlur: 10,
                  shadowColor: 'rgba(0, 0, 0, 0.5)'
                }
              }
            }
          ]
        };
    
        // 添加标题
        dv.addmd(`### ${thisYear}年笔记日历`);
    
        // 添加ECharts图表
        dv.addecharts(option, {
          height: '600px',
          events: {
            click: (params) => {
              const item = data[params.dataIndex];
              Query.Utils.openBlock(item.id);
            }
          }
        });
    
        // 渲染视图
        dv.render();
    
      } catch (error) {
        console.error('查询执行出错:', error);
        dv.content = `<div class="bq text-red-500">查询执行出错: ${error.message}</div>`;
        dv.render();
      }
    }
    
    return query();
    

推荐标签 标签

  • iOS

    iOS 是由苹果公司开发的移动操作系统,最早于 2007 年 1 月 9 日的 Macworld 大会上公布这个系统,最初是设计给 iPhone 使用的,后来陆续套用到 iPod touch、iPad 以及 Apple TV 等产品上。iOS 与苹果的 Mac OS X 操作系统一样,属于类 Unix 的商业操作系统。

    89 引用 • 150 回帖 • 2 关注
  • C

    C 语言是一门通用计算机编程语言,应用广泛。C 语言的设计目标是提供一种能以简易的方式编译、处理低级存储器、产生少量的机器码以及不需要任何运行环境支持便能运行的编程语言。

    86 引用 • 165 回帖
  • 游戏

    沉迷游戏伤身,强撸灰飞烟灭。

    185 引用 • 825 回帖
  • ZeroNet

    ZeroNet 是一个基于比特币加密技术和 BT 网络技术的去中心化的、开放开源的网络和交流系统。

    1 引用 • 21 回帖 • 653 关注
  • Logseq

    Logseq 是一个隐私优先、开源的知识库工具。

    Logseq is a joyful, open-source outliner that works on top of local plain-text Markdown and Org-mode files. Use it to write, organize and share your thoughts, keep your to-do list, and build your own digital garden.

    7 引用 • 69 回帖 • 6 关注
  • 学习

    “梦想从学习开始,事业从实践起步” —— 习近平

    172 引用 • 534 回帖
  • 面试

    面试造航母,上班拧螺丝。多面试,少加班。

    326 引用 • 1395 回帖 • 1 关注
  • CentOS

    CentOS(Community Enterprise Operating System)是 Linux 发行版之一,它是来自于 Red Hat Enterprise Linux 依照开放源代码规定释出的源代码所编译而成。由于出自同样的源代码,因此有些要求高度稳定的服务器以 CentOS 替代商业版的 Red Hat Enterprise Linux 使用。两者的不同在于 CentOS 并不包含封闭源代码软件。

    240 引用 • 224 回帖
  • Wide

    Wide 是一款基于 Web 的 Go 语言 IDE。通过浏览器就可以进行 Go 开发,并有代码自动完成、查看表达式、编译反馈、Lint、实时结果输出等功能。

    欢迎访问我们运维的实例: https://wide.b3log.org

    30 引用 • 218 回帖 • 641 关注
  • Flume

    Flume 是一套分布式的、可靠的,可用于有效地收集、聚合和搬运大量日志数据的服务架构。

    9 引用 • 6 回帖 • 661 关注
  • API

    应用程序编程接口(Application Programming Interface)是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力,而又无需访问源码,或理解内部工作机制的细节。

    79 引用 • 431 回帖
  • 创业

    你比 99% 的人都优秀么?

    82 引用 • 1395 回帖
  • RYMCU

    RYMCU 致力于打造一个即严谨又活泼、专业又不失有趣,为数百万人服务的开源嵌入式知识学习交流平台。

    4 引用 • 6 回帖 • 57 关注
  • Mobi.css

    Mobi.css is a lightweight, flexible CSS framework that focus on mobile.

    1 引用 • 6 回帖 • 764 关注
  • 笔记

    好记性不如烂笔头。

    310 引用 • 794 回帖
  • golang

    Go 语言是 Google 推出的一种全新的编程语言,可以在不损失应用程序性能的情况下降低代码的复杂性。谷歌首席软件工程师罗布派克(Rob Pike)说:我们之所以开发 Go,是因为过去 10 多年间软件开发的难度令人沮丧。Go 是谷歌 2009 发布的第二款编程语言。

    499 引用 • 1395 回帖 • 245 关注
  • WebClipper

    Web Clipper 是一款浏览器剪藏扩展,它可以帮助你把网页内容剪藏到本地。

    3 引用 • 9 回帖 • 1 关注
  • 脑图

    脑图又叫思维导图,是表达发散性思维的有效图形思维工具 ,它简单却又很有效,是一种实用性的思维工具。

    32 引用 • 99 回帖
  • 前端

    前端技术一般分为前端设计和前端开发,前端设计可以理解为网站的视觉设计,前端开发则是网站的前台代码实现,包括 HTML、CSS 以及 JavaScript 等。

    246 引用 • 1338 回帖 • 2 关注
  • OpenShift

    红帽提供的 PaaS 云,支持多种编程语言,为开发人员提供了更为灵活的框架、存储选择。

    14 引用 • 20 回帖 • 663 关注
  • Telegram

    Telegram 是一个非盈利性、基于云端的即时消息服务。它提供了支持各大操作系统平台的开源的客户端,也提供了很多强大的 APIs 给开发者创建自己的客户端和机器人。

    5 引用 • 35 回帖
  • Gzip

    gzip (GNU zip)是 GNU 自由软件的文件压缩程序。我们在 Linux 中经常会用到后缀为 .gz 的文件,它们就是 Gzip 格式的。现今已经成为互联网上使用非常普遍的一种数据压缩格式,或者说一种文件格式。

    9 引用 • 12 回帖 • 176 关注
  • 小薇

    小薇是一个用 Java 写的 QQ 聊天机器人 Web 服务,可以用于社群互动。

    由于 Smart QQ 从 2019 年 1 月 1 日起停止服务,所以该项目也已经停止维护了!

    35 引用 • 468 回帖 • 762 关注
  • JavaScript

    JavaScript 一种动态类型、弱类型、基于原型的直译式脚本语言,内置支持类型。它的解释器被称为 JavaScript 引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在 HTML 网页上使用,用来给 HTML 网页增加动态功能。

    730 引用 • 1281 回帖 • 3 关注
  • Solidity

    Solidity 是一种智能合约高级语言,运行在 [以太坊] 虚拟机(EVM)之上。它的语法接近于 JavaScript,是一种面向对象的语言。

    3 引用 • 18 回帖 • 434 关注
  • Thymeleaf

    Thymeleaf 是一款用于渲染 XML/XHTML/HTML5 内容的模板引擎。类似 Velocity、 FreeMarker 等,它也可以轻易的与 Spring 等 Web 框架进行集成作为 Web 应用的模板引擎。与其它模板引擎相比,Thymeleaf 最大的特点是能够直接在浏览器中打开并正确显示模板页面,而不需要启动整个 Web 应用。

    11 引用 • 19 回帖 • 395 关注
  • Swagger

    Swagger 是一款非常流行的 API 开发工具,它遵循 OpenAPI Specification(这是一种通用的、和编程语言无关的 API 描述规范)。Swagger 贯穿整个 API 生命周期,如 API 的设计、编写文档、测试和部署。

    26 引用 • 35 回帖 • 6 关注