- 博客(37)
- 收藏
- 关注
RSS订阅原创 数据类型和运算符
js的数据类型有6大数据类型5种基本数据类型number 数值类型string 字符串类型boolean 布尔类型 true和falseundefined 未定义null 空对象1种特殊数据类型(复杂数据类型 引用数据类型 对象数据类型)array 数组 []object 对象 {}function 函数 funtion(){}
2022-10-24 17:03:00
60
1
原创 流程控制语句和this及自定义属性
属性分类固有属性 本身自带的属性 class id style src alt等等操作固有属性：标签.属性值名自定义属性// 1.操作固有属性 取赋值一体化 标签.属性名 class需要改成className//"box"//"wrap"//2.如何设置自定义属性//2.1 直接在标签上添加属性,在结构上能看到 但是在js中无法获取。
2022-10-24 17:01:09
67
原创 自定义索引和函数
这是第1个li标签这是第2个li标签这是第3个li标签这是第4个li标签这是第5个li标签这是第6个li标签这是第7个li标签这是第8个li标签这是第9个li标签这是第10个li标签
2022-10-24 17:00:20
63
原创 函数和定时器
console.log(oDiv.currentStyle)//标准浏览器输出undefined IE低版本浏览器：[object Object]// reutrn返回多个值 [返回值1,返回值2] {"和":返回值1,"差"：返回值2}//1.标准浏览器 window.getComputedStyle("标签").样式名 所有的样式都可以拿到。// console.log("IE低版本浏览器");console.log("你就说我执行吗");// console.log("标准浏览器")
2022-10-24 16:58:49
64
原创 运动函数封装
/parseInt() 强制转为Number类型 从左往右开始转换，遇到不能转换的或者末尾结束，如果一开始就不能转换，结果则是NaN 结果取整(直接舍弃小数)var current = parseInt(getStyle(oImg, "left")) - 10;//1张 -800*0 2张-800*1 3张-800*2 4张-800*3 5张(其实是第一张) -800*4。//1张 -800*0 2张-800*1 3张-800*2 4张-800*3 5张(其实是第一张) -800*4。
2022-10-24 16:57:49
68
原创 Math对象和Date对象及String对象
/Fri Oct 01 2021 00:00:00 GMT+0800 (中国标准时间)var arr = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"]// 5.lastIndexof:查询一个字符串，从后往前查找最后一次出现的位置，并且返回最后一次位置的下标，如果找不到则是返回-1。
2022-10-24 16:56:43
55
原创 前端JS数组
/ ["嘻嘻", "哈哈", "呵呵"] ["嘻嘻", "哈哈", "dididididiidd"]// ["嘻嘻", "哈哈", "滴滴滴滴滴滴滴"] ["嘻嘻", "哈哈", "滴滴滴滴滴滴滴"]// ["嘻嘻", "哈哈", "滴滴滴滴滴滴滴"] ["嘻嘻", "哈哈", "滴滴滴滴滴滴滴"]//[1, 2, 3, 4, '哈哈', '嘻嘻',"6",[true,false]]//['1', '2', '3', '哈哈', empty × 2, '嘻嘻']
2022-10-24 16:55:38
371
原创 js基础笔记
js的数据类型有6大数据类型5种基本数据类型number 数值类型string 字符串类型boolean 布尔类型 true和falseundefined 未定义null 空对象1种特殊数据类型(复杂数据类型 引用数据类型 对象数据类型)array 数组 []object 对象 {}function 函数 funtion(){}
2022-10-13 20:17:20
51
原创 js基础笔记
/ 3.1 document.getElementsByTagName("标签名") 获取整个文档下的对应标签。// 2.2 父元素.getElementsByClassNAme("class名字") 获取父元素下对应的标签。//3.2 父元素.getElementsByTagName("标签名") 获取父元素下对应的标签。==注意：通过标签名获取的是元素集合 获取元素集合中具体某一个元素需要加下标 元素集合[下标]==
2022-10-13 15:56:07
55
原创 js入门基础
HTML 超文本标记语言 主要用户页面结构css 层叠样式表 用于结构的布局 样式JavaScript 脚本语法----用于网站的交互==基于对象和事件驱动的解释性脚本语言==基于对象：JavaScript 是一种基于对象的语言，这意味着它能运用自己已经创建的对象，因此，许多功能可以来自脚本环境中对象的方法与脚本的相互作用。事件驱动：JavaScript 可以直接对用户或者客户输入做出响应，无须经过 web 服务器，它对用户的响应，以事件驱动的方式进行。
2022-10-11 19:38:32
43
原创 前段基础笔记
是css技术的升级版本，在css2的基础上，新增了许多特性，弥补了css2的不足，使web页面的开发变得更加高效、便捷css3按模块化进行设计，比较重要的css3模块包含、 选择器、框模型、背景和边框、文本效果、2D|3D转换、动画、多列布局、用户界面css3优点: CSS3是完全向后兼容，所以没有必要修改现在的设计来让它们继续运作。网络浏览器也还将继续支持CSS2。
2022-09-19 19:42:54
112
原创 前段基础笔记
是css技术的升级版本，在css2的基础上，新增了许多特性，弥补了css2的不足，使web页面的开发变得更加高效、便捷css3按模块化进行设计，比较重要的css3模块包含、 选择器、框模型、背景和边框、文本效果、2D|3D转换、动画、多列布局、用户界面css3优点: CSS3是完全向后兼容，所以没有必要修改现在的设计来让它们继续运作。网络浏览器也还将继续支持CSS2。
2022-09-18 20:48:48
64
原创 前段基础笔记
html经过了第5次重大改版,增加了一些语义化的标签 高版本浏览器支持,ie9以下不支持, html5是向后兼容的,原来html4的 标签仍然可以用。
2022-09-18 20:41:29
46
原创 css定位笔记
css精灵英文叫法 css sprites，通常被解释为“CSS 图像拼合”或“CSS 贴图定位”；其实就 是把网页中一些背景图片整合到一张图片文件中，再利用 CSS “background-image”， “background- repeat”，“background-position”的组合进行背景定位，background-position 精确的定位出背景图片的位置为了使特殊形状的背景使能够自由拉伸滑动，以适应元素内部的文本内容，出现了CSS滑动门技术。最常见于各种导航栏的滑动门。
2022-09-18 20:40:24
68
原创 前段基础笔记
html经过了第5次重大改版,增加了一些语义化的标签 高版本浏览器支持,ie9以下不支持, html5是向后兼容的,原来html4的 标签仍然可以用。
2022-09-14 19:11:02
47
原创 前段基础笔记
概述：圣杯布局源于国外，双飞翼布局是经过淘宝UED优化对于圣杯布局的优化，都是经典的三栏式布局的解决方案圣杯布局和双飞翼布局都是为了实现左右两栏固定宽度，中间部分自适应的三栏布局，不过两者实现的原理有 所不同实现要点：先加载中间列，结构中--左-右显示结果是左-中-右中间自适应，两侧列固定。
2022-09-13 19:25:44
59
原创 前段基础笔记
表单：采集不同类型用户输入的数据，然后发送给服务器，实现用户与服务器之间的数据交互一个完整的表单包含：表单域，表单控件（表单元素），提示信息，共三个部分；
2022-09-07 19:39:23
45
原创 定位的笔记
如果元素的四个边的位置是使用“top”、“right”、“bottom”和“left”来描述的，那么元素的“height”和“width”将隐式地由偏移量决定。注意：所有的元素都能使用以上的属性，元素脱离正常文档流之后，不再区分块级和行级元素，宽度没有设置时，由内容撑开，行内元素可以设置宽高，类似于行内块元素。表示“将元素放在文档布局流的默认位置，HTML 元素的默认值，即没有定位，遵循正常的文档流对象。没有定位父级时相对于html进行定位，有定位父级时相对于最近的定位父级进行定位。
2022-09-04 19:40:23
53
原创 css定位笔记
css精灵英文叫法 css sprites，通常被解释为“CSS 图像拼合”或“CSS 贴图定位”；其实就 是把网页中一些背景图片整合到一张图片文件中，再利用 CSS “background-image”， “background- repeat”，“background-position”的组合进行背景定位，background-position 精确的定位出背景图片的位置为了使特殊形状的背景使能够自由拉伸滑动，以适应元素内部的文本内容，出现了CSS滑动门技术。最常见于各种导航栏的滑动门。
2022-09-01 20:36:31
79
原创 前端基础笔记
本身属性为display:block;的元素 称为块级元素常见块级元素 div,h1-h6,p,ul,li,dl,dt,ol本身属性为display:inline;的元素称为行级元素常见行级元素：span,strong,em,i,a,b本身属性为display:inline-block的元素称为行级块元素常见行内块元素：img、input(表单元素后续会讲到)没有设置宽高的时候，宽继承父元素的宽度，高度由内容撑开默认独立成行——默认垂直布局。...
2022-08-30 19:17:13
49
原创 前段基础笔记
围绕着内容和内填充区域的线1.border-width:边框的宽度单位：像素注意：只写一个border-width设置不上边框的宽的，得写上边框的线型2.border-style：边框的线型1.solid 单实线2.double 双实线3.dashed 条状虚线4.dotted 点状边框5.none 没有边框3.border-color:边框的颜色1.关键词2.十六进制色值默认边框的颜色为元素本身的前景色4.复合写法例子：一个值：四个边框两个值：上下边框 左右边框。...
2022-08-30 08:36:47
42
原创 css基础
CSS 盒模型本质上是一个盒子，封装周围的 HTML 元素，它包括：外间距、边框、内填充、和实际内容。（即装东西的容器）所有 HTML 标签可以看作盒子，在 CSS 中，"box model" 这一术语是用来设计和布局时使用的。（即网页布局 就是利用 CSS 摆盒子）...
2022-08-26 19:54:02
61
原创 今日前段基础
Cascading Style Sheets 通常称为CSS样式表或层叠样式表（级联样式表）CSS选择器是CSS规则的第一部分，每个CSS规则都以一个选择器或一组选择器为开始CSS 选择器即用于“查找”（或选取）要设置样式的 HTML 元素的模式选择器可以分为基础选择器、复合选择器总结使用频率基础选择器中最常用是类选择器id用于页面中唯一模块标签选择器定义的全局样式，单独使用要慎重*号通常用于重置样式【最不常用】...
2022-08-25 19:27:00
39
原创 今日前段学习基础
语义化是指用合理的HTML标记以及其特有的属性去格式化文档内容。（例如标题用 h1-h6、段落用 p 标签，合理得给图片添加alt属性等）表格由 table 标签来定义。每个表格均有若干行（由tr 标签定义），每行被分割为若干单元格（由 td 标签定义）。类比：excel表格&网页中的表格。
2022-08-24 19:13:53
37
原创 前段基础，为你讲述入门
HTML是 HyperText Mark-up Language 的首字母简写，意思是超文本标记语言。通过HTML标记（标签）对网页中的文本、图片、多媒体等内容进行描述。“超文本”：不仅能承载简单的文字、还能包含超链接、图片、音频、视频等。“标记语言”：标记语言是由一套标记标签组成的。
2022-08-23 19:15:12
42
原创 外边距问题及解决方法笔记
本身属性为displayblock;的元素称为块级元素常见块级元素div,h1-h6,p,ul,li,dl,dt,ol本身属性为displayinline;的元素称为行级元素常见行级元素本身属性为displayinline-block的元素称为行级块元素常见行内块元素img、input(表单元素后续会讲到)没有设置宽高的时候，宽继承父元素的宽度，高度由内容撑开默认独立成行——默认垂直布局宽度默认由内容撑开高度默认由内容撑开可以设置宽高。...
2022-07-20 19:44:26
296
原创 学习的css显示模式笔记
概念父元素向后代元素传递属性的机制表现后代元素会继承父元素的属性总结常用可继承的属性一般text-,line-,font-,color开头的基本都能继承a标签不能继承字体颜色colorh标签不能继承font-weightb.strong不能继承font-weighti,em不能继承font-style可继承的属性fontcolor强制继承每个CSS属性都接受这些值inherit表示强制继承”。作用恰当地使用继承可以简化代码，降低CSS样式的复杂性。...
2022-07-20 19:43:08
49
原创 今天学习关于边框和内间距的基础笔记
CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括边距、边框、填充、和实际内容。（即装东西的容器）所有HTML标签可以看作盒子，在CSS中，"boxmodel"这一术语是用来设计和布局时使用的。（即网页布局就是利用CSS摆盒子）...
2022-07-18 21:03:55
270
原创 之前学习的一些基本标签及意义
strong标签一个语义标签，强调语气，它里面包围的文本显示粗体效果。没有实际的语义，可以理解为一个小盒子，里面一般装着一个或几个文本内容。em标签一个语义标签，强调语气，它里面包围的文本显示斜体效果。b标签一个实体标签，它里面包围的文本显示粗体效果。默认横向显示——水平布局，一行排不下，自动折行。span标签无语义标签，用于区分样式。i标签它里面包围的文本显示斜体效果。>不参与分类，不能设置其他样式。应用场景控制局部文本的样式。应用场景用于强行换行。...
2022-07-15 19:18:31
91
原创 今天学习的css样式及表格笔记
CascadingStyleSheets通常称为CSS样式表或层叠样式表（级联样式表）CSS选择器是CSS规则的第一部分，每个CSS规则都以一个选择器或一组选择器为开始CSS选择器即用于“查找”（或选取）要设置样式的HTML元素的模式选择器可以分为基础选择器、复合选择器。...
2022-07-14 19:50:37
243
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人