- 博客(20)
- 收藏
- 关注
RSS订阅原创 JS的数据类型及运算
一、数据类型输出数字不需要加引号，但是输出一段话就需要加引号，也就是说，数据有时候不需要加引号，但有时候就需要加引号，这是因为数据的类型不一致造成的。js中可以输出数字，输出一段带引号的话，还可以输出哪些数据？数字、带引号的数据、没有赋值的变量、true、false、[]数据、{}数据、null根据他们的用途和特性，可以将数据分为以下几类：类型 示例 备注 数字型（number） 1 -2 3.14 300 包括整数、小数、负数 字符串型（string）
2021-08-10 11:57:18
601
原创 JS基础语法
一、JavaScript的历史95年以前，就有很多上网的用户了，当时的带宽只有28.8kb/s，用户要进行表单的验证时，点击提交按钮，直接就将数据发送到服务器了，受限于带宽的关系，浏览器和服务器的通信很慢，大概一次通信需要30s的时间。 这样，问题就出现了，我们平常注册一个用户，需要填写很多信息，当我们将所有信息填写好，点击提交按钮后，等待30s以后，提示我们用户名被占用了，修改，提交，等待30s，提示用户名不符合规范，修改，提交，等待30s，密码不符合规范，修改，等待。。。这样的用...
2021-08-10 11:48:08
343
原创 grid布局
一、网格布局（Grid）它将网页划分成一个个网格，可以任意组合不同的网格，做出各种各样的布局1.采用网格布局的区域，称为"容器"（container）。2.容器内部采用网格定位的子元素，称为"项目"（item）。3.注意：项目只能是容器的顶层子元素，不包含项目的子元素。Grid 布局只对项目生效。1.grid布局中的行和列容器里面的水平区域称为"行"（row），垂直区域称为"列"（column）。2.grid布局中的单元格 行和列的交叉区域，称为"...
2021-08-10 11:15:39
279
原创 CSS3弹性盒
一、新版盒模型1、display：flex 设置为弹性盒（父元素添加）2、flex-direction（主轴排列方式） 顺序指定了弹性子元素在父容器中的位置 row 默认在一行内排列 row-reverse：反转横向排列（右对齐，从后往前排，最后一项排在最前面。 column：纵向排列。 column-reverse：反转纵向排列，从下往上排，最后一项排在最上面3、justify-content（主轴对齐方式） 内...
2021-08-03 21:21:22
195
原创 3D、动画和弹性盒子
一、3D translateZ()往Z轴移动scaleZ()沿着Z轴缩放rotateZ()translate3d(X轴位移的距离,y轴位移的距离,z轴位移的距离)scale3d(x轴缩放的大小,y缩放的大小,z轴缩放的大小)rotate3d(0/1,0/1,0/1,旋转角度) 当功能函数的变量值为1时执行旋转度数二、动画首先先定义动画:@keyframes动画名{from{}...
2021-08-02 21:10:17
171
原创 2021-07-31
一、渐变概念：针对于盒子的背景颜色设置渐变是由浏览器解析得到的。渐变属性：backgroud/background-image1.线性渐变属性值:linear-gradient(参数) -第一个参数:方向(可以省略不写) -第二个参数:颜色1 -第三个参数:颜色2 -...方向值的设置 -默认值是从上到下的 -从一个边到另外一个边to结束的方向值 -从一个角到...
2021-07-31 16:15:51
117
原创 CSS的渐变过渡
一、线性渐变: 1.方向：默认从上到下 2.语法:background:linear-gradient(2~多个颜色，颜色中间用逗号分隔);linear-gradient(to方向[1到2两个],2~多个颜色，颜色中间用逗号分隔)linear-gradient(度数deg,2~多个颜色，颜色中间用逗号分隔) 3.加浏览器内核 4.方向:方向没有to直接跟的left/ri...
2021-07-29 19:45:08
711
原创 HTML新增
一、H5的语法1.内容类型（ContentType） HTML5的文件扩展符与内容类型保持不变，仍然为".html"或".htm"2.DOCTYPE声明 <!DOCTYPE html>不区分大小写3.指定字符集编码 <meta charset="UTF-8">4.可省略标记的元素不允许写结束标记的元素：br、col、embed、hr、img、input、link、meta 5.可以省略结束标记的元素： li、dt、dd、p、option、co...
2021-07-28 21:16:35
113
原创 BFC与选择器
1.BFCBFC 即 Block Formatting Contexts (块级格式化上下文)，通俗一点来讲，可以把 BFC 理解为一个封闭的大箱子，箱子内部的元素无论如何翻江倒海，都不会影响到外部。2.BFC的特性与应用1.BFC内部的Box会在垂直方向，一个接一个的放置。 2.Box垂直方向的距离由margin决定，属于同一个BFC的两个相邻box的margin会发生重叠...
2021-07-27 19:29:36
136
原创 表单的html及css
1.表单：收集用户信息 1)组成部分：表单域【表单的区域】+表单控件【input】+提示信息【请输入姓名】 2)应用：登录注册界面等等 3)表单控件：单选框（只能选择一个，必须有属性，而且name属性值必须一致【同一组单选 框】type=“radio”） 复选框：可以选择多个 type=“checkbox” 选择文件...
2021-07-26 21:15:42
230
原创 表格的基本结构及属性
1.表格1）表格是什么：页面中用来显示数据。2）课表/日历/成绩单/oa系统。3）语法结构：但是，如果没有加特殊的属性，每一行中的单元格数量必须一致。4）表格的属性：加到table里面的，border设置边框，cellspacing边框与边框之间的距离【默认为1px】，width/height align【设置table的位置】，bgcolor【背景颜色】。 加到tr里面的：height=“200px” ，align="lef...
2021-07-23 19:30:28
1313
原创 小米官网页面的实现
用定位实现小米官网注意：position和margin的简写形式不能同时用，但可以margin-left等可以同时生效Label for=“ID值”和a标签定位实现功能差不多（轮播图）<div class="banner"> <img src="..." id="img1"> <img src="..." id="img2"> <img src="..." id="img3"> <img src=".....
2021-07-23 16:40:08
389
原创 CSS的宽高度自适应引起的高度塌陷解决，垂直对齐
1.垂直对齐：在垂直方式设置元素的位置 应用场景：log垂直居中，下拉菜单垂直居中，控制文本与图片的位置 语法：vertical-align 属性值：middle/top/text-top/bottom/text-bottom/baseline middle【实现垂直居中】/te'xtext-top【重要】/text-bottom【文字的最下放】/top【line-height的最上方】/bottom【line-height的最下方】2.实现不同大小lo...
2021-07-22 20:54:16
638
原创 侧拉列表的实现，用定位做骰子
1.侧拉菜单的实现1）先搭建骨架 2）清除浏览器自带的内外边距 3）清除a以及第二个li的效果 4）清除列表默认的样式5）设置div的样式：宽度，高度，背景颜色 6）把a标签转为块级元素，并且设置宽度高度 7）给one_ul,one_li加宽度高度 8）给超链接以及li【第二个ul下的li】加浮动 9）隐藏 10）去除掉之前设置的背景颜色 /11.让内容显示出来 12）加背景颜色 ...
2021-07-20 19:36:54
259
原创 权重优先级、继承、伪类选择器
1.权重优先级：1.当选择器的权重一致时，他会按照顺序执行，后面的样式会覆盖前面的样式【操作同一个元素时】2.各个选择器之间的权重:标签0001class0010id0100！important最高的3.！important可以提高权重/优先级4.样式覆盖:相同属性设置操作了相同的元素5.干啥：当制作网页的过程中不知道那个优先显示的时候【】2.字体的继承： font-size都可继承/color除了超链接以外都可以继承.....
2021-07-19 21:03:17
339
原创 CSS的浮动属性，盒子
1.浮动总结1）什么是浮动：漂浮在页面的某个位置【有固定的位置】2）浮动的语法：float：left/right/none3)浮动的作用：页面排版【让竖着排列的元素可以水平排列】4）特点总结：a:会让元素脱离标准文档流【正常显示的样式】b:宽度不会再继承父元素的宽度了c:浮动属于半脱离：只能遮盖背景，不遮盖内容【文字，。。。。】d:浮动的参照物为父元素2.盒子1）内容区...
2021-07-17 11:38:42
153
原创 CSS关键样式，看完你就会用了！
1.样式设置1）颜色color属性值：颜色的英文/16进制的颜色【】/rgb2）字体font-family属性值：楷体/宋体....3）字体大小pxptem16px=12pt=1em,默认字体大小为16px,微软雅黑【除非自己单独设置过】4）加粗font-weight属性值：bold,boider/100~900[100~500变细，600~900变粗]/lighter【变细】5）倾斜font-style属性值：italic/...
2021-07-15 19:35:21
352
原创 CSS样式基础
1.表单form表单：用来收集用户信息，常用在【用户的登录注册界面】基本的语法结构：<form></form>input：标签用于搜集用户信息，根据不同的type属性，展示不同的控件，如输入框、复选框等text：普通的文本输入框password：密码输入框checkbox：复选框radio：单选框file：上传文件submit：提交按钮reset：重...
2021-07-14 19:53:47
175
原创 HTML5入门
1.什么是H5？ a. H5是HTML的第五个版本 b.H5是一门技术总称2.H5能做什么？a.网页开发b.小程序，公众号c.HybridAppd.NativeAppe.桌面应用开发f.游戏开发g.后端开发3.一个项目的开发流程a.产品经理（根据用户需要，制定需求文档）b.UI设计（产品页面的切图）c.前端（人机交互界面，连接UI和后端）d.后端（功能的实现）f.测试（调试B...
2021-07-13 19:31:55
189
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人