米拉

JavaScript对象操作指南摘要：本文介绍了JavaScript中对象的创建、访问、修改和遍历等核心操作。对象可通过字面量、构造函数或Object.create()创建；属性访问有点号和方括号两种方式；修改属性直接赋值即可。检查属性用in操作符或hasOwnProperty()方法。遍历对象可使用for...in、Object.keys()、Object.values()和Object.entries()。对象合并可用展开语法或Object.assign()，对象冻结和密封分别用Object.freez

实例HTML <video> 标签一段简单的 HTML5 视频：<video src="video.mp4" controls="controls">您的浏览器不支持 video 标签。</video>属性性 值 描述 autoplay autoplay 如果出现该属性，则视频在就绪后马上播放。 controls controls 如果出现该属性，则向用户显示控件，比如播放按钮。 height

nth-child(n) 选择器匹配属于其父元素的第 N 个子元素，不论元素的类型。n 可以是数字、关键词或公式。Odd 和 even 是可用于匹配下标是奇数或偶数的子元素的关键词（第一个子元素的下标是 1）。使用公式 (anb描述：表示周期的长度，n 是计数器（从 0 开始），b 是偏移值。

2、::first-line（:first-line）和::first-letter（:first-letter）::first-letter（:first-letter） 用于块级元素，设置附属元素第一个字母（字）的样式。1、::before（:before）和::after（:after），注：content是必须的。::first-line（:first-line）用于块级元素，设置附属元素第一个行内容的样式。3、::selection（注：是:: ）设置鼠标长按拖动选中内容的样式。

网格父级 ：display:grid（块级网格）/  inline-grid（行内网格）注意：当设置网格布局，column、float、clear、vertical-align的属性是无效的。   

CSS提供了多种计算函数和方法，包括calc()、min()、max()、clamp()等数学运算函数，以及attr()、CSS变量等特性，帮助开发者实现灵活响应式布局。这些方法支持单位换算、动态尺寸计算和属性值获取，可结合Grid/Flex布局使用。需注意各函数在不同浏览器的兼容性情况，合理运用这些计算方法能有效提升代码可维护性和布局适应性。典型应用包括响应式字体大小、自适应列宽设置以及基于变量的间距计算等场景。

str是console.log后定义的，因为var存在变量提升，所以当console.log输出str时，会去找有没有定义str，因赋值的顺序在console.log后面，所以console.log输出的结果显示undefined然后是赋值。函数内var声明的变量，在函数外也可以调用，但let、const声明的变量，只能在函数内使用，函数外不能调用。var、let声明变量，可重新赋值，const声明常量，因常量不能修改所以报错。var定义同名变量时，后面所定义的内容会覆盖前面的。