今天又接着尝试用chatGPT解决问题,顺便查看了网上的信息,有写诗、做饭、询问脑残问题的,还有各种带着专业缩写、专业名词的应用,最难的是做个普通人,能知冷知热、能提一些普通的问题,这是chatGPT目前还不能解决的。 我们已经有两个网址:官网和Eikon,要在两个网址间来回切换,PC端问题不大,手机屏很小手指头很大,来回切换在用户体验上很重要。 前一天解决了Eikon的菜单问题,今天是官网,官网的问题比Eikon复杂,Eikon可以自定义页首的html,官网不行,需要把自定义的逻辑写在CSS或者JavaScript,问题是官网已经有默认的设定,要更改原来的设定会遇到很多技术上的问题,而且我对JavaScript不熟悉,chatGPT起到了非常好的协助作用,远胜曾经有过的学习体验。 以下例举chatGPT和搜索引擎不一样的地方。 1、主动联想的能力 我问:datazslogocontainer.style.verticalAlign = "bottom";这种对齐方式如果没有效果会是什么原因? chatGPT:vertical-align属性通常用于设置行内元素的对齐方式,而不适用于容器元素(如p)的对齐方式。因此,这种写法可能不起作用。更好的方法是使用flex布局,并通过align-items属性来设置容器内部元素的对齐方式。例如: datazslogocontainer.style.display = "flex"; datazslogocontainer.style.alignItems = "flex-end"; 错误有很多种,搜索引擎没这个能力,即使有也告诉你一长串,我们要的是最有可能的那一个,然后一个个排除,chatGPT很像人处理问题的方式。 2、大幅度提高信噪比 我问:link1.style.font-size= "20px";,能不能写成这样? chatGPT:不能。在 JavaScript 中,样式属性名称是需要用驼峰式写法的,所以这段代码应该写成: link1.style.fontSize = "20px"; 相信搜索引擎也能找到正确答案,付出的时间和精力远远超过chatGPT,我是不会写,chatGPT做的才是人类传承知识的传统方式,用了"驼峰式写法"的专业描述,印象深刻。 3、把专业问题夷为平地 我问:,这段代码是不是有3个属性? chatGPT:是的,这段代码有三个属性: data-zs-branding class="theme-branding-info " data-theme-branding-info="zptheme-branding-info" 我问:data-theme-branding-info="zptheme-branding-info",这个怎么写? var dataThemeBrandingInfo = document.querySelector("[data-theme-branding-info="zptheme-branding-info"]"); 专业问题为什么会难?就是搞了一大堆外人看不懂的名词,这里是写法,事实本身都没有离开常识,有把菜刀也能做外科手术,无谓的东西阻挡了大部人获取专业知识的机会。 4、学会提问是关键 好的提问能解决一半问题,chatGPT还不能主动解决问题,主动是个很麻烦的事,如果chatGPT主动陪你的孩子、陪你的老婆,这个问题会变得很复杂。 我问:实际宽度展现不正常,除CSS外,JavaScript会不会是原因? chatGPT:是的,JavaScript 代码也可能影响图片的实际宽度展示。如果你的 JavaScript 代码改变了图片的宽度或者对图片的显示方式进行了更改,那么它的实际宽度可能不再是 CSS 代码中指定的宽度。建议检查 JavaScript 代码,看看有没有任何代码影响了图片的大小或显示方式。 我没有搞过JavaScript,知道这个方向后就跟着chatGPT完成了最终的工作。