今天又接着尝试用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完成了最终的工作。