自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(32)
  • 收藏
  • 关注

原创 web二阶段 day10

/[1, true, false, '字符串', '你好', null, Array(3), {…//[1, true, false, '空字符串', '快吃饭了', '1', '2', Array(2)]//[1, true, false, '字符串', '你好', null, Array(3), {…var arr1 = new Array(1,true,false,"字符串",undefined,null,[1,2,3],{"age":18});

2022-09-02 18:55:58 127

原创 web二阶段 day09 Date对象和String类型

获取非行间样式和行间样式的函数封装if(window.getComputedStyle){//标准浏览器}else{//IE低版本浏览器}}​求20-100之间的随机整数Math.random() 0-1 包括0不包括1​代码复用结构和功能是一致的时候实现步骤1-把它当成一组去实现 里面的标签必须通过父元素获取2-实现这一组的功能3-将这一组功能的而主要代码放入到一个函数中 把父元素作为参数4-调用调试​点击事件中 有一个定时器。

2022-09-01 22:29:08 14

原创 web二阶段 day08函数封装和Math对象

1.return作用函数的返回值 return 返回值如果是返回多个值 return 【返回值1 返回值2......】 return { 属性名:返回值1,属性名:返回值2}函数中当参数不确定的时候 arguments 集合 arguments[下标] length长度​获取非行间样式标准浏览器 window.getComputedStyle(标签).样式名IE低版本(5-8) 标签.currentStyle.样式名​兼容 判断方法是否存在。...

2022-08-31 21:02:52 17

原创 web二阶段 day07定时器和函数封装

定时器的分类延时定时器语法: setTimeout(函数,时间)作用: 延迟一定的时间再去执行函数里面的代码,只会执行一次使用场景 :广告弹窗间歇定时器语法:setInterval(函数,时间)作用:每隔一定的时间就去执行函数中的代码 会执行多次使用场景:轮播图 倒计时 计时器 抽奖==注意:定时器的时间单位是ms 1s = 1000ms==...

2022-08-30 21:35:48 13

原创 web二阶段 day06

2.1 定义属性属性的分类固有属性:系统给的 id class title自定义属性:程序员自己定义的 tag index添加自定义属性直接添加标签上(暂时获取不到)//2.自定义属性直接写行间,可以直观看见,暂时无法获取写在行间的自定义属性使用js添加:标签.属性名 = 属性值//3.通过js添加自定义属性,标签上看不见,但是可以直接使用//true自定义索引问题:通过for循环添加事件,想在事件里面使用i下标值,但是拿到的i值永远是最后一次的值。...

2022-08-29 21:05:01 11

原创 web二阶段 day05

3.4.1什么是属性什么是属性:存在开始标签上 属性名=属性值 例如class="box" id="wrap"固有属性:系统给定的属性 例如 class id style href src自定义属性:程序员自己定义的属性3.4.2设置和获取自定义属性如何设置和获取自定义属性...

2022-08-26 19:43:55 14

原创 web二阶段 day04

顺序结构(代码依次从上往下执行)选择结构(分支语句) if if-else if-else if-else switch循环结构:for while do-while for-in。

2022-08-25 21:10:11 9

原创 web二阶段 day03

数据类型转换分为两种显式转换(强制转换):通过js的方法,转换成自己想要的数据类型隐式转换:在js进行某些运算的时候 自动完成转换数据类型。

2022-08-24 21:08:50 14

原创 web二阶段 day02

2.1操作标签内容操作标签内容分为两种操作闭合标签内容操作表单标签内容2.1.1操作表单标签内容获取:标签.value设置 :标签.value = 值//1.获取表单元素的value值 标签.value​//2.设置表单元素的value值 标签.value = 值​// 2.点击设置按钮 给表单元素设置value为456// 给button添加点击事件 标签.onclick = fucntion(){ 要做的事}​}2.1.2操作闭合标签内容。

2022-08-23 17:01:51 12

原创 web二阶段 day01

HTML--超文本标记语言---结构CSS---层叠样式表-----样式js---js脚本语言---网站交互==基于对象和事件驱动的解释性脚本语言==基于对象:JavaScript 是一种基于对象的语言,这意味着它能运用自己已经创建的对象,因此,许多功能可以来自脚本环境中对象的方法与脚本的相互作用。事件驱动:JavaScript 可以直接对用户或者客户输入做出响应,无须经过 web 服务器,它对用户的响应,以事件驱动的方式进行。解释性解释性:可以直接识别,读一行执行一行。

2022-08-22 16:46:08 120

原创 web一阶段 day27

响应式开发实现不同屏幕分辨率的终端上浏览网页的不同展示方式。响应式布局是根据设备屏幕宽度不同适当调整标签显示的布局,从而在每种设备屏幕宽度下呈现的界面是不同的。

2022-08-16 16:12:45 79

原创 web前端一阶段 day25

2d坐标轴(图示)x轴:水平,向右为正,向左为负y轴:垂直,向下为正,向上为负。

2022-08-11 17:09:53 20

原创 web前端一阶段 day21

视口简单来说就是浏览器显示页面内容的区域。视口:浏览器显示内容的屏幕区域,相当于PC端浏览器可视区 (白板区域)在PC端,正常的视口宽度就是整个浏览器的窗口可视区的宽度,会随着浏览器窗口大小的重置而缩放;...

2022-08-08 21:57:00 15

原创 web一阶段 day20

flex-wrap属性:指定弹性盒子的子元素换行方式换行,第一行显示在上方换行,第一行显示在下方默认值,不换行注意:父元素有固定高度且高度大于子元素换行后高度之和换行中间有缝隙父元素高度有内容撑开换行没有缝隙align-content属性:折行,行与行之间有间隙,去除间隙 (去掉了中间的间隙)要设置: flex-wrap: wrap;顶端没有行间距底对齐没有行间距居中没有行间距两端对齐,中间自动分配, 元素位于各行之间留有空白空间。...

2022-08-05 17:22:28 25

原创 web一阶段 day19

弹性盒子是CSS3的一种新的布局模式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和空白空间的分配操作方便,布局简单,移动端使用广泛PC端浏览器支持情况较差IE11或更低版本中,不支持或部分支持在盒模型中较为灵活弹性盒模型的内容包括:弹性容器、弹性子元素——项目原理:为父元素设置flex属性,控制子元素的位置及排列方式应用场景 : 移动端。...

2022-08-04 20:33:09 17

原创 web一阶段 day18

css3是css技术的升级版本,新增了许多特性,弥补了css2的不足,使web页面的开发变得更加高效、便捷css3按模块化进行设计,比较重要的css3模块包含、 选择器、框模型、背景和边框、文本效果、2D|3D转换、动画、多列布局、用户界面css3优点: CSS3是完全向后兼容,所以没有必要修改现在的设计来让它们继续运作。网络浏览器也还将继续支持CSS2。...

2022-08-03 19:03:37 15

原创 web一阶段 day17

H5的新增标签 表单属性 时间日期选择器 颜色选择器 音频 视频部分H5废弃的标签 IE低版本浏览器的兼容

2022-08-02 17:29:51 18

原创 web一阶段 day16

项目:小U课堂

2022-08-01 22:20:49 11

原创 web一阶段 day15

当前,新冠疫情的防疫已进入新常态新阶段,如何防患于未然,把基层常态化防控的藩篱扎得更牢,显得愈加重要。当前,新冠疫情的防疫已进入新常态新阶段,如何防患于未然,把基层常态化防控的藩篱扎得更牢,显得愈加重要。当前,新冠疫情的防疫已进入新常态...

2022-07-30 00:10:16 43

原创 web一阶段 day14

AdobePhotoshop,简称“PS”],是由Adobe开发和发行的[图像处理软件]。Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具,可以有效地进行图片编辑工作。ps有很多功能,在图像、图形、文字、视频、出版等各方面都有涉及。小U课堂。...

2022-07-30 00:06:14 86

原创 web一阶段 day13 阿里矢量图库的使用方法

1.使用步骤1.登录阿里矢量图标网站2.搜索想要的图标且加到购物车3.点击右上角的购物车4.选择下载代码,下载完成后解压文件5.把下载的文件放到你的项目中6.引入iconfont.css文件或者iconfont.js文件使用三种方式下载代码1、Unicode方式引用Unicode是字体在网页端最原始的应用方式,特点是兼容性最好,支持IE6+,及所有现代浏览器。支持按字体的方式去动态调整图标大小,颜色等等。但是因为是字体,所以不支持多色。font-size,color。...

2022-07-27 18:35:30 331

原创 web一阶段 day12

按钮

2022-07-26 17:23:15 18

原创 web一阶段 day11

表单的作用用于搜集不同类型的用户输入表单的组成表单元素(控件)、表单区域生活中的表单。

2022-07-25 17:51:34 13

原创 web一阶段 day09

css精灵英文叫法csssprites,通常被解释为“CSS图像拼合”或“CSS贴图定位”;其实就是把网页中一些背景图片整合到一张图片文件中,再利用CSS“background-image”,“background-repeat”,“background-position”的组合进行背景定位,background-position精确的定位出背景图片的位置css精灵图可以实现特殊形状的背景自由拉伸滑动,能适应不同字数的内容。...

2022-07-21 19:52:44 19

原创 web一阶段 day08

概念父元素向后代元素传递属性的机制表现后代元素会继承父元素的属性总结常用可继承的属性一般text-,line-,font-,color开头的基本都能继承​a标签不能继承字体颜色colorh标签不能继承font-weightb.strong不能继承font-weighti,em不能继承font-style​可继承的属性fontcolor强制继承每个CSS属性都接受这些值inherit表示强制继承”。作用恰当地使用继承可以简化代码,降低CSS样式的复杂性。...

2022-07-20 19:03:03 14

原创 web一阶段 day07

本身属性为displayblock;的元素称为块级元素常见块级元素div,h1-h6,p,ul,li,dl,dt,ol本身属性为displayinline;的元素称为行级元素常见行级元素本身属性为displayinline-block的元素称为行级块元素常见行内块元素img、input(表单元素后续会讲到)没有设置宽高的时候,宽继承父元素的宽度,高度由内容撑开默认独立成行——默认垂直布局宽度默认由内容撑开高度默认由内容撑开可以设置宽高。...

2022-07-19 18:50:25 15

原创 web一阶段 day06

CSS盒模型本质上是一个盒子,封装周围的HTML元素,它包括边距、边框、填充、和实际内容。(即装东西的容器)所有HTML标签可以看作盒子,在CSS中,"boxmodel"这一术语是用来设计和布局时使用的。(即网页布局就是利用CSS摆盒子)...

2022-07-18 19:13:01 15

原创 web一阶段 day05

总结使用频率基础选择器中最常用是类选择器id用于页面中唯一模块标签选择器定义的全局样式,单独使用要慎重*号通常用于重置样式【最不常用】

2022-07-15 17:23:26 18

原创 web一阶段 day04

表格结构标签caption语法:作用:定义表格的标题默认样式:居中于表格之上注意: caption 标签必须紧随 table 标签之后thead语法:作用:用于组合 HTML 表格的表头内容tbody语法:作用:用于组合 HTML 表格的主体内容提示:一个表格允许包含多个tfoot语法:作用:用于组合 HTML......

2022-07-14 19:05:46 16

原创 web一阶段 day03

列表标签

2022-07-13 18:37:37 15

原创 web一阶段 day02

span标签:无语义标签,用于区分样式没有实际的语义,可以理解为一个小盒子,里面一般装着一个或几个文本内容应用场景:控制局部文本的样式b标签:一个实体标签,它里面包围的文本显示粗体效果strong标签:一个语义标签,强调语气,它里面包围的文本显示粗体效果i标签:它里面包围的文本显示斜体效果em标签:一个语义标签,强调语气,它里面包围的文本显示斜体效果del标签:删除线sup标签:上标sub标签:下标特点:宽度默认由内容撑开高度默认由内容撑开默认横向显示——水平布局,一行排不下,自动折行换行和空格会被解析

2022-07-12 18:27:37 15 1

原创 web一阶段 day01

关于一些前端的基础知识五大浏览器内核网页的组成和一些块级标签的特点

2022-07-11 17:18:41 177 2

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除