自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 正则表达式

正则表达式 /* * 正则表达式:按照一定的规则组成的一个表达式,作用主要来匹配字符串 * 表达式组成:由元字符或者限定符组成的一个式子 * * 元字符: * . 表示的是:除了\n以外的的任意一个字符 例:"aa12"这个字符串中有任意一个自负就匹配成功了 * []表示的是:范围 * ...

2019-07-16 22:38:18 236

原创 js如何实现数据缓存

数据的缓存就是将函数作为返回值首先是函数的自调用(function (){ var a = 0; console.log(a);})();返回值是 a = 0;然后用匿名函数作为返回值(function (){ var a = 0; return function (){ console.log(a) }})();返回值是一个函数体.最后调用这个函数(func...

2019-07-14 21:20:55 1593

原创 使用js获取url地址中?后面的数据

使用js获取url地址中?后面的数据首先假设一条数据https://www.baidu.com/s?wd=js&rsv_spt=1&rsv_iqid=0xda63fe4d0007c99f&issp=1&f=8&rsv_bp=1&rsv_idx=2&ie=utf-8&tn=baiduhome_pg&rsv_enter=1&a...

2019-07-09 21:26:00 3452

原创 html中em和rem以及px单位的区别

rem,em,以及px之间的区别和共通之处<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ht...

2019-07-07 16:40:29 1336

原创 使用jQuery实现三级联动

三级联动的设计首先这是我的数据数组var prosArr = ["广东", "广西", "宁夏", "四川"] var citiesArr = [ ['广州市', '韶关市', '深圳市', '珠海市'], ['南宁市', '柳州市', '桂林市', '梧州市', '北海市', '防城港市', '钦州市', '贵港市', '玉林市', '百色市', '贺...

2019-07-03 20:53:22 2173

原创 使用javascript设置,获取以及删除cookie值

1. 设置cookie值要设置cookie值的名字以及值,格式为 name=‘你的名字’1.要设置cookie值,就要设置名字,值以及值的过期时间。首先是时间转换var time = new Date();//这里得到的time是这台电脑上的时间,所以需要转化为国际时间,即要减去八小时time.setHours(time.getHours()-8);然后设置你的过期时间,这里的时间...

2019-06-27 22:25:31 256

原创 canvas中的save()方法以及restore()方法

canvas中的save()方法save()和restore()方法要一起使用才会有效果。save()方法就是保存你在save()中设置的各种样式以及属性。举个例子首先我使用save的方法创建了一个盒子<body> <canvas id="" width="600" height="400"></canvas>;</body>&l...

2019-06-26 18:26:59 2507

原创 jQuery的ajax技术

ajax主要是用来实现网页的局部刷新1. 通过jQuery的ajax方法来获取服务器中的数据。$.ajax({ url : "http://www.example.com", type : "get", data : {}, dataType : "json", success : function (a){ console.log(a); }, //请求失败...

2019-06-23 13:53:41 233

原创 JS如何阻止冒泡和默认跳转事件

JS阻止冒泡事件<script type="text/javascript"> document.onclick = function (e){ // 阻止冒泡事件 e.stopPropagation(); }</script>jQuery阻止冒泡事件<a href="#" id="a"></a><script type...

2019-06-19 17:29:15 314

原创 JS如何注册事件和解绑事件

使用原生js将事件的匿名函数赋值为null;onload = function (){ var a = document.getElementById("a"); //注册事件 a.onclick = function (){ console.log("a") } //事件解绑 a.onclick = null;}使用jQuery使用jquery中的on方法来注册...

2019-06-16 14:18:45 678

原创 利用jQuery来设计弹幕

js代码是在js文件夹下创建的onload = function (){ var arr = ["0","1","2","3","4","5","6","7","8","9","A","B","C","D","E","F"]; var s=[]; var size = 0; var index = 1; var node = 0; var top = 0; var atr = 0;...

2019-06-14 22:31:33 151

原创 Html的box-sizing:border-box用法

Html的box-sizing:border-box用法当你没有给盒子添加宽高的时候,这条指令可以防止内容将盒子撑开。当你给盒子添加一定的宽高后,那么你所设置的边框就会在盒子的内部占你所设置的像素。而当你没有设置宽高的时候,设置边框属性还是会占像素。所以这条指令的主要作用就是防止盒子的内容撑开盒子。这条指令可以写在通配符选择器中,就可以不用一直添加这个样式。盒子内容的宽高等于你所设置...

2019-06-08 21:41:39 3499 1

原创 Javascript如何实现二级联动

二级联动的实现主要依靠的思维是当我前一个值发生改变时,记录这个值并将值传输给我的第二个值<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-sca...

2019-06-05 16:14:51 1790 3

原创 html中iframe中如何实现页面的跳转

当在页面中引用了iframe,如何能够在该框架中实现页面的跳转例如以下结构如果你的跳转按钮在iframe中,想要实现页面的跳转就要使用到a标签中的target属性在a标签中输入你想要跳转的地址将target属性的值设置为_top<a href="index.html" target="_top">这样就能够成功的实现整个页面的跳转。...

2019-06-05 16:04:43 6634 1

原创 HTML中的table表格重叠的边框去除以及合并方法

table表格中的边框会重叠到一起,使用标签中的border-collapse属性就可以了<table border-collapse="collapse" > <tr><th>内容(标题)</th><th>内容(标题)</th><th>内容(标题)</th></tr> ...

2019-06-03 22:13:45 17773 2

原创 HTML自定义列表

HTML的自定义列表<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X...

2019-06-02 11:37:38 16342

原创 Javascript贪吃蛇完整设计

<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compati...

2019-05-31 08:58:59 674 1

原创 Javascrip贪吃蛇设计

使用js来创建贪吃蛇对象<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv=...

2019-05-29 19:26:00 172

原创 HTML中字体的设置

HTML中的字体设置是使用<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equi...

2019-05-27 22:07:03 15849

原创 Html自定义样式变速移动

自定义样式中的任意属性值的变化的函数封装1.定义一个函数名function moveStyles(element,obj){}其中有三个形参分别是,element对象,obj对象。2.编写函数体的一个大概思路function moveStyles(element,obj,fn){//设置一个定时器element.way = setInterval(function(){//设置一...

2019-05-26 16:09:45 257

原创 Html中img标签中的属性

html的img标签中主要有3个属性 <img src="" alt="" title="">src标签中放的是你的图片的路径,其中可以使用相对路径和绝对路径,相对路径就是你的图片在电脑中的存放位置,绝对路径就是指一些网站地址。alt标签中可以输入文本,当图片的路径错误时就会显示该文本内容。title标签中的值也是文本,当你鼠标悬停是所显示的内容。...

2019-05-24 22:18:02 9494

原创 HTML文本框提示语句

HTML有两种文本框提示//value标签中的内容需要你手动删除<input type="text" name="" id="" value="请输入你的内容" />//placeHolder标签中的内容在你输入时会自动消失<input type="text" name="" id="" placeholder="请输入你的内容" />在value标签中设置...

2019-05-23 23:49:03 15215

原创 HTML中的target标签的属性值

HTML中的target标签的属性值target标签有四种不同的属性值//跳转到新的文档页面,也就是打开新的目标文档<a target = "_blank"></a>//在当前页面进行跳转,是 a 标签的默认值<a target = "_self"></a>//<a target = "_parent"></a&g...

2019-05-22 23:10:30 7133

空空如也

空空如也

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

TA关注的人

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