自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 【无标题】11

为什么需要MavenMaven简介Maven翻译为“专家“, ”内行”的意思,是著名公司下基于Java开发的开源项目Maven项目对象模型(POM)是一个项目管理工具软件,可以通过简短的中央信息描述来管理项目的搭建,报告和文档等步骤Maven是一个项目管理的工具,可以对项目进行构建、依赖的管理。

2023-10-23 19:03:12 30

原创 5.对象

使用变量(对象)存储对象(属性)时,很容易因为改变变量(对象)指向的变量(对象),提高代码复杂度。const只是禁止变量(对象)被重新赋值,对对象(属性)的修改没有任何影响。其中一个变量(对象)修改对象(属性)时,另外一个变量(对象)也会产生影响。修改对象(属性)时,如果有其他变量(对象)指向该对象(属性)通常情况下,声明存储对象的变量(对象)时会使用const。则所有指向该对象(属性)的变量(对象)都会受到影响。修改变量(对象)时,只会影响当前的变量(对象)两个变量(对象)同时指向一个对象(属性),

2023-03-18 16:12:58 52

原创 7.面向对象

面向对象本质就是,编写代码时所有的操作都是通过对象来进行的。面向对象的编程的步骤:1. 找对象2. 搞对象学习对象:1. 明确这个对象代表什么,有什么用2. 如何获取到这个对象3. 如何使用这个对象(对象中的属性和方法)对象的分类:内建对象- 由ES标准所定义的对象- 比如 Object Function String Number …宿主对象- 由浏览器提供的对象- BOM、DOM自定义对象- 由开发人员自己创建的对象。

2023-03-16 17:04:31 51

原创 6.函数

window对象的属性可以通过window对象访问,也可以直接访问。- 在函数中定义形参,就相当于在函数内部声明了对应的变量但是没有赋值。- 在块作用域中声明的变量是局部变量,只能在块内部访问,外部无法访问。- 在浏览器中,浏览器为我们提供了一个window对象,可以直接访问。- 在函数中定义的变量是局部变量,只能在函数内部访问,外部无法访问。- 在定义函数时,可以在函数中指定数量不等的形式参数(形参)2.以方法的形式调用时,this指向的是调用方法的对象。

2023-03-15 16:12:25 34

原创 4.流程控制

if语句只会控制紧随其后其后的那一行代码,如果希望可以控制多行代码,可以使用{}将语句扩起来。if-else if-else语句,会自上向下依次对if后的条件表达式进行求值判断,switch语句和if语句的功能是重复,switch能做的事if也能做,反之亦然。同一个代码中的代码,就是同一组代码,一个代码块中的代码要么都执行要么都不执行。如果条件表达式结果为true,则执行当前if后的语句,执行完毕语句结束。如果为true,则再次执行循环体,执行完毕,继续判断,如此重复。富:1000万以上;

2023-03-14 22:20:41 191

原创 3.javascript运算符

因为()拥有最高的优先级,使用运算符时,如果遇到拿不准的,可以直接通过()来改变优先级即可。- 与运算是找false的,如果找到false则直接返回,没有false才会返回true。- 或运算是找true,如果找到true则直接返回,没有true才会返回false。- 当&&左右都为true时,则返回true,否则返回false。当任意一个值和字符串做加法运算时,它会先将其他值转换为字符串,- 当||左右有true时,则返回true,否则返回false。

2023-03-14 16:49:50 97

原创 2.数据类型

使用typeof检查一个Undefined类型的值时,会返回 “undefined”- 解析时,会自左向右读取一个字符串,直到读取到字符串中所有的有效的整数。- 解析时,会自左向右读取一个字符串,直到读取到字符串中所有的有效的小数。对于拥有toString()方法的值调用String()函数时,- 使用typeof检查一个字符串时会返回 “string”- 如果字符串是一个合法的数字,则会自动转换为对应的数字。parseInt() —— 将一个字符串转换为一个整数。

2023-03-14 16:37:17 91

原创 1.入门

2. 标识符不能是JS中的关键字和保留字,也不建议使用内置的函数或类名作为变量名。- 在js中所有的字面量都可以直接使用,但是直接使用字面量并不方便。在JS中,使用const声明常量,常量只能赋值一次,重复赋值会报错。在JS中除了常规的常量外,有一些对象类型的数据我们也会声明为常量。在JS中,所有可以由我们自主命名的内容,都可以认为是一个标识符。- 字面量其实就是一个值,它所代表的含义就是它字面的意思。- 通过变量可以对字面量进行描述,并且变量比较方便修改。- 并且变量中存储的字面量可以随意的修改。

2023-03-14 16:28:56 44

原创 10.变形 平移 旋转

设置平移时,如果使用百分比单位,百分比是相对于元素自身大小计算。当我们对元素进行变形时,只会影响到元素自身,不会影响其他元素的位置。scaleZ z轴缩放(需要3d下才能看出效果)通过变形可以对元素的位置,大小、角度等进行修改。需要一个长度作为值,长度表示人眼和屏幕的距离。需要一个长度作为值,长度表示人眼和屏幕的距离。- z轴平移视觉上会感觉到元素大小的变化。需要通过不同的变形函数来实现元素的变形。translateZ 用来设置z轴平移。translateX() x轴平移。rotateX 沿x轴旋转。

2023-03-12 16:53:23 40

原创 11.过渡 动画 网格 移动端 媒体查询 响应式布局

animation-iteration-count 动画重复的次数。forwards 延迟时元素保持不变,动画执行结束保持to的状态。both 延迟时元素变成from状态,动画执行结束保持to的状态。- 通过过渡可以使得元素在样式发生变化时,一点一点的改变。animation-duration 一次动画需要的时间。- 在网格布局,将网页分为了一行一行和一列一列的。- 过渡的简写属性,可以同时设置过渡的所有样式。- 多行多列布局时,需要使用不同的结构组合使用。animation-delay 动画的延时。

2023-03-12 16:53:06 66

原创 9.表格 表单

默认情况下,表单中的数据会通过url地址来发送,url地址中?使用input type为password来创建密码框,密码框中的内容不会以明文显示,避免密码被偷看。像这种选择框,不需要用户填写内容,还必须为表单项指定value,value最终会成为提交给服务器的值。查询字符串是一个一个的名值对结构,一个数据名对应一个值,多个名值对之间使用&隔开,单选框是通过name属性来分组的,相同name属性的为一组。- 如果希望表单中的数据真的被提交给服务器,- 在网页中,通过表单来将信息提交给服务器。

2023-03-12 16:52:17 89

原创 8.背景 雪碧图

在早期的网页中,几乎所有的小图标都是通过雪碧图来实现的,随着图标字体的广泛使用,雪碧图的使用也变得相对少了一些。- 所谓CSS-Sprite就是指,将多个小的图片统一放入到一个大图片(雪碧图)中,在图片加载完成前,超链接处在没有背景图片可以显示的状态,所以会显示空白。在图片加载完成前,超链接处在没有背景图片可以显示的状态,所以会显示空白。这是因为,浏览器在加载外部资源时,是以懒加载的形式来完成的。这是因为,浏览器在加载外部资源时,是以懒加载的形式来完成的。

2023-03-12 16:51:50 92

原创 7.弹性容器

弹性子元素的基础大小,会根据主轴的方向自动设置width或height。- 元素的收缩是根据flex-basis和flex-shrink综合计算的。space-between 将主轴方向空白位置分配到两个元素之间。flex-direction 和 flex-wrap的简写属性。flex-direction 和 flex-wrap的简写属性。space-evenly 将主轴方向的空白分配到元素的一侧。space-evenly 将侧轴方向的空白分配到元素的一侧。

2023-03-12 16:49:31 95

原创 5.文本

当我们设置元素的font-size时,实际上就是在设置文本框的大小。如果这些小图标,可以任意缩放,同时又可以任意的修改颜色,那就好了!middle 将元素的中线和父元素基线高度+x高度一半的位置对齐。bottom 子元素文本框的底部和父元素文本框的底部对齐。负值文字向左移动(可以利用负值隐藏网页中的一些文字)在网页中文字可以任意缩放和改变颜色!baseline 默认值 子元素和父元素的基线对齐。top 子元素文本框的顶部和父元素文本框的顶部对齐。默认每个文字和父元素在垂直方向都是沿着基线对齐的。

2023-03-12 16:48:57 27

原创 6.浮动 定位

将元素的position属性设置为relative则开启了元素的相对定位。所以在开发中,经常在为一个元素开启绝对定位后,同时也给它的父元素开启相对定位。- 将元素的position设置为absolute,则开启了元素的绝对定位。z-index可以设置为负值,设置负值后定位元素将会被文档流中的元素覆盖!3. 绝对定位元素是参照于离它最近的开启了定位的祖先元素进行定位,将元素的position设置sticky则开启了元素的粘滞定位,固定定位也是一种绝对定位,它的大部分的特点和绝对定位是相同的。

2023-03-10 15:56:15 47

原创 4.盒子模型

当我们将margin-left或margin-right中的一个设置为auto时,则浏览器会自动使其尽量的大。如果将margin-left和margin-right同时设置为auto,则浏览器会使元素左右的外边距相同,可以将margin的值设置为auto,设置auto后,元素的外边距由浏览器自动计算。- 由于我们的浏览器默认是按照自左向右,自上向下的顺序来排列元素的,通过将一个块元素的左右外边距设置为auto,以使其在父元素中水平居中。- 外边距不会影响盒子的大小,但是它会影响盒子的位置(实际大小)

2023-03-09 22:31:45 32

原创 3.css语法 选择器 伪类 伪元素 颜色 单位 轮廓

和id不同,可以为多个元素指定相同的class,拥有同一个class的元素可以说它们是同一类元素。important,则该样式会获得最高的优先级,优先于其他样式显示,慎用!- 当我们使用不同的选择器,选中同一个元素并设置相同的样式时,就发生了样式的冲突。- 通过CSS可以为网页中的元素设置各种样式,让页面变得更加漂亮。- 将样式编写到style标签中,降低了代码的耦合,是代码易维护。一个样式名对应一个(或多个)样式值,之间使用:连接,使用;- rgb值指通过三种不同的颜色的组合,来调配出不同的颜色。

2023-03-09 15:53:17 42

原创 2.html标签

在SEO中h1的重要性仅次于title,搜索引擎也会通过h1来识别页面的主要信息,搜索引擎在抓取页面中,会通过title的内容来识别网页的主要内容。h1最大,h6最小,从语义上讲,h1最重要,h2其次,h3再次…注意:对于html标签来说,我们关注的是标签语义,而不是它的样式。属性用来描述元素,属性是一个名值对结构,属性名=“属性值”注释,注释中的内容不会在网页中显示,只会显示在源码中。通过这些语义化标签,可以对网页中的不同内容进行描述,有些属性,属性名和属性值相同,此时可以省略属性值。

2023-03-08 16:59:14 39

原创 1.前端简介

万维网的发明者是伯纳斯李网页需要运行到浏览器中,有些企业嗅到这个商机开始着手制作浏览器网景公司、微软公司,当时比较大的浏览器厂商生产浏览器的公司,为了竞争市场份额开始了第一次浏览器大战,最终微软的ie浏览器取得了胜利由于浏览器之间的恶性竞争,引发了网页的兼容问题,同样一个网页在不同的浏览器中显示效果不同为了解决这个问题,伯纳斯李创建了W3C(万维网联盟)专门负责指定万维网中的各种标准。

2023-03-08 16:41:26 40

空空如也

空空如也

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

TA关注的人

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