学习周记(周更)

关于我自己用codex自学前端的那些事。。。(以下内容纯小白自主记录学习过程,勿喷) 因为自己是纯小白一个,想学习前端知识,知道open AI–codex以后,想利用ai来学习制作网站,第一次接触该内容,也让我体会到ai的强大 今天主要初步学习了一下HTML+CSS+JS,其中 index.html...
学习周记(周更)
学习周记(周更)

关于我自己用codex自学前端的那些事。。。(以下内容纯小白自主记录学习过程,勿喷)
因为自己是纯小白一个,想学习前端知识,知道open AI–codex以后,想利用ai来学习制作网站,第一次接触该内容,也让我体会到ai的强大

c756d5ba52043abbdefe8b6fb962005b
今天主要初步学习了一下HTML+CSS+JS,其中
index.html:页面结构
styles.css:页面模式
app.js:页面逻辑
在我总结来说,html主要是更改页面内容,文字;css主要是更改页面布局,颜色,风格;js:则是类似与反馈的东西(也不知道对不对,欢迎大佬指点)
其中html里面含有一些我新学的内容:
1.html:整个网页
2.head:页面配置
3.body:页面上真正看到的内容
4.h1:大标题
5.form:表单区域(懵懵懂懂)
6.label:输入框说明文字
7.input:输入框
8.button:按钮
9.div:分区
还有部分关键词
1.page:整个界面
2.login-box:登录框
3.tip:提示文字
4.form-item:每一行输入项
5.message:结果提示区域
你可以增加输入行的个数,调整你的提示用语,更改标题等等,按照你自己的想法去更改,非常nice
试着让codex教我更改一些代码,让我能看懂部分,甚至尝试去更改它
2a62f0ca6108a5165d58d423e88f5a69
于是由这样
826394992cde154fcdf5d3c02dcc23a4
----变成了这样
image
当然这里包含了css的颜色更改,一开始看不懂,不知道背景颜色改哪个,还是问了codex,它也精准的告诉我,并教我如何操作。
剩下的就是js了,我认为的js文件就是反馈,你登录以后产生的反馈,包括你手机号格式,密码格式等等都可以在js中编辑,说实话loginForm.addEventListener(“submit”, function()这串监听代码,“一旦发生就执行后面的代码”
js里还包含了if语法
image
学习内容相比各位大佬还是小乐色,希望像大佬学习,增强自身能力。

3 个帖子 - 3 位参与者

阅读完整话题

来源: linux.do查看原文