m0_74065758的博客

【代码】前端生成验证码。

深拷贝和浅拷贝是处理数据拷贝的两种重要方式，它们在拷贝对象或数组时具有不同的行为。

例如，如果一个网页应用的登录功能是通过 JS 实现的，包括验证用户输入、发送请求到服务器等一系列操作，那么当登录流程需要调整（如增加新的验证条件）时，就需要对相关的 JS 代码进行仔细的分析和修改，这比单纯修改 CSS 样式要复杂得多。例如，要实现一个图片的滑动展示效果，通过 JS 可以根据用户的点击操作或者定时设置来控制图片的滑动方向和速度等参数，这需要编写一系列的函数和逻辑代码来实现，而 CSS 本身很难直接实现这样复杂的动态效果。例如，要实现一个元素的隐藏效果，若使用 JS 通过修改元素的。

async属性表示脚本可以在加载时立即执行，不会阻塞页面的渲染，defer属性表示脚本可以在文档解析完后执行，不会阻塞页面的渲染。这是一种常见的优化方式，它常用于加速页面加载，将脚本放在body底部可以使页面内容先加载，然后再加载js代码，从而加快页面的渲染速度，还可以避免阻塞页面的渲染。这是最常见的用法之一，在head标签中添加script标签会在页面加载的时候立即执行，如果脚本比较大或者需要执行的时间比较长，会阻塞页面的渲染。

当一个元素使用绝对定位时，margin：auto同样无法起作用。绝对定位的元素会脱离正常的文档流，其宽度会根据内容自动调整，而经受不起margin属性的限制，绝对定位会忽略margin属性。当一个元素没有指定宽度时，margin：auto无法生效。因为在没有指定宽度的情况下，元素的宽度将默认100%，此时无法进行居中对齐。当一个元素使用浮动时，margin：auto无法生效。浮动元素会脱离文档流，并且会根据自身尺寸进行对齐，而不受margin的控制。我们此时给元素添加一个固定的宽度就可以解决这个问题了。

值与原文档流位置一致（对于绝对定位和固定定位，此时依然脱离标准流，不占位置）。

它只是表明，谈论的对象不是一个名叫玛丽的女王，而是一艘名字叫玛丽的船。他们的效果是一样的，但是语义不同，<em>标签表示其内容的着重强调，<i>标签表示从正常散文中区分出的文本，例如外来词，虚构人物的思想，或者当文本指的是一个词语的定义，而不是其语义含义。<em>标签将文本标记为强调格式，会使文字产生倾斜效果。<em>元素可以嵌套，嵌套层次越深，强调程度越深。两者都不是纯粹为了装饰的目的，那是 CSS 样式所做的。我们看到这里会觉得他们两个的效果都一样，我们会疑惑什么时候用，用哪个？it already!

原来的思路是，因为span是行内元素，大小随着内容的大小变化，如果想要设置宽高，可以将他设置为块元素或者是行内块元素。后面在练习新知识的时候，不小心把display： inline-block；注释掉了，发现最终呈现的效果没有变化。这种特性有时候还是很有用的，比如轮播图自定义前一页和后一页的按钮，直接给这2个行业元素设置图片背景就可以了。今天学习flex的时候做了一个这样的案例。发现其他行内元素也会出现这种情况。于是又尝试了其他的行内元素。