w296932099的博客

原创 040day（）

原创 039day（）

原创 038day（）

原创 037(day)

原创 036day()

原创 032day（）

原创 031day（）

原创 030day（）

原创 029day()

原创 028day(es5和字符串)

ES5的语法js在产生的时候，年代比较早，当时的web需求比较少，所以刚开始的js功能比较少，语法没有特别严谨。随着时代

原创 027day(数组)

数组对象中可以通过键值对存储多个数据，且数据的类型是没有限制的，所以通常会存储一个商品的信息或一个人的信

原创 026day(函数-下)

js的写法js跟css一样，script标签可以放在网页的任何位置，script标签也可以写多个:多个标签之间的变量也是可以互相使用的:但这种情况必须上面定义，下面输出，不能在上面输出，下面定义。因为，js代码的预解析，只能在当前这个script标签中，不能对整个html生效。作用域能起到作用的区域就叫做作用域。定义在不同区域的变量，他的作用域是不一样的。不在任何一个函数中定义的变量叫全局变量。他的作用域是定义之后的所有文档区域。例:在函数中定义的变量叫局部变

原创 025day（函数-上）

的撒的

原创 024day(whlie循环，do while循环，for循环，循环的嵌套，循环中的跳转关键字，debug工具)

循环结构引入:操场一圈是400米，在运动会的时候，2000米的跑步比赛，我们需要绕操场跑5圈，如下图:这就是一个循环，那么，在这个过程中，其实我们动作只是跑一圈，剩下的过程只是在重复。从计算机的角度来想， 我们可不可以设定一个程序，让他自动跑5圈呢?可以的，用咱们今天要学习的循环结构。循环结构的意义就是让代 码重复执行。while循环结构语法:例:对女朋友说5句我爱你while循环结构的具体流程:while循环需要我们在循环外就将变量声名好，在执行代码的过程中，一

原创 023day（逻辑分支）

逻辑分支引入:我们在日常生活中，有很多事情是需要做判断的，比如说，去服装城买衣服，你看中一件衣服，老板要300 元，你立马就会想，这个价格是否贵了，判断的结果只有两种可能，一是贵，二是不贵，贵了你就不买了，不贵你就 买了。再比如去网吧，网管也要判断你是否满18岁，结果也只有两种，是和否，是就上网，不是就看别人上网，再比 如，学校根据考试成绩对每个人进行评级，如果成绩大于60就合格，否则就不合格，如果成绩大于90，就优秀等 等。。。在咱们的代码中，也会有很多判断，比如咱们做的练习，小红满足条件了，就能嫁人

原创 022day（js的基本语法）

基本语法JavaScript的历史:在95年以前，就有很多上网的用户了，当时的带宽只有28.8kb/s，用户要进行表单的验证时，点击提交按钮，直接就 将数据发送到服务器了，受限于带宽的关系，浏览器和服务器的通信很慢，大概一次通信需要30s的时间。这样，问题就出现了，我们平常注册一个用户，需要填写很多信息，当我们将所有信息填写好，点击提交按钮后，等 待30s以后，提示我们用户名被占用了，修改，提交，等待30s，提示用户名不符合规范，修改，提交，等待30s，密 码不符合规范，修改，等待。。。这样的用

原创 021day（）阿斯顿打算打算

撒打算的

原创 020day（支付宝页面制作【利用js插件除100就是rem的】，CSS3的grid布局）

一、grid（网格）布局1、网格布局（Grid）它将网页划分成一个个网格，可以任意组合不同的网格，做出各种各样的布局2、grid布局相关概念1⃣.采用网格布局的区域，称为"容器"（container）。2⃣.容器内部采用网格定位的子元素，称为"项目"（item）。3⃣.注意：项目只能是容器的顶层子元素，不包含项目的子元素。Grid 布局只对项目生效。3、grid布局中的行和列1⃣.容器里面的水平区域称为"行"（row），垂直区域称为"列"（column）。4、

原创 019day（常见布局方案，meta标签，媒体查询media用法）

一、常见的布局方案1、固定布局：以像素作为页面的基本单位，不管设备屏幕及浏览器宽度，只设计一套尺寸；2、可切换的固定布局：同样以像素作为页面单位，参考主流设备尺寸，设计几套不同宽度的布局。通过识别的屏幕尺寸或浏览器宽度，选择最合适的那套宽度布局；3、响应布局：对页面进行响应式的设计实现，需要对相同内容进行不同宽度的布局设计，有两种方式：pc优先（从pc端开始向下设计）；移动优先（从移动端向上设计）；无论基于那种模式的设计，要兼容所有设备，布局响应时不可避免地需要对模块布局做一些变化（发生布局

原创 018day（多列，弹性盒双飞翼+圣杯布局，美团移动端制作）

一、多列1、column-count：分栏的个数2、column-width：分栏的宽度3、column-gap：分栏的间距4、column-rule：分栏的边框5、column-span：all/none 设置或检索对象元素是否横跨所有列。6、column-fill设置或检索对象所有列的高度是否统一（目前大部分浏览器尚未支持） auto：列高度自适应内容 balance：所有列的高度以其中最高的一列统一(默认值)7、colu...

原创 017day（CSS3的3D转换和动画效果,怪异盒，弹性盒）

一、1.CSS3的3D转换transform2d场景，在屏幕上水平和垂直的交叉线x轴和y轴3d场景，在垂直于屏幕的方法，相对于3d多出个z轴Z轴：靠近屏幕的方向是正向，远离屏幕的方向是反向2、CSS3的3D场景的设置3、动画animation二、怪异盒子模型box-sizing用来设置盒模型的解析规则的box-sizing 属性允许您以特定的方式定义匹配某个区域的特定元素。1⃣、...

原创 question1（display: block；和display: none；冲突吗）

aaa

原创 016day（考试题）

1.以下哪个不是定位属性的属性值?A.static【默认定位】B.absolute【绝对定位】C.fixed【固定定位】D.visibility2.不属于form标签的属性的是?A.nameB.method【提交方式】C.get【method的属性值】D.action【后台的路径】3.img标签中不包含的属性有?A.alt【图片走走丢之后的提示】B.title【鼠标悬停显示的内容】C.urlD.src【图片的路径】4.以下属性...

原创 016day（2d转化的一些属性和标签）

一、2d转化变形属性：transformtransform翻译成汉语具有"变换"或者"改变"的意思。通过此属性具有非常强大的功能，比如可以实现元素的位移、拉伸或者旋转等效果最能体现transform 属性强大实力的是实现元素的3D变换效果2D2D变换，是在一个平面对元素进行的操作。可以对元素进行水平或者垂直位移、旋转或者拉伸二、变形属性：transform的所有属性值1、transform：none;默认值2、transform：translate（）；移动 平移..

原创 015day(css控制单词换行的属性，css设置中英文大小写的属性，背景渐变)

一、css控制单词换行的属性1、word-break自己决定自动换行的处理方法①word-break：normal:使用浏览器默认的换行规则。(英文)②word-break：keep-all:不允许中文字断开，以符号作为换行的标志。③word-break：break-all:允许在单词内换行，可以强行截断英文单词，达到词内换行效果。2、word-wrap用来标明是否允许浏览器在单词内进行断句①word-wrap：normal 默认值。②word-wrap：break-word：.

原创 014day(h5的发展史，h5的兼容，h5的语法，h5的语义化，h5的常用标记，百分比下字体居中的两种方法，video视频文件，audio音频文件，

一、h5的发展史1、HTML5草案的前身名为 Web Applications 1.0，于2004年被WHATWG提出，于2007年被W3C接纳，并成立了新的 HTML 工作团队。 HTML 5 的第一份正式草案已于2008年1月22日公布。HTML5 仍处于完善之中。然而，大部分现代浏览器已经具备了某些 HTML5 支持。 2012年12月17日，万维网联盟（W3C）正式宣布凝结了大量网络工作者心血的HTML5规范已经正式定稿。根据W3C的发言稿称：“HTML5是开放的Web网络平台的奠基..

原创 013day(bfc定义，触发条件，应用，双飞翼布局，css属性选择器，结构伪类选择器)

一、bfc1、定义：块级格式化上下文2、作用：1⃣、相邻元素垂直外边距合并【】2⃣、margin-top【子元素设置margin-top之后，父元素会随之下移】3⃣、高度塌陷【父元素没有设置高度，子元素设置浮动之后高度会发生塌陷】4⃣、布局【两栏布局，双飞翼布局】（自适应两栏布局两种解决途径，第一种是ovr那个触发bfc，第二种方法是给下面的div设置个子元素然后给你margin-left 距离重叠的区域那个）3、触发条件：1⃣.根元素 html默认就是一个BFC2⃣.f

原创 012day(表单，表单的css样式，post和get，h5新增加的表单type属性值，h5新增的表单属性，h5新增加的表单标签，bfc)

一、表单1、表单的作用：用来收集用户的信息的;2、表单的组成：①表单域：（表单的区域） <form name="" method="get/post" action=""></form>②表单控件 ： <input type="text" value=""/>3⃣提示信息（请输入姓名）3、单选框radio请选择你的性别<input type="radio" name="sex">男<input type="radio" n

原创 011day（伪类选择器延伸【包含土豆视频点击页面普通做法和伪元素简便做法】）

一、链接伪类选择器1、a：link未访问的链接2、a：visited已访问的链接3、a：hover鼠标悬停时显示的样式1⃣、鼠标悬停时内容的隐藏与显示 选择器：hover 要显示的元素【要显示的元素必须在选择器里面】 {}a标签可以切换成其他的选择器4、a：active鼠标点击时显示的样式 a标签也可以切换为其他的选择器注意：1⃣、1234这四个顺序尽量不要颠倒，不然有可能显示不出来（小口诀：lvha 【love hate或者lv 包包 hao】2⃣、因为a链接在浏览器中具有默认

原创 010day（表格及其相关属性）

一、表格1.表格是什么：页面中用来显示数据2.课表/日历/成绩单/oa系统3.语法结构：<table><tr><td></td>...</tr>...但是：如果没有加特殊的属性每一行中的单元格数量必须一致</table>4.表格的属性加到table里面的：border设置边框 cellspcaing边框与边框之间的距离【默认为1px】 width/height align【设置tabl

原创 009day（vertical-align属性，White-space属性，Overflow属性，Text-overflow属性）

一、vertical-align属性 文字与图片的位置1、垂直对齐：在垂直方向设置元素的位置2、应用场景：log垂直居中、下拉菜单垂直居中、控制文本与图片的位置3、语法：verticla-align（必须转化为行内块）4、文字与图片的位置只有元素类型是行内或者行内块元素才支持vertical-align属性vertical-align：baseline；默认值 baseline基线vertical-align：middle；垂直在line-height范围居中对齐（就是图片外..

原创 008day（定位，下滑二级导航栏，测滑二级导航栏，定位中骰子的制作）

一、定位基础一、定位基础1、静态定位static（了解）静态定位是元素的默认定位方式，无定位的意思语法：position：static静态定位按照标准流特性摆放位置，它没有边偏移静态定位在布局时很少用到2、相对定位relative（重要）语法：position：relative1⃣、相对定位是元素在移动位置的时候，是相对于它原来的位置来说的（自恋型）2⃣、原来在标准流的位置继续占有，后面盒子仍然以标准流的方式对待它（不脱标，继续保留原来位置）因此，相对定位

原创 007day（考试）

阿斯顿dasd一、测试单选（每题2分，共30题）1.在HTML中，实现鼠标悬停在超链接上时，为无下划线的效果A：a{text-decoration:underline}B：a{text-decoration:none}C：a:hover{text-decoration:none}D：a:link{text-decoration:underline}2.阅读下面HTML代码，段落标签<p>内文本最终显示的颜色是<...

原创 006day（选择器权重比较，css元素间的转化，伪类选择器，导航栏带滑动下拉的制作）

一、优先级1、当选择器的权重值一致时，他会按照顺序执行，后面的样式会覆盖前面的样式（操作同一个元素时）2、各个选择器之间的权重：标签0001，class0010，id0100，important最高3、！important可以提高权重/优先级4、样式覆盖：相同属性设置操作了相同的元素5、what：当制作网页的过程中不知道哪个优先显示的时候6、继承：在父元素上设置的某些属性在子元素上可以起作用7、为什么要学习继承：知道为什么元素没有设置样式，但是样式发生改变（解决问题）...

原创 005day（扣丁课堂色块搭建）

想要搭建一个好看的网站，先要会搭建色块，然后就可以往里面填充内容了，下面是扣丁课堂的色块搭建练习1⃣️、html文件代码<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><link rel="stylesheet" href="css/style.css"></h..

原创 004day（浮动，盒子模型，border属性，padding属性，margin属性）

容易错总结：父亲元素下的子元素选择.w是父亲 abcd是父亲下面的子元素，注意后面直接加空格就行 不要加，如下图是正确的一、浮动1、什么是浮动？答：漂浮起来移动。（就是让原本两个竖着div横着排列起来）2、语法是什么？答：float：left/right/none3、浮动的作用：页面排版（比如两个div，用了浮动会让脱离文本标准流不占据空间，假如第一个加浮动了就会飞起来了，第二个不加就会挤上去与第一个重合）4、特点总结：1⃣、会让元素脱离标准文档流（正常显示的样式）2

原创 003day （css文本、列表、背景相关属性，精灵图的制作）

一、css文本相关属性1、字体的颜色也可以转换为16进制的颜色（可以直接百度搜索16进制颜色表）和rgb属性的颜色。例如：red=#b0b0b0=rgb（211，176，33）。一共三种表现形式像括号里面的一样。2、font-size设置字体大小单位可以是px，pt，em。12pt=16px=1em 浏览器默认是16px,设计图常用字号是12px。在浏览器右键设置里面可以设置字体。3、font-family字体样式，加不加引号都ok4、font-weight（后面可以跟数字或bo..

原创 002day（登陆表格，css三种引入方式，css选择器，腾讯云跳转制作，色块布局练习）

一、1、表格常用的标签input type=text账号框input type=password密码框reset重制按钮2、button按钮（必须用value加初始的值）sumbit提交按钮按钮和提交按钮的区别，普通按钮只是单纯的点击作用，提交按钮可以提交页面的内容，提交按钮有默认的value的值。注意：src后面写img不要写image不然图片显示不出来3、placeholder= 请输入账号字样（提示信息）value给一个初始的值placeholder和val

原创 001day（介绍html和基础的标签）

一、今日学习内容1、首先我们应该了解什么是html5？答：我们今天所谈论的HTML5这个词已经产生了一些变化，它代表的已经不再是简单的HTML网页设计标准，而是围绕着HTML这个东西以及他周边的一系列网页相关技术的总称，这其中既包含了HTML+css的网页制作，也包含了JavaScript这门编程语言的相关开发，这就是HTML5。2、html5能做什么？答：a.网页开发（用的最多的，只要是浏览器能看到的，都需要用到前端）b.小程序，公众号（微信，支付宝，头条等好多都用前端语言进行开发）