自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 js笔记(11)

innerText该属性可以获取到元素内部的文本内容它和innerHTML类似,不同的是它会自动将html标签去掉previousSibling 获取前一个兄弟节点,也可能获取到空白的文本previousElementSibling 获取前一个兄弟元素,IE8及以下不支持。

2023-09-17 22:30:41 46

原创 JS笔记(10)

我是一个按钮</button>1)事件,就是用户和浏览器之间的交互行为,比如:点击按钮、鼠标移动、关闭窗口。。。可以为按钮的对应事件绑定处理函数的形式来响应事件这样当事件被触发时,其对应的函数将会被调用2)绑定一个单击事件像这种为单击事件绑定的函数,我们称为单及响应函数<button id="btn">我是一个按钮

2023-09-17 11:00:04 51

原创 JS笔记(9)

2)创建正则表达式的对象语法:var 变量=new RegExp("正则表达式","匹配模式");使用typeof检查正则对象,会返回objecttest( )使用这个方法可以用来检查一个字符串是否符合正则表达式的规则如果符合则返回true,否则返回false在构造函数中可以传递一个匹配模式作为第二个参数可以是:i——忽略大小写g——全局匹配模式。

2023-09-10 22:49:54 33

原创 JS笔记(8)

时间戳,指的是从格林威治标准时间的1970年1月1日,0时0分0秒到当前日期所花费的毫秒数。它里边有个属性叫做callee,这个属性对应一个函数对象,就是当时正在指向的函数对象。如果直接使用构造函数创建一个Date对象,则会封装为当前代码执行的时间。ceil( ) 可以对一个数进行向上取整,小数位只要有值就自动进1。floor( ) 可以对一个数进行向下取整,小数部分会被舍掉。1)Math和其他的对象不同,它不是一个构造函数。获取当前时间的月份,会返回一个0-11的值。

2023-09-09 15:36:03 39

原创 JS笔记(7)

在join( )中可以指定一个字符串作为参数,这个字符串将会成为数组中的连接符,如果不值当连接符,则默认使用,作为连接符。1)concat( ) 可以链接两个或多个数组,并将新的数组返回,该方法不会对原数组产生影响。该方法不会对原数组产生影响,而是将转换后的字符串作为结果返回。2)join( ) 该方法可以将数组转换成一个字符串。也会影响原数组,默认会按照Unicode编码来排序。该方法用来反转数组(前边的去后边,后边的去前边)可以用来对数组中的元素进行排序。该方法会直接修改原数组。

2023-09-07 20:22:04 46

原创 JS笔记(6)

2)使用typeof 检查一个数组时,会返回object3)向数组中添加元素语法:数组[索引]=值4)读取数组中的元素语法:数组[索引]如果读取不存在的索引,它不会报错而是返回undefined5)获取数组的长度对于连续的数组,使用length可以获取到数组的长度(元素的个数)对于非连续的数组,使用length会获取到数组最大的索引+1尽量不要创建非连续的数组修改length如果修改的length大于原长度,则多出的部分会空出来。

2023-09-03 23:08:53 35

原创 JS笔记(5)

1)可以使用return 来设置函数的返回值语法:return 值return后的值将会作为函数的执行结果返回可以定义一个变量来接收该结果在函数return后的语句都不会执行。

2023-08-27 22:35:36 46 1

原创 js笔记(4)

练习:3.嵌套for循环打印99乘法表4.break和continue break关键字可以用来退出switch或循环语句不能在if语句中使用break和continuebreak关键字,会立即终止离他最近的那个循环语句 可以为循环语句创建一个label,来标识当前的循环label:循环语句使用break语句时,可以在break后跟着一个label这样break将会结束指定的循环,而不是最近的continue关键字可以用来跳过当次循环同样 continue 也是默认只会对离他最近

2023-08-25 19:52:28 55 1

原创 JS笔记(3)

1), 运算符使用 , 运算符同时声明多个变量,也可以声明多个变量并赋值( ) 的优先级最高。

2023-08-20 23:17:46 40 1

原创 JS笔记(2)

任何值做 - * / 运算时都会自动转换为Number。

2023-08-19 16:59:54 36

原创 JS笔记(1)

1)JavaScript主要用于处理网页中的前端验证2)ECMAScript是一个标准,而这个标准需要由各个厂商去实现,不同浏览器厂商对该标准会有不同的实现3)JS代码需要编写到script标签中4)alert( )控制浏览器弹出一个警告框5)让计算机再页面中输出一个内容document.write( )可以向body中输出一个内容6)向控制台输出一个内容console.log( )的作用是向控制台输出一个内容7)可以将JS代码编写到标签的onclick属性中。

2023-08-13 22:35:54 41 1

原创 CSS笔记(11)

1)flex(弹性盒、伸缩盒)是css中的又一种布局手段,它主要用来代替浮动来完成页面的布局flex可以使得元素具有弹性,让元素可以跟随页面的大小的改变而改变2)弹性容器要使用弹性盒,必须先将一个元素设置为弹性容器3)通过display来设置弹性容器display:flex 设置为块级弹性容器display:inline-flex 设置为行内的弹性容器4)弹性元素flex-direction 指定容器中弹性元素的排列方式可选值:row:默认值,弹性元素在容器中水平排列(左向右)

2023-08-10 23:30:48 43 1

原创 CSS笔记(10)

1)less是一门CSS的预处理语言2)less是一个CSS的增强版,通过less可以编写可以编写更少的代码实现更强大的样式3) 在less中添加了许多的新的特性,像对变量的支持、对mixin的支持......4)css原生也支持变量的设置5) calc( )计算函数6)less的语法大体上和css语法一致,但是less中增添了许多对css的拓展所有浏览器无法直接执行less代码,要执行必须将less转换为css,然后再由浏览器执行。

2023-08-06 23:14:07 50

原创 CSS笔记(9)

1)主页index.html的样式表2)顶部导航条的容器:设置宽度全屏、设置高度和行高、设置背景颜色3)设置左侧导航条:service向左浮动4)设置右侧导航条:shop-cart和user-info向右浮动5)tobar下的li都是向左浮动6)用clearfix处理高度塌陷7)设置超链接的颜色:字体大小、字体颜色、设置为块元素8)去除a的下划线9)设置a的鼠标移入效果10)设置导航条的分隔线:文字大小、颜色、左右外边距11)设置购物车的样式:宽度、背景颜色、水平居中。

2023-08-04 20:52:13 101 1

原创 CSS笔记(8)

在网页中通过table标签来创建一个表格1)在table中使用tr表示表格中的一行,有几个tr就有几行2)在tr中使用td表示一个单元格,有几个td就有几个单元格3) colspan横向合并单元格4)rowspan纵向合并单元格表单:在现实生活中用于提交数据在网页中也可以使用表单,网页中的表单用于将本地的数据提交给服务器1)使用form变迁来创建一个表单2)form的属性action:表单要提交的服务器的地址使用input标签。

2023-07-30 01:12:54 52 1

原创 CSS笔记(7)

background-origin background-clip 两个样式,origin要在clip的前边。可以将多个小图片同意保存到一个大图片中,然后通过调整background-position来显示的图片。background-size必须写在background-position的后边,并且使用/隔开。6.雪碧图的特点:一次性将多个图片加载进页面,降低请求的次数,加快访问速度,提升用户的体验。通过渐变可以设置一些复杂的背景颜色,可以实现从一个颜色到另一个颜色过度的效果。

2023-07-27 18:13:44 78 1

原创 CSS笔记(6)

字体相关的样式color 用来设置字体颜色font-size 用来设置字体大小和font-size相关的单位em 相当于当前元素的一个font-sizerem 相当于根元素的一个font-sizefont-family 字体族(字体的格式)可选值:serif 衬线字体sans-serif 非衬线字体monospace 等宽字体指定字体的类别,浏览器会自动使用该类别下的字体font-family 可以同时指定多个字体,多个字体间使用 , 隔开。

2023-07-23 23:34:07 45

原创 CSS笔记(5)

在浮动布局中,父元素的高度默认是被子元素撑开的,当子元素浮动以后,其会完全脱离文档流,子元素从文档流中脱离,将会无法撑起父元素的高度,导致父元素的高度丢失。父元素高度丢失以后,其下的元素会自动上移,导致页面的布局混乱。

2023-07-21 18:49:34 50 1

原创 CSS笔记(4)

1)通过浮动可以使一个元素向其父元素的左侧或右侧移动2)使用float属性来设置元素的浮动3)可选值:none:默认值;left:元素向左浮动;right:元素向右浮动;注意:元素设置浮动以后,水平布局的等式便不需要完全成立元素设置浮动以后,会完全从文档中脱离,不再占用文档流的位置,所以元素下边的还在文档流中的元素会自动向上移动浮动的特点:1)浮动元素会完全脱离文档流,不再占据文档流中的位置2)设置浮动以后元素会向父元素的左侧或右侧移动3)浮动元素默认不会从父元素中移出。

2023-07-16 22:17:33 68 1

原创 CSS笔记(3)

1)一个元素在其父元素中,水平布局必须要满足以下的等式margin-left+border-left+padding-left+width+padding-right+border-right+margin-right=其父元素内容区的宽度(必须满足)以上等式需要满足,如果相加结果使等式不成立,则称为过度约束,则等式会自动调整调整的情况:1)如果这7个值中没有为auto的情况,则浏览器会自动调整margin-right以使等式满足。

2023-07-15 13:19:53 56 1

原创 CSS笔记(2)

1)样式的继承,为一个元素设置的样式同时也会运用到它的后代元素上2)继承是发生在祖先元素和后代元素之间的3)继承的设计是为了方便开发,利用继承可以将一些通用的样式统一设置到共同的祖先元素上,这样只需要设置一次即可让所有元素都具有该样式注意:并不是所有的样式都会被继承,比如背景、布局相关的这些样式都不会被继承。

2023-07-09 18:00:11 67 1

原创 CSS笔记(1)

内部样式表,将样式编写到head中的style标签里,然后通过CSS的选择器来选中元素并为其设置各种样式,可以同时为多个标签设置样式,并且修改时只需要修改一处即可全部应用。使用内联样式,样式只能对一个标签生效,如果希望影响到多个元素必须在每一个元素中都复制一遍,并且当样式发生变化时,必须要一个个修改,很不方便。选择器,通过选择器可以选中页面中的指定元素,比如p的作用就是选中页面中所有的p元素。祖先元素:直接或间接包含后代元素的元素,一个元素的父元素也是他的祖先元素。

2023-07-07 15:58:36 73

原创 HTML笔记(3)——Lincoer

中只能嵌套,直接在中只能嵌套,直接在

2023-07-02 20:45:21 72 1

原创 HTML笔记(2)——Lincoer

该笔记基于bilibili黑马程序员pink老师前端入门教程p16——p39集。

2023-07-01 14:57:29 40

原创 HTML笔记(1)——Lincoer

网站是指在因特网上根据一定的规则,使用HTML等制作的用于展示特定内容相关的网页集合。网页是网站中的一页,通常是HTML格式的文件,它要通过浏览器来阅读。网页是构成网站的基本元素,它通常由图片、链接、文字、声音、视频等元素组成。通常我们看到的网页,常见的是以以.htm或.html后缀结尾的文件,因此将其俗称为HTML文件。HTML指的是超文本标记语言,它是用来描述网页的一种语言。HTML不是一种编程语言,而是一种标记语言。标记语言是一套标记标签。1.HTML是由尖括号包围的关键词,例如。

2023-06-12 19:35:31 127

空空如也

空空如也

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

TA关注的人

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