- 博客(20)
- 收藏
- 关注
原创 JS API事件汇总与使用
鼠标移入:onmouseover : 事件在鼠标移动到div触发,在子元素时也触发。键盘事件:键盘按下:onkeydown 键盘抬起:onkeyup。鼠标移出:onmouseout : 事件在鼠标移动到div触发。失去焦点:onblur :一般用于输入框失去焦点获取内容。绑定监听事件:两个参数:事件类型,事件处理程序。滚动条事件:onscroll :只要滚动条滚动即触发。鼠标进入:onmouseenter :同上,不支持冒泡。鼠标移动:onmousemove :鼠标移动。
2023-04-24 20:28:37
124
原创 冒泡排序原理与实现
而每当交换一组数据,内层交换就会少比较一次,所以为arr.length-i。走访数列 的工作是重复地进行直到没有再需要交换,也就是说该。这个算法的名字由来是因为越小的元素会经由交换慢慢。因此我们需要把数组中的每个数都比较一下,所以最外层循环需要遍历数组。它重复地走访过要排序的数列,一次比较。冒泡排序是一种简单的排序算法。两个元素,如果他们的顺序错误就把他。“浮”到数列的顶端。
2023-04-19 19:58:20
135
原创 斐波那契数列之兔子繁殖问题
有个人想知道,一年之内一对兔子能繁殖多少对?于是就筑了一道围墙把一对兔子关在里面。已知一对兔子每个月可以生一对小兔子,而一对兔子从出生后第3个月起每月生一对小兔子。假如一年内没有发生死亡现象,那么,一对兔子一年内(12个月)能繁殖成多少对?(兔子的规律为数列,1,1,2,3,5,8,13,21。第一个月为最开始的一对兔子,繁殖的兔子为一对,第二个月可以繁殖一对兔子,以此类推,本月兔子数量为前两个月兔子的和。
2023-04-18 20:29:51
518
原创 CSS3动画巧妙实现轮播图效果
C3增加了很多新的内容,其中动画部分更是分担了js引擎的内容,今天小编来分享一种简单的轮播图制作方法。最外层的盒子作为展示框,内部的盒子作为轮播框,因此,外层盒子添加overflow属性隐藏溢出元素。动画定义完成之后就是调用动画,这里采用的spets属性,来保证轮播图的停顿感觉。接下来就是css部分了,首先我们需要搭建嵌套关系的盒子框架。首先搭建两个嵌套关系的盒子,盒子最内部放入轮播图素材。接下来就是动画部分了。
2023-04-10 20:55:27
1178
原创 CSS3新增选择器
last-child p:last-child 指定只有选择每个p元素是其父级的最后一个子级。x:nth-last-of-type(n) 选择某个元素是其父级的倒数第n 个x子元素。x:nth-last-child(n) 选择某个元素是其父级的倒数第n个x子级元素。x:nth-of-type(n) 选择某个元素是其父级的第n个x子级元素(同级)::first-letter 选择每一个元素的第一个字母或者第一个汉字。x:nth-child(n) 选择某个元素是其父级的第n个x子级元素。
2023-04-08 20:05:52
46
原创 鼠标样式的自定义模式
定义鼠标样式需要使用cursor属性,而自定义图片只需要将cursor的值改为url()来获取鼠标样式的地址,当然,鼠标样式需要使用.cur的图片文件才可以正常使用,市面上有很多转换模式的软件,感兴趣的小伙伴们可以试一试。(这里附上两个光标文件)。众所周知,通过鼠标的cursor属性可以设置鼠标在界面中的显示模式。而有时我们想要自定义一个图片来定义鼠标样式。有些小伙伴们对此无从下手。因此整理这篇笔记来讲述如何自定义图片鼠标样式。
2023-04-07 21:14:13
225
原创 定位的使用及注意事项
position:static静态定位,relative相对定位,absolute绝对定位,fixed固定定位。relative:在文档标准流中保留位置,可以通过偏移值改变位置。移动位置时以子级左上角为基点移动,及相对于自己的位置。父级有绝对,相对,固定定位时,相对父级进行定位。固定定位元素和父级不在有关系,只和浏览器有关系。脱离标准流,始终依据浏览器窗口进行定位。bottom:底部偏移量,相对于父级下边线的距离。left:左侧偏移量,相对于父级左边线的距离。top:顶端偏移量,相对于父级上边线。
2023-04-06 20:12:12
98
原创 flex弹性布局布局网站框架与传统布局布局网站框架比较
弹性布局通过给给容器添加display: flex;属性使其变成弹性容器。从而通过改变justify-content属性的值来调整距离的分配。弹性布局的优点非常明显,相对于繁琐的浮动布局,flex布局代码更简洁,更,根据flex规则很容易达到某个布局效果。弹性布局在网页中实现快速分配比例,盒子快速对齐优势很大,因为通过简单的几个属性就可以实现,进而减少我们设置具体值。然而其缺点也一目了然,其兼容性并不兼容大多数的老版浏览器,所以其一般使用在。
2023-04-06 20:08:06
234
原创 盒子模型之浮动的添加与清除方法
浮动属性通过添加到需要浮动的子元素的css样式中,子元素会根据父级的位置及大小进行浮动。浮动过的元素会脱离标准流 ,漂浮在其他元素的上方。并且浮动后的元素不占有原来的位置。在网页的布局过程中我们需要将一些盒子并排显示比如导航栏一类,因此我们就可以通过元素的浮动来实现这一布局。清除浮动的本质就是触发BFC来块级格式化上下元素来达到清除浮动的目的。相同于使用额外标签法,通过伪元素创建多余的标签来清除伪元素;给与标签clear:both属性清除浮动带来的影响。通过在浮动过的父级元素下方添加额外的空标签。
2023-04-03 20:25:44
196
原创 行内元素与块元素区别,标签显示模式转换
有默认的宽高,宽为父元素的100%,高为内容撑开。宽高可设置。独占一行。可以容纳任何元素。有默认宽高,靠内容撑开。不能设置宽高。相邻元素可在同一行。水平方向内外边距可设置,垂直方向不可以。有默认的宽高,元素本身的宽高。宽高可设置。相邻行元素可在同一行显示。一般不容纳其他元素。内外边距可设置.。
2023-03-31 19:27:56
56
原创 css常用属性汇总
中文字体需要用英文状态双引号包裹,并在英文名字体之后;英文字体如果含有特殊字符以 及空 格等需要用英文状态下双引号包裹。也可以设置100-900之间100的整数;临界值100、400、700,临界值区间内的值粗细相同。可省略属性,其中size与family值不设置不生效。可以设置normal、hold、bolder、lighter。line-through:删除线。underline:下划线。作品:设置字体类型;值:right:右对齐。normal:默认值。属性:none:默认。
2023-03-30 20:20:04
242
原创 H5表单新增type属性类型
范围元素,可以进行拖动,一般用于自定义进度条,通过valve进行取值。用于验证电子邮箱格式:要求@前后有内容。用于验证url地址是否正确。搜索框,添加一键清除功能。
2023-03-30 20:01:55
112
原创 HTML5新增表单属性及应用
作用:在用户开始输入时,浏览器在该域中自动显示可能输入的内容。注-当设置多个获取焦点时,默认第一个表单标签生效。作用:属性规定在提交表单时不验证该区域。作用:一般用于规定text的极限长度。作用:用于在提示框中输入提示信息。作用:在进入网页后默认选中输入框。作用:用于指定表单归属。开:on 关:off。
2023-03-30 19:54:41
195
原创 HTML5新增标签:<audio>/<video>
controls:视频控件;当属性值中有controls属性时,浏览器中视频才可以正常显示。controls:音频控件;当属性值中有controls属性时浏览器中音频才可以正常显示。当设置有静音属性时此属性生效。autoplay:自动播放。height:播放控件的高度。width:播放控件的宽度。muted:静音播放。loop:重复播放。标签作用:在网页中定义一块区域用于放置一段视频。loop:重复播放。muted:静音播放。在网页中定义一块区域用于放置一段音频。属性值:src:视频路径。
2023-03-30 19:37:46
162
原创 表单组成与控件使用
label标签用于绑定一个表单㢝,当点击label标签内容时,自动获得输入焦点。文本域输入框:输入区域大小调整:rows=" " cols="" 标签可以将表单内的相关元素分组,并在周围绘制边框。action:用于指定接收并处理表单数据的服务器程序的url地址。method:用于设置扁担数据的提交方式,取值:get/post。表单标签,表单域,表单按钮。name:指定表单名称,区分表单。>标签中文本会在边框的左上角显示。
2023-03-30 19:21:08
86
原创 HTML常用基础标签
a> 属性:href :链接地址;target:链接的打开方式:_self本窗口打开;alt:图片不显示时显示的替换文本。删除线:<s></s> / <del></del>下划线:<u></u> / <ins></ins>斜体:<i></> / <em></em><img> 属性:src :图片路径;title:鼠标悬停时显示的文字;放在head之间,用于设置页面所有链接的打开方式或者href属性值。加粗:<b></b>/ <strong></strong>单元格合并:跨行:rowspan="num"
2023-03-30 18:52:15
51
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人