问题:最近发现一个奇怪的bug,
那就是在上传图片需要采用input type=file来进行文件选择.由于为了适应美工的UI图,所以是把选择文件的input框隐藏了.然后通过另外一个按钮的点击事件来触发input的选择事件.代码如下:
<div style="width:120px;height:120px">
<img src="/image/uploadfile.png" style="width:100%;height:100%" id="uploadImg">
2024年11月22日
问题:最近发现一个奇怪的bug,
那就是在上传图片需要采用input type=file来进行文件选择.由于为了适应美工的UI图,所以是把选择文件的input框隐藏了.然后通过另外一个按钮的点击事件来触发input的选择事件.代码如下:
<div style="width:120px;height:120px">
<img src="/image/uploadfile.png" style="width:100%;height:100%" id="uploadImg">
2024年11月22日
今天在写注册页面的时候发现一个奇怪的现象，在input框中输入密码之后会在后面出现一个眼睛图标（我并没有写这个功能）。点击图标之后会显示input框中的密码，再次点击会继续隐藏input框中的密码。密码显示按钮可协助用户确认输入内容，避免出现密码输入错误。但是这个密码显示按钮只会在开始输入的时候才会显示，当鼠标离开输入框之后就会自动隐藏。再次聚焦输入框输入时不会再次显示，需要删除输入内容之后再次输入才会触发密码显示按钮。这个用户体验并不怎么友好，而且换chrome浏览器测试时又没有（郁闷...！）。
2024年11月22日
可以使用 @react-three/drei 中的Html组件， @react-three/drei 是一个非常有用的库，提供了许多高级组件和实用工具，使得在 react-three-fiber 中创建复杂的 3D 场景更加容易。其中，Html 组件允许你在 Three.js 场景中嵌入 HTML 内容，这对于创建 UI 元素、标签、按钮等非常有用。
2024年11月22日
网站优化的工作人员如果具备一定的编程开发能力对优化网站的工作有没有帮助呢？有时肯定有的，做网站优化如果懂得基础的代码知识，那么可以进行更加细致的优化工作，所以还是建议懂一点代码基础的。
如果对网站代码有一定了解的那么可以将这些网站优化的要点做得更好：
1、W3C网络标准。
2024年11月22日
上面我们介绍了HTML的基本标签，这一次我们来复习一下HTML常用标签
*****图像标签img*****
**语义**:用来展示一张图片
**属性**
src:文件的路径
titl:鼠标悬停时显示的内容
alt:当图片加载不出来时的替代文本
***路径***
路径又分为相对路径和绝对路径
相对路径:不需要写盘符,直接从当前工程开始找指定的文件，如（image/itlike.png）
2024年11月22日
godspen-一个完全免费开源活动营销系统，扩展性非常高，也是一个低代码开发平台，可以方便开发组件，也可以通过脚本扩展组件能力，也方面营销，运营使用，更方便公司内部搭建使用,更方便自己学习。
官网： https://godspen.ymm56.com/
使用手册： https://godspen.ymm56.com/doc/cookbook/introduce.html
2024年11月22日
HTML/CSS部分
1、什么是盒子模型？
在网页中，一个元素占有空间的大小由几个部分构成，其中包括元素的内容（content），元素的内边距（padding），元素的边框（border），元素的外边距（margin）四个部分。这四个部分占有的空间中，有的部分可以显示相应的内容，而有的部分只用来分隔相邻的区域或区域。4个部分一起构成了css中元素的盒模型。
2024年11月22日
学习网页的概念和分类，了解静态网页和动态网页的不同；了解网页浏览器的工作原理。了解HTML,XHTML,HTML5的概念，制作简单的HTML页面的开发。
可以在internet上通过网页浏览信息，如新闻，图片等，还可发布信息，如招聘信息等，网页是在某个地方某一台计算机上的一个文件。
网页主要由3部分组成：