- 博客(27)
- 收藏
- 关注
RSS订阅原创 JavaScript阻止默认事件
阻止默认事件： 标准浏览器：事件对象.preventDefault(); 低版本IE浏览器：事件对象.returnValue= false;常见默认事件： 若a标签在html中href写有URL默认的跳转地址 则在js中添加a的点击事件，并用event.preventDefault();阻止默认事件发生 实际项目中 a标签在html中写 让a标签执行js程序， 然后在js中用
2022-11-16 22:06:03
4019
原创 JavaScript中事件的事件类型
click 左键单击事件一个完整的点击事件是鼠标按下+鼠标抬起 dblclick 左键双击事件 contextmenu 右键单击事件 触发执行默认事件：弹出菜单栏mousedown 鼠标按键按下：鼠标按下一次，触发一次事件；一直按下，也只会触发一次 mouseup 鼠标按键抬起 mousemove 鼠标移动 ：在事件源范围之内，才触发程序 mouseover 鼠标移入
2022-11-16 21:52:09
205
原创 JavaScript-DOM操作
document是DOM的顶级对象。var 变量 =document.querySelector('条件');获得符合条件的 第一个 标签对象执行结果是一个对象如果没有符合条件的标签对象 结果为null
2022-11-16 21:44:48
185
原创 JavaScript-数组
语法：字面量：var 变量 = [数据1,数据2,数据3,数据4.....];构造函数：var 变量 = new Array(数据1,数据2,数据3,数据4.....);数组索引下标：arr[0] arr[1]数组的长度：arr.length数组的基本操作：调用：arr[0]修改：覆盖 arr[1]='新数据';新增：数组下标必须连续，否则数组中间会‘空’empty，调用空单元结果为undefined新增下标可设置为arr[arr.length]循环遍历：操作数组每一个单元。
2022-11-16 21:05:08
740
原创 js-Date+时间戳+定时器+延时器
Date 用于获取时间的内置构造函数无参数的情况下 默认返回当前时间//使用内置构造函数创建时间对象//显示结果是字符串// 当前时间 Fri Mar 01 2019 13:11:23 GMT+0800 (中国标准时间) // 在世界标准时间基础上 ➕ 8h//输出结果为对象设定参数存储的时间则是设定的时间传参的多种情况：参数是 一个 字符串 ：Date(‘年 月 日 时 分 秒’ )‘年 : 月: 日 时 : 分 : 秒’‘年 -月-日 时 : 分 : 秒’ ......！
2022-11-10 14:15:29
306
原创 js-字符串的操作
创建字符串 字面量： var 变量 = '字符串' 构造函数： var 变量 = new String('字符串')字符串的操作 支持 []语法 （只能用于 获取字符串内容，不能设定内容） 支持.length属性 支持for，for in(key以字符串存储)，for of字符串的常用方法 字符串和数组有一个一样的地方，也是按照索引来排列的例：arr
2022-11-10 10:58:28
109
原创 js-关于对象操作的基本知识
/ obj.a 以a作为键名从对象中调用对应的数据，当前对象obj中没有a这个键名调用结果就undefined。//[]语法 先 解析 变量a 中 存储的数值数据 'name' 使用它 作为 键名 从对象中调用数据。var obj={name:'Bob',age:19,sex:'男', 0:100 , 1:200}语法：for(var 变量 in 对象){} / / 变量中存储循环对象的键名。console.log(obj[a]) //Bob 能解析 变量。delete( 对象['键名'] )
2022-11-10 09:31:32
112
原创 grid布局
简单概念：采用网格布局的区域，称为"容器"（container）。容器内部采用网格定位的子元素，称为"项目"（item）。注意：项目只能是容器的顶层子元素，不包含项目的子元素。Grid 布局只对项目生效。添加在容器（父元素）上的属性1、display： grid；inline-grid；指定一个容器采用网格布局2、grid-template-columns属性 设置每列的列宽grid-template-colum...
2021-08-05 18:42:45
316
原创 移动端布局
等比缩放布局(rem布局)：页面里边的元素会根据分辨率等比例放大或缩小为什么web app要使用rem？rem能等比例适配所有屏幕补充：em相对于父元素，若父级无设置，则根据祖父...若都无设置，则默认16pxrem是什么?rem是根元素（html）的font-size的倍数。根据变化html的字体大小来控制rem的大小。若html没有设置字体大小，则默认为16px像素分为两种：设备像素和CSS像素 1、设备像素(devi...
2021-08-04 19:05:57
79
原创 媒体查询和多列布局
媒体查询语法：@media screen and (min-width:320px) and (max-width:750px){body { background-color:blue;}}only有时在支持媒体查询的浏览器中没有区别在不支持媒体查询的浏览器中解析到带only的媒体查询时，会将only视为媒体类型。（由于没有only这种媒体类型，因此将不会被应用）如果不带only，在不支持媒体查询的浏览器中，将被解析为screen，将会被应用到屏幕类型设备上and被称为
2021-08-03 18:50:10
329
原创 CSS弹性盒子！及其属性！
怪异盒模型box-sizing：用来设置盒模型的解析规则允许以特定的方式定义匹配某个区域的特定元素border-box;(按怪异盒模型的规则解析)为元素设定的宽度和高度决定了元素的边框盒。就是说，为元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制。通过从已设定的宽度和...
2021-08-02 18:47:19
500
原创 css：2D转换及3D转换
2D转换-transform2D变换，是在一个平面对元素进行的操作。水平或者垂直位移、旋转或者拉伸1、 transform：none;默认值2、transform：translate（）；移动 平移 单位是px 默认x轴none； 定义不进行转换。translate(20%)；单位可以是%,%是自己的，不是父元素的translateX(200px)；根据X轴给定的参数，从当前元素位置移动translateY(200px)；根据Y轴给定的参数，从当前元素位置移动。transla
2021-07-30 18:38:49
106
原创 css渐变+过渡
一、css3渐变效果 线性渐变（Linear Gradients）-可以设置一个起点或一个方向 background-image: -webkit-linear-gradient(red, blue); /* Safari 5.1 - 6.0 */(默认：从上到下） -o-linear-gradient(red, blue); /* Opera 11.1 - 12.0 */-moz-linear-gradient(red, blue); /* Firefox 3.6 - 15 */li
2021-07-29 19:04:53
176
原创 h5常用标签！以及音频视频文件的使用
一、常用标签1、头部<header></header>2、尾部<footer></footer>3、导航<nav></nav>4、媒体文件引入<embed src=“”></embed>5、内容块<section></section>6、辅助信息<aside></aside>7、文章<article></article&
2021-07-28 19:03:10
260
原创 关于对选择器的分类及使用！总结！
类型选择器(标签选择器) ：以文档对象html中的标签作为选择符标签{属性：属性值；} 例：div{width：200px；}Class选择器(类选择器)：想要区分某个标签的时，比如想要区分2个div。单类选择器<div class=“box”></div>.Class名...
2021-07-27 18:35:20
173
原创 表单的基础以及表单新增的属性和标签+BFC 相关知识
form表单作用：收集用户信息基本结构<form method="get或post" action="向何出发送数据表单"><!-- get是把参数数据队列加到提交表单的ACTION属性所指的URL中，值和表单内各个字段一一对应，在URL中可以看到。post是通过HTTP post机制，将表单内各个字段与其内容放置在HTML HEADER内一起传送到ACTION属性所指的URL地址。用户看不到这个过程。get传送的数据量较小，不能大于2KB。post传送的数据量较大，一
2021-07-26 19:25:29
73
原创 css的垂直对齐 （vertical-align）的属性！！
垂直对齐属性只有元素类型是行内块或设置了display：inline-block的时候才支持vertical-align属性vertical-align:baseline; 默认值 baseline基线vertical-align:middle; 垂直在line-height范围居中对齐vertical-align:top; 把元素的顶端与行中最高元素的顶端对齐 在设置了行高后，该元素在line-height的最上方vert...
2021-07-24 08:48:09
1202
原创 元素类型的分类及转换
一、元素类型的分类1.块元素A）块状元素在网页中就是以块的形式显示，所谓块状就是元素显示为矩形区域，B）默认情况下，块状元素都会占据一行；默认情况下，块状元素会按顺序自上而下排列。C）块状元素都可以定义自己的宽度和高度。D）块状元素一般都作为其他元素的容器，它可以容纳其它内联元素和其它块状元素。我们可以把这种容器比喻为一个盒子。例如：div p ul li ol li dl dt dd h1-h6 hr等2.行内（内联）元素A) 内联元素的表现形式是始终以行内逐个进行
2021-07-24 08:43:55
627
原创 css表格的属性！标签！超详细！
关于表格！你必须要知道的！<table><tr> //表示行<td>33</td> //表示单元格<td>44</td></tr></table>宽度 width （tr不能设宽） 合并单元格属性：高度 height colspan=“所要合并的单元格的列数”合并列;必须给td边框 border rowspan=“所要合并单元格的行数”合并行; 必须给td边框颜色 bo
2021-07-23 19:53:08
609
原创 定位锚点链接
网页制作中超级链接的一种，又叫命名锚记。命名锚记像一个迅速定位器一样是一种页面内的超级链接。作用：在同一页面内的不同位置进行跳转。（例子：百度百科）方法：1)给元素定义命名锚记名语法：<标记 id="命名锚记名"> </标记>2)命名锚记连接语法：<a href="#命名锚记名称"></a>回到顶部：<a href=""></a>...
2021-07-23 16:31:57
149
原创 文本溢出相关内容
1.单行文本溢出显示省略号容器宽度：width：value；强制文本在一行内显示:white-space：nowrap;溢出内容为隐藏：overflow：hidden；溢出文本显示省略号：text-overflow：ellipsis;2.关于text-overflow属性text-overflow:clip; 不显示省略号，而是剪裁掉多余的text-overflow:ellipsis; 当单行文本溢出显示省略标记3.关于white-space属性white-space:n
2021-07-23 16:29:48
36
原创 CSS 的定位问题
1、position:static; 默认 absolute;绝对定位 A）当没有父元素或者父元素没有定位，参照物是浏览器窗口的第一屏 B）有父元素且父元素有定位，参考物是父元素 relative;相对定位 参考物是自己的初始位置 fixed; 固定定位 参考物是浏览器的当前窗口 s.
2021-07-20 19:41:26
25
原创 关于css的浮动问题
1.css的浮动属性 float:left/right/none;/*左浮 右浮 不浮动*/ 浮动会脱离网页文档，与其他不浮动的元素发生重叠 但是不会与文字发生重叠，文字会环绕浮动元素显示 2.css的清除浮动 clear:none/right/left/both; none:允许有浮动对象; right:不允许右边有浮动对象; left:不允许左边有浮动对象; .
2021-07-17 11:29:36
144
原创 CSS盒子模型
1、padding的使用方法（内间距）： 当分析一个缝隙相对于当前容器来说是里面的时候，就用padding。 填充：padding,在设定页面中一个元素内容到元素的边缘(边框) 之间的距离。 也称补白。 用法： 1）用来调整内容在容器中的位置关系 2）padding值是额外加在元素原有大小之上的，如想保证元素大小不变，需从元素宽或高上减掉后添加的padding属性值 属性值的4种方式： ...
2021-07-15 18:44:40
34
原创 css 基础以及基础选择器的使用
1.css引入方式 内部（行内）样式：在标签内加入style属性 style="属性:属性值;" 外部样式：在head中，加入<style> 选择器【选择操作哪一个元素】{ 属性:属性值; ... }..
2021-07-14 18:49:19
252
原创 H5 CSS基础知识梳理1
1.空格的实现:文字与文字之间存在距离【空格】, 中文的空格  [了解] 二分之个中文的空格 [了解] 2.换行:<br> break 单标签 强制换行：<br/> 3.标题标签： 双标签 h1~h6:一般h1代表最大的标题【文章标题/重点标题】，h2代表大模块标题【二级标题】，...
2021-07-13 18:40:13
100
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人