自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 jQuery的事件

(selector).offset().left => { left:99, top: 22} 返回第一个匹配元素相对于文档的位置。如: $("#msg")[0],$("div").eq(1)[0],$("div").get()[1],$("td")[5]$(selector).css("color","red") |css({}) 设置或返回匹配元素的样式属性。$(selector).hasClass('class') 检查匹配的元素是否拥有指定的类。

2023-01-31 20:15:10 123

原创 jquery

class.class $(".intro.demo") 所有 class="intro" 且 class="demo" 的元素12345。[attribute$=value] $("[href$='.jpg']") 所有 href 属性的值包含以 ".jpg" 结尾的元素1234。[attribute![attribute=value] $("[href='#']") 所有 href 属性的值等于 "#" 的元素。

2023-01-30 21:59:23 147

原创 js中的bom、window对象、正则

port 设置或返回当前 URL 的端口号,设置或返回当前 URL 的端口号。reload() 重新加载当前文档,相当于按浏览器上的“刷新”(IE)或“Reload”(Netscape)键。replace() 用新的文档替换当前文档,相当于按浏览器上的“刷新”(IE)或“Reload”键。go()方法,根据当前所处的页面,加载 history 列表中的某个具体的页面。设置或返回URL中的端口号,如果URL中没有端口号,则为""设置或返回URL中的#后面的hash值,如果没有则为""返回URL的查询字符串。

2023-01-09 22:35:16 125

原创 js中的Dom

`//class=""通过class名来获取元素,返回元素对象数组(ie8以上)``//name=""通过name属性获取元素,返回元素对象数组。``//id=""通过id名来获取元素,返回一个元素对象。(Node) //删除当前节点下指定的子节点,删除成功返回该被删除的节点,否则返回null。//返回节点的类型,数字形式(1-12)常见几个1:元素节点,2:属性节点,3:文本节点。``//返回所有匹配到的元素。("h3") //创建一个html元素,这里以创建h3元素为例。

2023-01-05 21:53:09 74

原创 js的基础、内置函数、语法结构

这个值的语义是,希望表示一个变量最原始的状态,而非人为操作的结果。num + "",当+两边一个操作符是字符串类型,一个操作符是其它类型的时候,会先把其它类型转换成字符串再进行字符串拼接,返回字符串。setUTCMilliseconds() 根据世界时设置 Date 对象中的毫秒 (0 ~ 999)。参数指定的是子串的开始位置和长度,因此它可以替代 substring() 和 slice() 来使用。filter方法,用于创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。

2023-01-05 00:15:47 60

原创 scss中的@mixin、@extend、数据类型、运算符号、内置函数

比如: a.important {@extend .notice},当没有 .notice 选择器时将会报错,只有 h1.notice 包含 .notice 时也会报错,因为 h1 与 a 冲突,会生成新的选择器。会导致多种情况的发生。css层叠样式两个不同的css规则应用 到同一个元素上面时,根据选择器的权重大小来判断,权重相同的时候,后面的会有效覆盖。参数写自己定义的$常量,或者直接定义新的$常量($key:value,$key2)考虑网页的缓存加载的速度,可以考虑继承,因为css的体积更小。

2022-12-27 16:46:05 1253

原创 scss中的嵌套使用、属性嵌套、@import、静默注释

Sass 是采用 Ruby 语言编写的一款 CSS 预处理语言,它诞生于2007年,是最大的成熟的 CSS 预处理语言。最初它是为了配合 HAML(一种缩进式 HTML 预编译器)而设计的,因此有着和 HTML 一样的缩进式风格。

2022-12-26 16:33:23 889

原创 html中的拖放、Web Storage存储、Geolocation 接口

1..HTML 的 drag & drop 使用了以及从继承而来的。一个典型的拖拽操作是这样的:用户选中一个可拖拽的(draggable)元素,并将其拖拽(鼠标不放开)到一个可放置的(droppable)元素,然后释放鼠标。在操作期间,会触发一些事件类型,有一些事件类型可能会被多次触发(比如drag和dragover事件类型)。[注意] 当从操作系统向浏览器中拖拽文件时,不会触发 dragstart 和 dragend 事件。下面通过一个简单的示例来讲解拖放事件2.Geolocation 接口。

2022-12-22 20:10:15 65

原创 HTML中的边框、背景、过度、动画

背景相对于元素的内容固定。aniamtion-direction: norma | reverse | alternate | alternate-reverse normal 默认的 reverse 从终点运动向起点 终点=>起点 alternate 到达终点后是否原路返回( 起点=>终点=>起点 ) 当 animation-iteration-count < 2 时无效 alternate-reverse 终点=>起点=>终点 animation-iteration-count < 2 时无效。

2022-12-21 19:56:58 1039

原创 html中的svg阴影、渐变、动画

在 元素中定义的图形元素不会直接呈现。可以在视图的任意地方利用 元素呈现这些元素。每一像素的颜色值(一个表示为 [红,绿,蓝,透明度] 的矢量)都经过矩阵乘法计算出新的颜色。 将输入图像作为一个整体,通过属性 dx 和属性 dy 的值指定一个偏移量。 元素是用来定义形状的通用元素。将 和 结合在一起,即可创建图形的阴影效果。 元素用来定义径向渐变,以对图形元素进行填充或描边。

2022-12-20 23:17:14 1166

原创 HTML中的Canvas画布的简单使用

Canvas 表示画布,现实生活中的画布是用来作画的。HTML5 中的 Canvas :我们可以称它为“网页中的画布”。默认情况下,Canvas 是一块 300px*150px 的矩形画布,用户可以自定义画布的大小或为画布添加其他属性。利用 Canvas 实现绘画:Canvas 并不是通过鼠标绘画的,而是用户需要通过 JavaScript 来控制画布中的内容,例如添加图片、线条、文字等。

2022-12-19 20:34:26 2745

原创 HTML中 的尺寸、媒体类型、important规则

如果指定的媒体类型与正在显示文档的设备类型匹配,并且媒体查询中的所有表达式均为 true,则查询结果为 true。当媒体查询为 true 时,将应用相应的样式表或样式规则,并遵循正常的级联规则。可以用长度值(例如 px、cm 等)或包含块的百分比(%)来指定 max-width(最大宽度),也可以将其设置为 none(默认值。使用媒体查询是一种流行的技术,可以向台式机、笔记本电脑、平板电脑和手机(例如 iPhone 和 Android 手机)提供定制的样式表。- 以包含块的百分比定义高度/宽度。

2022-12-15 21:58:39 167

原创 CSS中的选择器、position定位的基本使用

css的理论css指的是层叠样式表(Cascading Style Sheets),也称级联样式表。

2022-12-08 16:50:15 64

原创 HTML中的form表单、块级、内联元素和mvc模式

用for与input内的id进行绑定,扩大input框的焦点<lable for="user">内容</lable><input id="user" type="text"/>textarea标签文本域<textarea name="" id="" cols="列" rows="行"></textare

2022-12-08 00:20:48 181

原创 html中的img、a、锚点、路径、列表、表格、表单的基本含义

1.img——属性:src.图片相对于代码文件的位置路径,也可以是绝对路径 alt.图片不能显示的时候,所代替的文字 title.鼠标悬停时显示的提示文字 width.设置图片的宽度 height.设置图片的高度2.a——属性:href.填写所需要跳转的页面地址,如果没有用#代替,可以自刷新页面

2022-12-05 21:16:24 415

原创 HTML--简单的轮播图

简单的html轮播图效果,使用到 if 判断 forof 循环,以及定时器的关联使用

2022-12-03 20:55:35 612 1

空空如也

空空如也

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

TA关注的人

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