05 2024 档案
摘要：// 立即执行函数IIFE // 声明 function name(a,b) { return a + b; } // 调用 console.log(name(1,2)); // 立即执行将声明与执行二合一，一步到位 // 函数声明外部使用一个圆括号括住，使之转为表达式 ( function (a,
阅读全文
摘要：// 匿名函数 let sum = function (a,b) { return a + b; } // 只有匿名函数才可以使用胖箭头简化 // =>胖箭头 sum = (a, b) => { return a + b; }; console.log(sum(1, 2)); // 另外，如果参数大
阅读全文
摘要：// 必选参数 let sum = function (a,b) { return a + b; } console.log(sum()); // 可选参数 sum = function (a=1,b=2) { return a + b; } console.log(sum()); 现在计算五个参数
阅读全文
摘要：// 声明 function abd(name) { return "welcome to" + name; } // 调用 console.log(abd("老师")); // 重写 function abd(name, city) { return "welcome to" + city + "
阅读全文
摘要：// 如果要对一个数据进行精确的操作，第一步就是判断它的数据类型 // 1.原始类型 数值：整数，小数 字符串，使用引号当定界符："zhu" 布尔值：false,true undefined:未定义 null:空 typeof: 专用于原始类型的检测 如console.log(typrof 100)
阅读全文
摘要：以下是写在script里的代码，首先是变量，变量的关键字为let。 // 1.变量 let email = "admin@qq.com"; // let email（声明） + email （初始化）= 声明+初始化 // let email;声明只要不赋值，则默认值为undefined，第一次赋值
阅读全文
摘要：<!-- 1.通过事件属性添加js脚本 --> <button type="button" class="default" onclick="alert(this.tagName)">提交 </button> <!-- 2.通过script标签添加内部的js脚本，但只能在当前的html中有效 -->
阅读全文
摘要：以下是用来打开媒体查询器的代码，利用媒体查询可以用电脑端来查看移动端的排版，以及进行布局。 ` @media screen and (min-width: 0.5rem) { body { background-color: aqua; } } ` 以上是写在style里的。
阅读全文
摘要：/* 所有项目在主轴上的对齐，有一个前提：主轴上必须存在剩余空间 */ /* 所谓对齐就是主轴上的剩余空间如何在项目之间进行分配 */ /* 默认：剩余空间位于所有项目的右边 */ justify-content: flex-start;左 justify-content: flex-end;右 j
阅读全文
摘要：/* 当flex容器无法包裹住flex项目时我们可以通过一些调整来实现包裹 */ /* 允许换行，转为多行容器 */ flex-wrap: wrap; /* 主轴方向，也就是水平方向 */ /* flex-direction: row;是默认值也就是从左向右排列 */ /* flex-directi
阅读全文
摘要：<div class="container"> <div class="item">item1</div> <div class="item">item2</div> <div class="item">item3</div> </div> 上面的是一个基本代码段。 .container { bor
阅读全文
摘要：位置：元素可以使用的顶部，底部，左侧和右侧属性定位。 然而，这些属性无法工作，除非事先设定position属性。 他们也有不同的工作方式，这取决于定位方法。 static 定位 HTML 元素的默认值，即没有定位，遵循正常的文档流对象。（ 静态定位的元素不会受到 top, bottom, left,
阅读全文
摘要：盒模型：所有HTML元素可以看作盒子，在CSS中，"box model"这一术语是用来设计和布局时使用。 CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：外边距（margin）、边框（border）、内边距（padding）、实际内容（content）四个属性。 盒模型允许我们在其它元
阅读全文
摘要：属性：HTML 中的元素拥有属性（attribute）；这些额外的值可以配置元素或者以各种方式来调整元素的行为，进而满足用户所需的标准。 例如用 如果没有这些属性那么就无法做出一些自定义的东西，网页的设计也会缺少个性化。
阅读全文
摘要：form标签表示的是一个表单，我们所填写的资料都是封装在form里的，填写完成后提交form内的内容，如果不再form内则不会提交。 table则是用来布局的，当填写资料时，页面提供的文本框、文字按钮之类的摆放的都很整齐，这就是table发挥的作用。 form是用来封装数据的，table是用来布局的
阅读全文
摘要：标签的分类：双标签如...只有写标签之间的内容可以被显示，另外属性只有写在起始标签里才有效果。 单标签如只显示效果不显示内容，属性同样也要写在起始标签里才有效果。 常用的标签：是头部标签， 标签用于定义文档的头部，它是所有头部元素的容器。 是主体标签，标签用于定义文档的主体，所有呈现给用户的内容都将
阅读全文
摘要：今天是从盒模型开始的学习，一直以来我最不理解的就是HTML的布局和排版，虽然也有过一些了解。但总感觉有些模糊，今天在学习的过程中逐渐搞清了关于盒模型里的一些排列，对于padding、border和margin到底是什么，以及在浏览器中的位置的具体显示，这些已经清楚了。 对于位置上的判定目前大致上都了
阅读全文
