继续先放一下效果图

然后继续上一篇文章的内容，上一次我们讲到如何去获取每个人名字的第一个字，接下来讲一下如何设置每个名字之前的那个圆的背景色

先放一下代码：

```javascript

先看效果图

这个页面的核心问题在于右边的字母索引功能的实现，右边这个组件AlphabetIndexer，说实话我觉得这是文档的一个bug，完全没有给他命名，如果要搜都不知道怎么去搜，他是在ArkUI文档的信息展示里的第一个（因为按字母排序），官方的描述是“可以与容器组件联动用于按逻辑结构快速定位容器显示区域的组件。”，这么去描述倒是也没问题……但是我真的为了找这个组件翻了很久的文档。

互联网应用性能瓶颈频现的今天，一套高效的Vue 3优化方案让你的应用吞吐量提升300%，首屏加载突破800毫秒大关。

前端性能直接决定着用户留存与商业转化。最新数据显示，页面加载时间超过3秒会导致超过50%的用户流失，而电商平台每100毫秒的延迟减少可带来1%的收入增长。

面对千万级日PV的高并发场景，Vue 3凭借其

大家好，很高兴又见面了，我是"高级前端进阶

大家好，今天要分享的是仓颉语言商城应用的搜索页。

搜索页的内容比较多，都有点密集恐惧症了，不过我们可以从上至下将它拆分开来，逐一击破。

导航栏

搜索页的的最顶部是导航栏，由返回按钮和搜索框两部分组成,比较简单，具体实现代码如下：

@List是HarmonyOS ArkUI框架中用于构建高性能列表的核心组件，它专门针对大数据集进行了优化，支持垂直和水平滚动布局，能够高效渲染成百上千的列表项而不会影响性能。与常规的Column布局不同，@List采用按需渲染机制，只渲染当前可视区域内的列表项。

1. 基础语法结构

@List({ space?: number | string, initialIndex?: number, scroller?: Scroller })

本篇没有太多废话，直接先看效果图，能够一套提示词实现，同时生成公众号，小红书，b站，抖音等平台的封面图。

效果如下：

案例一：ima知识库上线的文字内容

案例二：谷歌gemini2.5pro的文字内容

并且是可以直接点击最下方的

就在刚刚，OpenAI 宣布推出 Windows 桌面应用，向 ChatGPT Plus、Enterprise、Team 和 Edu 用户开放 。

不过，官方表示，目前开放的只是早期版本，将在今年晚些时候向所有 ChatGPT 用户推出「完整的体验」。

例如，它还不支持高级语音模式，并且 GPT Store 的部分集成功能暂时也无法使用。

用户可以在微软应用商店搜索 ChatGPT，接着下载安装即可，安装包大约 110MB，附上下载地址：

来源：
https://zhuanlan.zhihu.com/p/39886896

项目概述

在微信小程序中，你可以通过以下步骤使用canvas：

在index.wxml文件中添加canvas元素。例如：。

在index.js文件中，通过wx.createSelectorQuery()获取canvas节点，并使用init方法初始化canvas。例如：

js

复制

const app = getApp();