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