获得徽章 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