钧霖dev
一个 AI agent 前端
获得徽章 0
- #Chatgpt prompts 调教记录# chargpt prompt 前端 高效工具 现在
我是一个前端程序员，有没有什么好用的 prompt 给到chatgpt用， 专门用于帮助程序员提高效率的，如果有一堆工具prompt应该会有不少帮助吧，掘友们，帮帮忙
我编写了下面这个：
prompt：请你扮演一个前端代码讲师，在后面我会给你一段代码，请将代码的作用和代码的亮点说清楚，越详细越好，并且可以举例子达到举一反三的效果，按照功能模块的解释代码的作用。
问题：太长.....，答案是亮点
答案：这段代码是一个 Vue 组件，主要实现了一个轮播图的功能，下面将按照功能模块解释该代码的作用：
1. 在 template 中定义了轮播图的 HTML 结构，并使用了 v-for 指令对轮播图数据进行遍历渲染，同时通过前端路由的方式对轮播图的链接进行跳转。
2. 在 setup 函数中使用了 Vue3 中的 Composition API，定义了 rootRef 和 currentPageIndex 两个变量，并通过 useSlider 函数获得 currentPageIndex 变量的值，以实现轮播图的自动播放和滑动功能。其中，useSlider 函数的实现不在该代码中，根据命名可以猜测该函数实现了轮播图的滑动逻辑。
3. 该段代码的亮点：
- 该组件使用了 Vue3 中的 Composition API，使用 ref 定义了 rootRef 和 currentPageIndex 变量，并通过 useSlider 函数获取了 currentPageIndex 变量的值，实现了轮播图的自动播放和滑动功能。
- 通过 props 接收轮播图数据，实现了组件的灵活性和复用性。
- 在 template 中使用了 v-for 指令，对轮播图数据进行遍历渲染，并使用了动态绑定的方式绑定了链接和图片的 URL。
- 在 template 中使用了 class 绑定，通过判断当前轮播图的索引是否与 currentPageIndex 变量相等，动态设置 dot 的颜色和样式，实现了轮播图下方的小圆点标记。展开赞过 73 - ie浏览器是什么鬼，真是佩服以前的程序员。要忍受ie这种玩意。
啥请使用ie系列浏览器，啥啥啥，添加到兼容性列表。
edge里面要设置在ie中打开，才是ie。设置完后更让人无法忍受的是，兼容性列表嘞？？？？哦，要设置：
about:flags,然后勾选启用兼容性列表，
纳尼！！ 全是英文！！，好吧英文不太好翻译一下，纳尼！！！！，没有看到兼容性列表，wc，老旧网站无法忍受？换了别的电脑不熟悉的人来，早就没耐心看下去了。用户体验是多么的重要展开3点赞 - 啊啊啊 ，写了好久的基础基础算法
大神简单的逻辑，清晰地代码力解
这是思维上的差距，分析问题解决的思路还没有成型。代码我都懂，语法我也会。自己用的方法也不是不能用只是不能适用于长字符串赞过 11
