天色已晚早点睡觉-CSDN博客

原创第22天笔记，js(arguments、声明提升、作用域、简易计算器)

arguments：形参个数==实参个数：参数一一对应；行参个数>实参个数：一一对应，未赋值的变量是一个undefined；行参个数<实参个数：一一对应任何函数内部都有叫arguments对象。arguments用来接受传递的所有实参，接受方式特殊，数组arguments=[1,2,3...],数组：有序存储一组数据获取数组中所有元素的个数：数组名.length声明提升js引擎执行代码：先找到所有声明相关的，进行提升（声明提升）变量提升和函数提升

2021-09-04 10:24:35 53

原创第21天笔记，js(函数)

break:中止当前循环continue:跳出本次循环，进入下次循环函数基本概念：对于js来说，函数就是把任意一段代码放在一个盒子里，在我想要让这段代码执行的时候，直接执行这个盒子里面的代码就行。// 这个是我们以前写的一段代码for (var i = 0; i < 10; i++) { console.log(i)}// 函数，这个 {} 就是那个 “盒子”function fn() { // 这个函数我们以前写的代码 for (var i = 0; i...

2021-09-02 20:30:57 61

原创第20天笔记，js(Swicth语句、三元运算符、循环)

Swicth语句switch (变量) { case value://case:选项，后面value是一个表达式或值 //当变量全等于选项的时候执行 break;//中止代码向下执行 ...... default: //当变量不满足以上所有选项的时候执行 break; }Switch执行效果高于多分支，但是if运用场景多于Switch,if语句更加灵活三元运算符条...

2021-09-01 21:25:39 88

原创第19天笔记，js(递增递减运算符、if语句）

字符串的比较ASCII表进行，字符，字符对应的码值（数字）console.log(x.charCodeAt())递增和递减运算符递增：x++,++x相同点：单独使用时，都是自身加1不同点：在参与运算，赋值，输出等操作的时候，x++先操作再加1，++x先加1后操作递减：和递增一样，递增和递减必须和变量配合使用流程控制语句结构：顺序结构、分支结构、循环结构分支语句：if语句，switch表达式：是由数字、运算符、变量等组成的式子表达式最终都会有一个结果，返

2021-08-31 21:03:18 192

原创第18天笔记，JavaScript基础知识

js基础知识js的组成：EMACscript+DOM+BOMjs的书写位置：行内，内嵌，外链js输出：在页面写入：document：write()；控制台打印：console.log();弹出框：alert();页面输入框：prompt();确认框：confirm();转义字符：\n：换行 \t：制表符变量1.声明变量并赋值var a=10;2.先声明后赋值var=a;a=10;命名规则：1.数字，字母，下划线_，$，汉字也支持，但

2021-08-31 17:49:52 40

原创第十七天笔记，移动端

视口布局视口：layout viewport 默认为980像素视觉视口：visual viewport固定大小跟屏幕大小一致理想视口：现代网页需要将layout viewport设置成visual viewport等大小，方便进行网页制作,需要手动添加meta视口标签通知浏览器操作<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-wi...

2021-08-28 09:55:18 50

原创第十六天笔记，flex布局，HTML5语义化标签，智能表单

flex布局设置在子元素中的属性：1.order:控制它们在flex容器中出现的顺序，值越小越靠前，默认值0；2.align-self:设置子元素自身的对齐方式，可以覆盖父元素的align-items属性align-self：flex-start(上对齐)/flex-end(下对齐)/center(居中对齐)/stretch(拉伸)/baseline(基线对齐)/auto3.flex-grow:长大延伸，默认值为04.flex-shrink:缩小缩水，默认值为1，设置0代表不缩水

2021-08-28 09:54:02 102

原创第十五天笔记，flex布局，自定义动画，CSS3 3D

CSS 弹性盒子布局display:flex给一个div设置display：flex；这个div就可以成为flex容器flex布局通常被称为flexbox，是一种一维的布局模型。它给flexbox的子元素之间提供了强大的空间分布和对齐能力。有主轴和交叉轴两根轴线，主轴由flex-direction定义，交叉轴垂直于主轴。1.flex-direction属性（设置在父元素上）有四个值，row,row-reverse,column,column-reverse当你设置了row或r

2021-08-20 21:06:12 285

原创第十四天笔记，CSS3背景属性及过渡

CSS3 背景的新增属性(续)Background-origin 背景原点属性：padding-box;背景从padding部分开始显示border-box;背景从border部分开始显示（默认）content-box;背景从内容部分开始显示Background-clip 背景裁切border-box 背景被裁剪到边框盒（默认） padding-box 背景被裁剪到内边距框 content-box 背景被裁剪到内容框css3多背景属性background:url(图片)

2021-08-19 20:12:25 240

原创第十三天笔记，CSS3文本属性及背景新增属性

css3的文本属性一、浏览器前缀的简介及应用-ms-:IE浏览器专属-moz-：所有基于Gecko引擎的浏览器，如火狐-o-：Opera浏览器专属-webkit-：基于webkit引擎的浏览器，谷歌、苹果二、文本阴影属性语法及应用定义：text-shadow属性值：1.水平偏移量，正值向右，负值向左2.垂直偏移量，正值向下，负值向上3.阴影的模糊距离，值越大，阴影边缘越模糊4.阴影颜色三、box-shadow 盒子阴影属性值：h-shadow:水平

2021-08-18 19:46:11 93

原创第十二天笔记，CSS3选择器

css3选择器一、伪类选择器1.结构性伪类选择器X:first-child匹配子集的第一个元素。X:last-child匹配父元素中最后一个X元素X:nth-child(n)用于匹配索引值为n的子元素，索引值从1开始X:only-child这个伪类一般用的比较少，比如上述代码匹配的是div下的有且只有一个的p，也就是说，如果div内有多个p，将不匹配。X:empty匹配没有任何子元素（包括包含文本）的元素X2.目标伪类选择器E:target 选择匹配E的所有元素，且匹配元

2021-08-18 19:43:31 62

原创第十一天笔记，继承、BFC、宽高自适应...

继承继承和通用选择器权重是0text-transform 大小写转化:uppercase转为大写BFC概念BFC即Block Formatting Contexts (块级格式化上下文)，它属于定位方案中的普通流简单理解： BFC就是页面中一个独立的容器，容器内部的元素是不会影响外面元素的。利用BFC可以解决margin的合并，或者塌陷。或者阻止元素被浮动元素覆盖。我们经常给父元素加overflow:hidden来触发BFC。宽度自适应宽度设置auto或不设置（不建议使

2021-08-18 19:40:19 67

原创补充，html标签

标签单标签 <hr> 水平线<br> 换行<img src='图片路径'> 双标签独占一行<h1>标题</h1><p>段落标签</p><hr> 水平线<ul> <li>无序列表</li></ul><ol> <li>有序列表</li></ol&g...

2021-08-14 17:51:32 201

原创第九天，CSS属性（表格和表单）

表格和表单表格<colgroup>标签用于对表格中的列进行组合，以便对其进行格式化。通过使用 <colgroup>标签，可以向整个列应用样式，而不需要重复为每个单元格或每一行设置样式。只能在 table 元素内使用 <colgroup> 标签。<col>标签为表格中一个或多个列定义属性值。如需对全部列应用样式，<col>标签很有用，这样就不需要对各个单元和各行重复应用样式了。只能在 table 或 colgroup 元素中使用 &l

2021-08-14 17:48:55 95

原创第八天笔记，CSS属性（优先级，锚点，透明）

优先级z-index:z-index:可以设置元素的叠加顺序，但依赖定位属性。z-index大的元素会覆盖z-index小的元素z-index为auto的元素不参与层级比较z-index为负值，元素被普通流中的元素覆盖锚点1.给元素定义命名锚记名语法：<标记 id=”命名锚记名“></标记>2.命名锚记连接语法：<a href="#命名锚记名称">链接文本或图片</a>透明opacity:0.5; (value的

2021-08-14 17:46:14 79

原创第七天笔记，CSS属性（定位）

定位position 定位属性，检索对象的定位方式；1、static：默认值，无特殊定位，对象遵循HTML原则； 2、absolute：绝对定位，将对象从文档流中完全拖离出来，使用left/right/top/bottom等属性相对其最接近的一个并有定位设置的父元素进行绝对定位；如果不存在这样的父对象，则依据《浏览器》进行定位，而其层叠通过z-index属性定义 3、relative ：相对定位遵循正常的文档流，将依据right，top，left，bottom（相对定位）等属性在正常文档流中相对自身

2021-08-14 17:41:56 69

monkey0325的博客