- auto-reading：自动读文章
- auto-video：自动看视频
- auto-all：自动全部



## auto-reading

```javascript
const dWidth = device.width
const dHeight = device.height
main()

function main() {
  setScreenMetrics(dWidth, dHeight)
  console.show()
  var str = '屏幕宽度：' + dWidth + '\n屏幕高度：' + dHeight + '\n3秒后开始自动执行'
  console.info(str)
  sleep(3000)
  console.info('开始文章学习')
  start_reading()
  console.info('结束文章学习')
  console.info('学习结束，请手动结束程序，3秒后本窗口关闭')
  sleep(3000)
  console.hide()
}

function start_reading() {
  click(dWidth / 2, dHeight - 100)

  for (var i = 0; i < 8; i++) {
    readText()
    sleep(1000)
    reading()
    sleep(1000)
  }
}

function readText() {
  // 在屏幕上查找指定的文字，例如“按钮文本”
  var textToFind = '播报'
  var targetText = text(textToFind).findOne()

// 如果找到文字，则输出文字的坐标
  if (targetText) {
    var textBounds = targetText.bounds()
    var textX = textBounds.centerX()
    var textY = textBounds.centerY()

    // 输出文字坐标
    console.log('找到文字\"' + textToFind + '\"，坐标 X: ' + textX + ', Y: ' + textY)

    // 可以进行点击等操作
    click(textX - 200, textY)
    for (var i = 0; i < 5; i++) {
      sleep(10000)
      reading()
    }
    back()
  } else {
    console.error('未找到指定的文字：' + textToFind)
    readText()
  }
}

// 自动滑动半个屏幕，模拟阅读行为
function reading() {
// 设置滑动的起始坐标和终止坐标
  var startX = dWidth / 2
  var startY = dHeight * 0.8  // 起始坐标在屏幕底部的 4/5 处
  var endX = dWidth / 2
  var endY = dHeight * 0.2  // 终止坐标在屏幕顶部的 1/5 处

// 设置滑动时间，单位为毫秒
  var duration = 1000  // 滑动时间为1秒

// 执行滑动操作
  swipe(startX, startY, endX, endY, duration)
}

```
## auto-video

```javascript
const dWidth = device.width
const dHeight = device.height
main()

function main() {
  setScreenMetrics(dWidth, dHeight)
  console.show()
  var str = '屏幕宽度：' + dWidth + '\n屏幕高度：' + dHeight + '\n3秒后开始自动执行'
  console.info(str)
  sleep(3000)
  console.info('开始视频学习')
  start_video()
  console.info('结束视频学习')
  console.info('学习结束，请手动结束程序，3秒后本窗口关闭')
  sleep(3000)
  console.hide()
}

function start_video() {
  click(dWidth / 3, dHeight - 100)
  console.log('2秒后将尝试自动播放10分钟，如未开始播放，请手动点击一个视频')
  sleep(2000)
  click(dWidth / 2, dHeight / 4 * 2.5)
  for (var i = 0; i < 10; i++) {
    sleep(60000)
    reading()
  }
}


// 自动滑动半个屏幕，模拟阅读行为
function reading() {
// 设置滑动的起始坐标和终止坐标
  var startX = dWidth / 2
  var startY = dHeight * 0.8  // 起始坐标在屏幕底部的 4/5 处
  var endX = dWidth / 2
  var endY = dHeight * 0.2  // 终止坐标在屏幕顶部的 1/5 处

// 设置滑动时间，单位为毫秒
  var duration = 1000  // 滑动时间为1秒

// 执行滑动操作
  swipe(startX, startY, endX, endY, duration)
}

```
## auto-all

```javascript
const dWidth = device.width
const dHeight = device.height
main()

function main() {
  setScreenMetrics(dWidth, dHeight)
  console.show()
  var str = '屏幕宽度：' + dWidth + '\n屏幕高度：' + dHeight + '\n3秒后开始自动执行'
  console.info(str)
  sleep(3000)
  console.info('开始文章学习')
  start_reading()
  console.info('结束文章学习')
  console.info('开始视频学习')
  start_video()
  console.info('结束视频学习')
  console.info('学习结束，请手动结束程序，3秒后本窗口关闭')
  sleep(3000)
  console.hide()
}

function start_video() {
  click(dWidth / 3, dHeight - 100)
  console.log('2秒后将尝试自动播放10分钟，如未开始播放，请手动点击一个视频')
  sleep(2000)
  click(dWidth / 2, dHeight / 4 * 2.5)
  for (var i = 0; i < 10; i++) {
    sleep(60000)
    reading()
  }
}

function start_reading() {
  click(dWidth / 2, dHeight - 100)

  for (var i = 0; i < 8; i++) {
    readText()
    sleep(1000)
    reading()
    sleep(1000)
  }
}

function readText() {
  // 在屏幕上查找指定的文字，例如“按钮文本”
  var textToFind = '播报'
  var targetText = text(textToFind).findOne()

// 如果找到文字，则输出文字的坐标
  if (targetText) {
    var textBounds = targetText.bounds()
    var textX = textBounds.centerX()
    var textY = textBounds.centerY()

    // 输出文字坐标
    console.log('找到文字\"' + textToFind + '\"，坐标 X: ' + textX + ', Y: ' + textY)

    // 可以进行点击等操作
    click(textX - 200, textY)
    for (var i = 0; i < 5; i++) {
      sleep(10000)
      reading()
    }
    back()
  } else {
    console.error('未找到指定的文字：' + textToFind)
    readText()
  }
}

// 自动滑动半个屏幕，模拟阅读行为
function reading() {
// 设置滑动的起始坐标和终止坐标
  var startX = dWidth / 2
  var startY = dHeight * 0.8  // 起始坐标在屏幕底部的 4/5 处
  var endX = dWidth / 2
  var endY = dHeight * 0.2  // 终止坐标在屏幕顶部的 1/5 处

// 设置滑动时间，单位为毫秒
  var duration = 1000  // 滑动时间为1秒

// 执行滑动操作
  swipe(startX, startY, endX, endY, duration)
}

```

一点点autox实例

## 简介

使用强大的Vuetify开发前端页面，结果发现官方没有提供简便的全局消息通知组件（`像Element中的ElMessage那样`），所以自己动手写了一个简单的组件，效果如下：  
<img src="https://images.oldmoon.top/images/dingdangdog/dingdangdog1708945211792.jpg" width="200px" />

> PS：如果是我没找到官方版本，请评论告诉我！下面直接上代码


## 组件封装
### 全局变量：alert.ts

该文件可视为`util`文件，但我将其放在了`stores`文件夹下，主要提供了两个作用：
1. 定义`newAlert`全局变量，用于临时存储新Alert信息。
2. 定义常用的全局方法，用于快速创建`alert`，如：`successAlert`、`errorAlert`等。

```typescript
import { ref } from 'vue'

export interface AlertInfo {
  id: string,
  type: string,
  message: string
}

export const newAlert = ref<AlertInfo>({
  id: 'alert' + 0,
  type: '',
  message: ''
})

export const alert = (type: string, message: string) => {
  newAlert.value.id = Math.random().toString()
  newAlert.value.type = type
  newAlert.value.message = message
}


export const errorAlert = (message: string) => {
  alert('error', message)
}

export const successAlert = (message: string) => {
  alert('success', message)
}

export const infoAlert = (message: string) => {
  alert('info', message)
}

export const warningAlert = (message: string) => {
  alert('warning', message)
}

```



<div class="article-ads"></div>

### 组件：GlobalAlert.vue

该文件是`v-alert`二次封装的组件，主要提供了以下几个功能：
1. 监听`newAlert`值的变化，当值变化时，根据当时`newAlert`更新`alertMap`；
2. 遍历`alertMap`创建多个`v-alert`；
3. 定时删除历史`v-alert`；
4. css定义`v-alert`的显示位置。

```html
<script setup lang="ts">
import { ref, watch } from 'vue'
import { type AlertInfo, newAlert } from '@/stores/alert'

// 定义 Map，存储Alert信息集合，使用Map便于删除
const alertMap = ref<Map<string, AlertInfo>>(new Map)

// 监听新Alert创建
watch(newAlert.value, () => {
  alertMap.value.set(newAlert.value.id, { ...newAlert.value })
  console.log(alertMap.value)
  deleteAlert(newAlert.value.id)
})

const deleteAlert = (id: string) => {
  console.log(id)
  setTimeout(() => {
    alertMap.value.delete(id)
  }, 3000)

}
</script>

<template>
  <div class="alert-container">
    <v-alert
      class="v-alert"
      v-for="(alert, index) in Array.from(alertMap.values())"
      :key="index"
      :type="alert.type"
      border="start"
      variant="tonal"
      closable
      close-label="Close Alert"
      :text="alert.message"
    >
    </v-alert>
  </div>
</template>

<style scoped>
.alert-container {
  position: absolute;
  top: 8%;
  right: 5%;
}

.v-alert {
  margin-top: 0.2rem !important;
}
</style>

```

## 调用测试

有了以上两个文件后，即可调用测试


<div class="article-ads"></div>

### 引用组件

- 要想全局显示通知，则需要在项目顶层文件中引用该组件，保证页面打开时即加载该组件即可，没有特定位置，我是在`App.vue`中引用，如下：

```html
<script setup lang="ts">
import { RouterView } from 'vue-router'
// 引用GlobalAlert
import GlobalAlert from '@/components/GlobalAlert.vue'
</script>

<template>
    
  <GlobalAlert />
  <RouterView />
</template>

<style scoped>

</style>
```


### 调用工具方法

- 组件引用后，即可在项目任意地方调用工具方法测试效果，调用方式如下：

```html
<script setup lang="ts">
// 引入封装好的工具方法
import { successAlert, errorAlert, infoAlert, warningAlert } from '@/stores/alert'
</script>

<template>
  
  <v-btn variant="tonal"
         @click="successAlert('success')">
    success
  </v-btn>
  <v-btn variant="tonal"
         @click="errorAlert('error')">
    error
  </v-btn>
  <v-btn variant="tonal"
         @click="infoAlert('info')">
    info
  </v-btn>
  <v-btn variant="tonal"
         @click="warningAlert('warning')">
    warning
  </v-btn>
</template>

<style scoped>

</style>
```

## 可能存在的问题

1. 可能存在并发问题：没有进行并发测试；
2. 可能存在响应式问题：本示例仅在桌面端测试过，可能无法适配手机、平板等终端；

## 赞助请求

 **建站不易，以下是一个广告，还请动动您的小拇指，点击一次以示鼓励，谢谢！**


<div class="article-ads"></div>

> 就目前的访问量，即便每个访客都点一次广告，收入也不足以支付运营成本，`如果看不到广告，可能是网络原因或被拦截了，那就算了吧。祝你生活愉快~~`

使用vuetify实现全局v-alert消息通知

> 原文链接：https://github.blog/2024-02-22-how-ai-code-generation-works  
> 作者：Jeimy Ruiz  
> 本文为机翻并转载（`ps：原文广告原样保留`）

探索 AI 代码生成的功能和优势，以及它如何改善企业的开发人员体验。

![](https://github.blog/wp-content/uploads/2023/10/AI-DarkMode-2.png)



生成式人工智能编码工具正在改变企业的软件生产。不仅仅是因为他们的代码生成能力——从漏洞检测和促进对不熟悉的代码库的理解，到简化文档和拉取请求描述，他们从[根本上重塑了](https://www.wired.com/story/fast-forward-ai-rewiring-coders-brains-github-copilot/)开发人员处理应用程序基础设施、部署和他们自己的工作体验的方式。

我们现在正在见证一个重要的转折点。[GitHub Next](https://githubnext.com/)研发团队首席研究员兼成员[Albert Ziegler](https://github.com/wunderalbert)表示，随着人工智能模型变得越来越好，拒绝采用就像“要求办公室工作人员使用打字机而不是电脑” 。[](https://githubnext.com/)

在这篇文章中，我们将深入探讨人工智能代码生成的内部工作原理，探索它的运作方式、功能和优势，以及开发人员如何使用它来增强他们的开发体验，同时推动您的企业在当今的竞争格局中前进。

## 如何使用AI生成代码

人工智能代码生成是指由机器而不是人类开发人员生成的全部或部分代码行。这项新兴技术利用先进的机器学习模型，特别是[大型语言模型](https://github.blog/2023-10-27-demystifying-llms-how-they-can-do-things-they-werent-trained-to-do/)(LLM)，来理解和复制人类生成的代码中的语法、模式和范例。

ChatGPT 和 GitHub Copilot 等人工智能模型支持工具接受了自然语言文本和来自公开来源的源代码的训练，其中包括各种代码示例。这种培训使他们能够了解各种编程语言、编码风格和常见实践的细微差别。因此，人工智能可以根据开发人员的输入生成语法正确且上下文相关的代码建议。

我们的 AI 支持的结对程序员 GitHub Copilot受到[55% 开发人员](https://survey.stackoverflow.co/2023/#ai)的青睐，它根据您组织的代码库跨数十种编程语言提供情境化编码帮助，并针对所有经验水平的开发人员。借助 GitHub Copilot，开发人员可以通过三种方式使用 AI 生成代码：

### 1. 输入代码，AI自动补全代码

自动补全是人工智能代码生成的最早版本。[GitHub Copilot](https://github.com/features/copilot)团队的 ML 高级研究员[John Berryman](https://github.com/jnbrymn)解释了用户体验：“我将编写代码并暂停思考。当我这样做时，代理本身也在思考，查看相邻选项卡中的周围代码和内容。然后它会以灰色“幽灵文本”的形式出现在屏幕上，我可以拒绝、部分接受或完全接受，然后在必要时进行修改。”[](https://github.com/features/copilot)

虽然每个开发人员都可以从使用 AI 编码工具中获益，但经验丰富的程序员往往更能感受到这些收益。“在很多情况下，特别是对于熟悉环境中的经验丰富的程序员来说，这个建议可以加快我们的速度。我也会写同样的东西。点击‘tab’（从而接受建议）比我自己写出这 20 个字符要快。” GitHub Next 首席研究员[Johan Rosenkilde说道。](https://github.com/johanrosenkilde)

无论开发人员是新手还是高技能开发人员，他们通常都必须使用不太熟悉的语言进行工作，而使用 GitHub Copilot 的代码完成建议可以提供帮助。“使用 GitHub Copilot 完成代码确实有助于加快我的学习速度，”Berryman 说。“我经常会接受这个建议，因为这是我自己不会写的东西，因为我不知道语法。”

使用人工智能编码工具本身已经成为一项无价的技能。为什么？因为使用这些工具练习编码的开发人员越多，他们使用它们的速度就越快。

### 2. 使用自然语言显式代码注释代码，以获得更好的人工智能生成的代码建议

对于在陌生环境中经验丰富的开发人员来说，GitHub Copilot 等工具甚至可以帮助他们唤起记忆。

假设开发人员导入了一种他们以前没有使用过或不记得的新型库。也许他们正在寻找标准库函数或参数的顺序。在这些情况下，通过编写评论让 GitHub Copilot 更明确地了解开发人员想要去往的地方会很有帮助。

“开发人员很可能不记得公式，但他们可以_识别_公式，并且 GitHub Copilot 可以通过提示记住它，”Rosenkilde 说。这就是自然语言注释发挥作用的地方：当开发人员在处理他们需要的代码的前几个字符时，它可以成为解释意图的捷径。

如果开发人员为其函数和变量指定具体名称并编写文档，他们也可以获得更好的建议。这是因为 GitHub Copilot 可以读取变量名称并将它们用作该函数应执行的操作的指示符。

突然间，这改变了开发人员编写代码的方式，变得更好，因为具有良好变量和函数名称的代码更易于维护。通常程序员的主要工作是维护代码，而不是从头开始编写代码。

“当你推送该代码时，有人会对其进行审查，如果代码命名得当，甚至其中有一丝文档的提示等等，那么他们可能会更轻松地审查该代码，”Rosenkilde 说。从这个意义上说，开发者和AI编码工具之间的共生关系不仅对开发者有利，而且对整个团队有利。

### 3. 直接与AI聊天
借助人工智能聊天机器人，代码生成可以更具交互性。例如，[GitHub Copilot Chat允许开发人员通过要求代码解释代码、改进语法、提供想法、生成测试和修改现有代码来与代码进行交互，使其成为管理编码任务的多功能盟友。](https://www.youtube.com/watch?v=3surPGP7_4o)

Rosenkilde 使用 GitHub Copilot 的不同功能：

“当我想做某事但不记得怎么做时，我会输入它的前几个字母，然后等着看副驾驶是否能猜出我在做什么，”他说。“如果这不起作用，也许我会删除这些字符，然后在评论中写一行，看看副驾驶是否能猜出下一行。如果这不起作用，那么我会转到副驾驶聊天并更详细地解释我想要做什么。”

通常，Copilot Chat 返回的内容比您从 GitHub Copilot 代码完成中获得的内容更加详细和完整。“也就是说，它向你描述了你想要做什么以及如何完成它。它为您提供了代码示例，您可以回复并说，哦，我明白您要去哪里了。但实际上我的意思是这样的，”罗森基尔德说。

但使用人工智能聊天机器人并不意味着开发人员应该放手不管。如果不加以控制，推理错误可能会导致人工智能犯更多错误。Berryman 建议用户与聊天助手的交互方式与与人类结对编程时的交互方式大致相同。“带着它来来回回。告诉助手你正在处理的任务，询问它的想法，让它帮助你编写代码，并批评和重新引导助手的工作，以使其保持在正确的轨道上。”

[![](https://github.blog/wp-content/uploads/2023/11/github-copilot-banner.png?w=1024&resize=1024%2C257)](https://github.com/features/copilot?utm_source=blog&utm_medium=blogA&utm_campaign=cta&utm_content=copilot)

## 代码审查的重要性

GitHub Copilot 旨在帮助开发人员执行他们的想法。只要有一些上下文可以利用，它就可能生成开发人员想要的代码类型。但这并不能取代开发人员之间的代码审查。

无论是否涉及人工智能编码工具，代码审查对于维护软件项目中的代码质量和可靠性都发挥着重要作用。事实上，开发人员越早发现代码开发过程中的错误，成本就越低。

普通的验证是：代码是否解析？测试有效吗？对于人工智能代码生成，齐格勒解释说，开发人员应该“对其进行足够详细的检查，以便确保生成的代码正确且没有错误。因为如果你以错误的方式使用这样的工具并接受一切，那么你引入的错误将花费你比你节省的更多的时间。”

Rosenkilde 补充道：“与另一个人的评论是不一样的，对吗？这是两个开发人员之间的对话，讨论此更改是否适合他们在该组织中构建的软件类型。GitHub Copilot 并不能取代它。”

## 使用AI生成代码的优势

当开发团队在整个软件开发周期中使用人工智能编码工具时，他们会体验到许多好处，包括：

### 更快的开发，更高的生产力

人工智能代码生成可以通过自动执行重复且耗时的任务来显着加快开发过程。这意味着开发人员可以专注于高层架构和问题解决。事实上，[88% 的开发者表示](https://github.blog/2022-09-07-research-quantifying-github-copilots-impact-on-developer-productivity-and-happiness/#table-survey-responses-measuring-dimensions-of-developer-productivity-when-using-github-copilot)在使用 GitHub Copilot 时感觉工作效率更高。

Rosenkilde 回顾了他自己与 GitHub 的 AI 结对程序员打交道的经历：“95% 的时候，Copilot 给我带来快乐，让我的一天变得更轻松。这不会改变我本来要编写的代码。它不会改变我编写它的方式。它不会改变我的代码的设计。它所做的只是让我更快地编写相同的代码。” Rosenkilde 并不孤单：[60% 的开发人员在使用 GitHub Copilot 时对自己的工作感到更加满足](https://github.blog/2022-09-07-research-quantifying-github-copilots-impact-on-developer-productivity-and-happiness/)。

### 精神负担减轻[](https://github.blog/2024-02-22-how-ai-code-generation-works/#mental-load-alleviated)

更快开发的好处不仅仅在于速度：它们还可以减轻完成繁琐任务所带来的脑力劳动。例如，在调试时，开发人员必须对出错的地方进行逆向工程。检测错误可能需要挖掘无穷无尽的潜在隐藏位置，从而使其成为重复且乏味的工作。

Rosenkilde 解释说：“有时，当您进行调试时，您只需要创建无法绕过的打印语句。值得庆幸的是，Copilot 在打印报表方面非常出色。”

高达87% 的开发者表示，在 GitHub Copilot 的帮助下，他们[在重复性任务上花费的脑力消耗更少。](https://github.blog/2022-09-07-research-quantifying-github-copilots-impact-on-developer-productivity-and-happiness/)

### 更少的上下文切换

在软件开发中，上下文切换是指开发人员在不同的任务、项目或环境之间移动，这可能会扰乱他们的工作流程并降低生产力。他们还经常应对处理多个任务、记住语法细节和管理复杂代码结构的压力。

借助 GitHub Copilot，开发人员可以绕过多个级别的上下文切换，留在 IDE 中，而不是在 Google 上搜索或跳转到外部文档。

“当我撰写自然语言评论时，”Rosenkilde 说，“GitHub Copilot 代码补全可以帮助我。或者，如果我使用 Copilot Chat，这是在我所处的环境中进行的对话，我不需要解释那么多。”

使用人工智能生成代码可以帮助开发人员卸下回忆每个细节的责任，使他们能够专注于更高层次的思考、解决问题和战略规划。

Berryman 补充道：“通过 GitHub Copilot Chat，我无需重新陈述问题，因为代码永远不会离开我信任的环境。我立即得到答复。如果有误会或后续问题，很容易与他们沟通。”

## 在企业级人工智能代码生成工具中寻找什么

在将任何人工智能应用到工作流程中之前，您应该始终彻底检查和测试工具，以确保它们非常适合您的组织。以下是一些需要牢记的注意事项。

### 遵守

-   **监管合规性**。该工具是否符合您所在行业的相关法规？
-   **合规认证**。是否有证明该工具符合法规？

### 安全

-   **加密**。数据传输和存储是否加密以保护敏感信息？
-   **访问控制**。您是否能够实施强大的身份验证措施和访问控制来防止未经授权的访问？
-   **符合安全标准**。该工具符合行业标准吗？
-   **安全审核**。该工具是否定期进行安全审核和更新以解决漏洞？

### 隐私

-   **数据处理**。是否有明确的用户数据处理政策，是否遵守 GDPR、CCPA 等隐私法规？
-   **数据匿名化**。该工具是否支持匿名技术以保护用户隐私？

### 许可

-   **基于角色的访问控制**。您能够根据用户角色和职责管理权限吗？
-   **细化权限**。您可以控制对工具内不同特性和功能的访问吗？
-   **选择加入/选择退出机制**。用户能否控制其数据的使用并在需要时选择退出？

### 价钱

-   **了解定价模型**。是基于使用情况、用户数量、功能还是其他指标？
-   **寻找透明度**。定价结构是否清晰，没有隐性成本？
-   **可扩展性**。定价是否会随着您的使用情况和业务增长而变化？

此外，在评估 AI 编码工具时，还要考虑客户支持、与现有系统集成的难易程度、性能和用户体验等因素。最后，彻底评估该工具与您组织在每个领域的特定要求和优先级的契合程度非常重要。

请访问 GitHub [Copilot 信任中心，](https://resources.github.com/copilot-trust-center/)了解有关安全、隐私和其他主题的更多信息。

## AI代码生成能被检测到吗？

简短的回答是：也许吧。

让我们首先给出这个问题的一些背景。整个代码库并不是真正由人工智能生成的，因为人工智能生成的大部分代码很可能是错误的。标准代码审查流程是避免这种情况的好方法，因为大量完全自动生成的代码对于人类开发人员来说根本无法工作。

对于少量人工智能生成的代码，目前还没有办法真正可信地检测代码中人工智能的痕迹。有些产品旨在对内容是否包含人工智能生成的_文本_进行分类，但代码的等效项有限，因为您需要一个专用的模型来完成此操作。Ziegler 解释说：“计算机生成的代码足够好，不会留下任何特定的痕迹，而且通常没有明确的线索。”

在 GitHub，Copilot 团队使用重复检测过滤器来检测代码中的精确重复项。因此，如果您正在编写代码并且它是其他地方存在的内容的精确副本，那么它会对其进行标记。

## AI代码生成安全吗？

人工智能代码生成并不比人类生成的代码更不安全。测试、手动代码审查、扫描、监控和反馈循环的组合可以生成与人工生成的代码相同质量的代码。

当涉及 GitHub Copilot 生成的代码时，开发人员可以使用[代码扫描](https://github.com/features/security/code')等工具，该工具会主动实时检查代码是否存在潜在的安全问题，并将检查结果无缝集成到开发人员工作流程中。

最终，人工智能代码生成将会存在漏洞，但人类开发人员编写的代码也会存在漏洞。正如齐格勒解释的那样，“目前还不清楚计算机生成的代码是否表现得特别糟糕。所以，答案不是如果你有 GitHub Copilot，就使用漏洞检查器。答案是_始终_使用漏洞检查器。”

> **观看此视频，了解有关人工智能安全编码最佳实践的更多提示和建议。**
> 
> <iframe loading="lazy" src="https://www.youtube.com/embed/5nu4SofCC8U?version=3&amp;rel=1&amp;showsearch=0&amp;showinfo=1&amp;iv_load_policy=1&amp;fs=1&amp;hl=en-US&amp;autohide=2&amp;wmode=transparent" title="YouTube 视频播放器" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0"></iframe>

## 通过 AI 代码生成为您的企业提供支持[](https://github.blog/2024-02-22-how-ai-code-generation-works/#empower-your-enterprise-with-ai-code-generation)

虽然使用人工智能代码生成工具的好处可能很大，但值得注意的是，人工监督对于确保生成的代码符合项目目标、编码标准和业务需求仍然至关重要。

技术领导者应该拥抱人工智能代码生成的使用，不仅可以简化开发，还可以使开发团队能够协作，推动有意义的业务成果，并为客户提供卓越的价值。

准备好开始使用世界上最广泛采用的人工智能开发工具了吗？[了解详情](https://github.com/features/copilot)或[立即开始](https://github.com/features/copilot/plans)。

AI 代码生成的工作原理 | Copilot

## 简介

今天分享一位技术大佬，他的个人博客是使用博客园，在Github上开源了很多技术教程（或者可以称为书籍），主要位后端Java方向的，他在Github上名字是：dunwu(钝悟)，博客园名称是：静默虚空。

通过以下链接可以快速找到他：
- 博客园：https://www.cnblogs.com/jingmoxukong
- Github：https://github.com/dunwu
- 掘金：https://juejin.im/user/2084329777006167

下面介绍几个他在Github开源的技术文档



## javacore

- Github：https://github.com/dunwu/javacore
- Gitee：https://gitee.com/turnon/javacore/

**JavaCore** 是一个 Java 核心技术教程。同步维护了Github和Gitee仓库，大陆用户建议访问Gitee地址。

该仓库中介绍和Java所有的核心技术，从Java基础语法的数据类型、逻辑控制，到Java高级技巧的并发、IO、网络等等，都有详细讲解。

除了技术文档之外，还有一些Java资料的推荐，包括书籍、教程、论坛等等。

他甚至还贴心的准备了面试相关的总结和笔记。

截至本文，该Github仓库有 `3.1K+` 的 Star。

## linux-tutorial

- Github：https://github.com/dunwu/linux-tutorial
- Gitee：https://gitee.com/turnon/linux-tutorial/

**linux-tutorial** 是一个 Linux 教程。

该仓库中介绍了很多Linux相关的知识，观其内容，大概主要是为了Linux运维，包括Linux基础命令、防火墙运维、文档管理等等相关知识。

除了Linux本身的运维知识外，还介绍了很多软件的运维，包括Java程序、中间件（Nacos、Elastic等）、开发工具等等。

同样，除了一些教程文档之外，作者也整理了很多资料链接在仓说说明文档中。

截至本文，该Github仓库有 `4K+` 的 Star。

## db-tutorial

- Github：https://github.com/dunwu/db-tutorial
- Gitee：https://gitee.com/turnon/db-tutorial

**db-tutorial** 是一个数据库教程。

该仓库中介绍了数据库的基本概念和理论，然后介绍了很多具体的数据库，包括但不限于：Mysql、Redis、MongoDB等。

其中介绍了很多常见的数据库，且包含这些数据库的详细教程，如果你想要学习某个数据库，可以到这里找找看是否有你需要的知识。

同样该仓库也列出了很多资料链接。

截至本文，该Github仓库有 `4K+` 的 Star。

## 其他

除了以上列举的三个外，钝悟还有一些其他的教程仓库，如：`nginx-tutorial`、`spring-tutorial
`等等，如有需要，可自行前往他的Github查看。

今天的分享就写到这，如果对你有帮助，老狗很高兴！

分享一位爱分享的大佬：钝悟

## 简介

本文用于记录学习计算机基础时做的一些笔记，主要为现代计算机主要硬件的一些参数。



## CPU
- 架构：4 - 8 - 16 - 32 - 64 - x86 = 64
- 主频：频率越高，功耗越高（能力强，耗电高，热量大）
- Intel 标识 
    - K：超频，在特殊条件下可以提高主频，一般比较贵
    - F：不带核显
    - H：主频低，多用于笔记本
    - U：主频更低，多用于笔记本，主打低功耗
    - G：带锐炬核显，多用于笔记本
- 核心数：核心越多，性能越强
- 线程：超线程技术，提升核心并行线程数量，从而提升性能

## 内存
- 单位：MHz（频率）越高越好
- 型号：DDR-DDR2~DDR5(向下兼容)
- 需要安装多条内存时，建议同品牌、同型号、同频率。
- 双通道技术：主板多个插槽时可以使用，插在相同颜色的插槽即可使用，建议双通道的内存条型号、空间等参数完全一样。

## 硬盘

### 机械硬盘
- 原理：类似光盘（碟片）原理，多个光盘在硬盘内部，由磁头修改光盘内部颗粒磁极，使其代表0/1二进制数，以此达到存储数据的效果。
- 转速：一分钟硬盘转轴的旋转次数。越高代表读写速度越快，性能越好。
- 大小：台式一般是3.5寸，笔记本2.5寸

### 固态硬盘

- 原理：电子囚禁，修改电子电极来表示二进制0/1，进而存储数据。

## 显卡
- 主要厂商：英伟达（Navidia）、AMD
- 英伟达：20系之后支持光追技术；
- 显存：又称帧缓存。用于存储显卡芯片处理过或即将提取的渲染数据。
- FPS：每秒显示帧数称为FPS。
    - 当画面分辨率越高，每一帧占用的显存越大；所以显存越大，可存储的待渲染帧数就越多，画面就越流畅。
    - 位宽：显存一次能传输的数据量，越大越好
- 显卡外接口：VGA、DP、HDMI、DVI，VGA基本上淘汰了。

## 主板

主板的插槽越多，一般越好
-  档次标识：高-Z、中-B、低-H