自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 css3!!

1:nth-of-type():选择器,这个类型【我来介绍下和nth-children的区别:nth-of-type()是用来选中同一类型的,就是同级中有其他的元素类型,但是不影响你选择同级的类型,nth-children,这个也是选择器,但是如果中间添加了同级不相等的元素,最后选择的结果就会受到影响】 2:selection:字体选中,改变其选中后的状态颜色之类,但是只能有三个属性:(颜色/color,背景颜色/bg-color,文本阴影/test-shadow) 3:target:目标选择器,【点击某个

2020-09-01 21:15:35 82

原创 Ajax!!

Ajax!!! hello word~/ 发表于 2020-08-16 17:38:06 267 0 0 编辑删除 【摘要】 这篇来介绍Ajax和我的个人总结!!!1:浏览器2:Ajax对象3:Ajax.open(method,url,true) {发送请求,看是否异步或同步}4:Ajax.send()5:onreadystatechage:监听6:statu==200 {可能有这几种结果:403 503 404普遍404}下面我举个我个人觉得通用的公式列子:function ajaxFun(cal…

2020-09-01 21:12:13 173

原创 jQuery完结!

续前节! 1.delay():延迟,这个参数填数字表示延迟的时间 2.jQuery.fx.off = true==>相当于开关 一:jQuery实例方法——动画插件 插件名称: jQuery Easing Plugin: 目的: 用于扩展jQuery动画过渡效果 链接地址:一搜索就有官网显示了 二:jQuery实例方法——位置图形 位置坐标图形大小相关方法: offset()、position()、scrollTop()、scroll

2020-09-01 21:10:32 115

原创 jQuery(二)

取赋值相关的方法: 一: .html() .text() .size() 相比前两者都熟悉吧,我就着重介绍最后一个:size表示的长度和length差不多的意思 二: addclass():添加类名 removeclass():移除类名 hasclass():含有什么类名,可做判断 三: 1.attr():取值,赋值 2.prop():取值,赋值【特性映射 非特性不能映射】【像自定义的类名,即获取不到,并且不能赋值,只有在特性上才能作用,像特性class,id】 3.val():获取表单相关元

2020-08-05 09:27:33 128

原创 Ajax六部曲!!!

个人总结加拓展AJAX: 其实Ajax就记住六部就行了: 1:浏览器 2:Ajax对象 3:Ajax.open(method,url,true) {发送请求,看是否异步或同步} 4:Ajax.send() 5:onreadystatechage:监听 6:statu200 {可能有这几种结果:403 503 404普遍404} 下面我举个我个人觉得通用的公式列子: function ajaxFun(callback){ var xhr=null; if(window.xmlHttpReque

2020-08-04 10:24:16 138

原创 今天开始新的积累知识啦!!---JQuery

一:jquery使用 1:引入jQuery工具库 2:官方地址有中文和英文版本的(看个人喜爱) 二:核心全局函数 $(jQuery) 下面就正式开始知识啦!!! $(’.wrapper ul li:add’):表示设置奇数的样式;even:表示设置偶数 eq():表示设置第一个… ready是jq版本的onload(加载) $(’.demo’).get(num):得到.demo的数据,如若num为的数字表示得到第几个数据 三:jQuery实列方法-----Dom操作 ..

2020-07-31 11:26:35 81

原创 实战来喽---扫雷!!!

///首页 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>扫雷</title> <link rel="stylesheet" href="./css/d.

2020-07-28 17:13:03 94

原创 续前节正则!!!

正则表达式 Regexp: 正则表达式的作用:【匹配特殊字符或有特殊搭配原则的字符的最佳选择】 两种创建方式: 直接量 New regexp() 个人推荐用直接量 g: 1.Var reg=/ab/; Var str = “ababab” Str.match【挑出来】(reg)-----[“ab”] 2. Var reg=/ab/g; Var str = “ababab” Str.match【挑出来】(reg)-----[“ab”] Str.match (reg)----- [“ab”,”ab”,

2020-07-22 08:41:03 89

原创 正则表达式!!!

正则表达式 转义字符“\”, 字符串换行符\n, \t=table键 \r行结束 Regexp: 正则表达式的作用:【匹配特殊字符或有特殊搭配原则的字符的最佳选择】 两种创建方式: 直接量 New regexp() 个人推荐用直接量 g: 1.Var reg=/ab/; Var str = “ababab” Str.match【挑出来】(reg)-----[“ab”] 2. Var reg=/ab/g; Var str = “ababab” Str.match【挑出来】(reg)-----[“a

2020-07-20 12:06:32 87

原创 Json

Josn: JSON是一种传输数据的格式(以对象为样板,本质就是对象,但用途有区别,对象就是本地用的,json是用来传输的) Josn.parse();string-------json Json.stringify();json-----string 异步加载js: Js加载的缺点:加载工具方法没必要阻塞文档,过的js加载会影响页面效率,一旦网速不好,那么整个网站将等待js加载而不进行后续渲染等工作。 有些工具方法需要按需加载,用到在加载,不用不加载。 Javascript异步加载的j几种方案 Def

2020-07-20 11:31:47 97

原创 续之前js遗漏补全:

鼠标事件: Click、mousedown、mousemove、mouseup、contextmenu【右键菜单事件】、mouseover【进入或者选择区域事件】、mouseout【离开区域事件】、mouseenter【离开区域事件】、mouseleave【离开区域事件】 键盘分类: Keydown keyup keypress Keydown【keydown事件发生在键盘的键被按下的时候【能监测到所有键】】>keypress【接下来触发keypress事件【监测到字符按键】】>keyu

2020-07-20 11:22:21 79

原创 鼠标事件!!!

鼠标事件: Click、mousedown、mousemove、mouseup、contextmenu、mouseover、mouseout、mouseenter、mouseleave 用button来区分鼠标的按键,0/1/2 DOM3标准规定:click事件只能监听左键,只能通过mousedown和mouseup老判断鼠标键 鼠标事件: 拖拽应用: 应用mousedown mousemove mouseup 随机移动的方块 [Mousever] 键盘分类: Keydown keyup keypres

2020-07-18 12:10:51 131

原创 事件!!!

事件 : 1.移动事件 2.点击事件 3.覆盖时间 4.键盘事件 绑定事件: on.xx绑定事件—句柄 ele.onxxx = function(event){} 兼容性好,但是一个元素的同一个事件上只有一个 基本等同于写在Html行间上`在这里插入代码片 obj.addEnventListener(type,fn,false);【w3c标准的】【能给一个对象绑定一个事件的多个处理函数】 IE9以下不兼容,可以为一个事件绑定多个处理事件 obj.attachEv...

2020-07-16 10:03:57 82

原创 今日笔记----脚本化css!!!

**脚本化css**: 读写元素css属性 1.Dom.style.prop 可读写行间样式,没有兼容性问题,碰到float这样的保留字属性,前面应加css 2.Eg:float------cssFloat 3.符合属性必须拆解,组合单词变成小驼峰写法 写入的值必须是字符串格式 查询计算样式 1. window.getComputerStyle(elel.null) 2. 计算样式只读 3. 返回的计算样式的值都是绝对值,没有相对单位 4. Ie及ie8下不兼容 ...

2020-07-15 08:05:31 77

原创 今天迟到的笔记!!-----Dom

Dom基本操作: 查看视口的尺寸:window.innerWidth/innerHeight Document.documentElement.clientWidth/clientHeight 标准模式下,任意浏览器都兼容 Document.body.clientWidth/clienHeight 适用于怪异模式下的浏览器 封装兼容性方法,返回浏览器视口尺寸getViewportOffset() DomElement.getBoundingClienRect(); 兼容性很好 该方法返回一个对象,对对象里

2020-07-14 21:28:56 81

原创 今日笔记----续前节

Date 描述 getHours() 返回Date对象的小时数(0~23) getMinutes() 返回Date对象的分钟数(0~59) getSeconds() 返回Date对象的秒数(0~59) getMonths() 返回Date对象的月数(0~11) getDay() 返回Date对象的天数(0~6) getMilliseconds() 返回Date对象的毫秒(0~999) getTime() 返回1971年1月1日至今的毫秒数 js定时器: setIn...

2020-07-10 12:14:49 150

原创 今日笔记----Dom!!!

Dom: 基于元素节点树得遍历: ParentElement:返回当前元素的父元素节点【ie不兼容】 Child:只返回当前元素的元素子节点 Node.childElementCount === node.children.length当前元素节点的子元素节点个数(iE不兼容) FirstElementChild—返回的是第一个元素节点(IE不兼容) lastElementChild—返回的是最后一个元素节点(IE不兼容) nextElementSibling/previousElenmentSiblin

2020-07-09 10:31:17 87

原创 每日笔记----续前节js!!!

类数组和遍历!! 类数组好处: 既可以当数组用,又可以当类数组 遍历节点数: ParentNode:父节点【最顶端的ParentNode为#document】 childNode:子节点们 firstChild:第一个子节点 lastChild:后一个兄弟节点 nextSibling-后一个兄弟节点 previouSibling:前一个兄弟节点 基于节点树得遍历: ParentElement:返回当前元素的父元素节点【ie不兼容】 Child:只返回当前元素的元素子节点 ...

2020-07-08 10:19:35 150

原创 迟来的今日笔记!!!

续签节JS DOM: queryselectorAll():css选择器 在ie7以及ie7以下的版本中没有

2020-07-07 20:11:52 67

原创 今日点滴积累!!!

续前节js 封装type: 1.type([])—array 2.type({})—object 3.type(function)—object 4.type(new Number())—number object 5.type(123)—number - //数组去重 // //在原型链上编程// 数组去重:Array.prototype.unique = function (){ 类数组,不是数组, 建立temp类数组的作用是把原数组的值去重然后赋值给新数组arr,相当于一个去重机器 那一

2020-07-05 09:52:16 170

原创 今日笔记-续前节

Array: 数组在JavaScript里面很难报错,可以直接赋值 Arr[num]里面的数值是给arr的length上面加东西, 数组常用方法: 改变原数组【Push,pop,shift,unshift,sort,reverse,】 1.Arr.push(num)【添加,在数组的最后一位加东西】 2.Arr.pop(num)【剪切,在数组的最后一位剪切,将最后一位剪切】 3.Arr.shift()【添加,在数组的前面加东西,第一位前面加东西】 4.Arr.unshift()【剪切,在数组的前面剪切,剪切.

2020-07-04 11:50:18 1697

原创 今日小知识——数组

arr 数组的定义: New array(length/content) 字面量 数组的读和写【arr[num]不可溢出来读//undefined; arr[]=xxx;可以溢出来写】 Array: 数组在JavaScript里面很难报错,可以直接赋值 数组常用方法: 改变原数组【Push,pop,shift,unshift,sort,reverse,】 splice 不改变原素组 Concat,join split,tostring,slice 代码-eg: var arr

2020-07-03 10:02:27 77

原创 今日笔记小小知识点!!!

Arguments: Arguments.callee : 指向函数自身引用【用于引用该函数的函数体内当前正在执行的函数。这在函数的名称是未知时很有用,例如在没有名称的函数表达式 (也称为“匿名函数”)内。】 Func().caller :返回调用指定函数的函数. Arguments 克隆:1.浅克隆 2.深克隆 var num = (function(n){ if(n == 1){ return 1; } return n*arguments.callee.

2020-07-02 15:30:39 83

原创 每日点点滴滴!!!

续前节js 继承:继承某个对象的原型 【在原型空间上加东西,继承者的空间同理也加东西】 【如果既要继承别人的原型,又要自身加东西不影响别人,中间加个过度】 Father.prototype.Lastname = 'nimeng'; function inherit(Target,Oringin){ var F = function () {}; return function(Tar

2020-07-01 09:14:48 124 2

原创 每日积累点点滴滴!!

续前节js 对象:构造函数 包装类:防止报错,【自己隐式的构造出东西后,又自己删除】 原型(电脑自带的)上无法加属性赋值【在原型身上赋值就是要调用包装类,然后这个包装类最后结果又删除,最后输出就是undefined】但是字符串类型,它会先调用包装类看看有没有这个方法然后由它执行,即new String(str).charCodeAt(0)。 Math.ceil:向上取整 Math.floor:向下取整 Math.radom:0~1随机数 Call:1:作用,改变this指向。区别:后

2020-06-30 09:52:45 310 1

原创 今日笔记来喽!!!

今日笔记重点 比较: != :不等于 === :真等于(全等于) 逻辑运算: && : 与 【同真为真var a=1&&2,先看第一个表达式转换成布尔值得结果,如果结果为真,那么它会看第二个表达式转换为布尔值得结果,然后如果只有两个表达式得化,只看看到第二个表达式,就可以返回该表达式得值了,全真为真,一个假得就是假】 || : 或 ! :非【取反】 条件语句,循环语句,while循环,do while: //99乘法表 for(var i = 1; i&l

2020-06-29 09:36:10 1122

原创 每日笔记重点!!!!

每日笔记,从基础做起!!! 引用文本 strong:加粗 em: 斜体 在div中英文不能自东动行,中文可以! ol>li:有序列表{type:排序方式。Start:排序开头。reverce}-例子如下 代码-图片: Ul>li: 无序列表 Src:地址引用。【1.网上url. 2.绝对路径: /a/b/23.jpg ,3.相对路径: 123.jpg】 网上URL——代码:a: 1.超链接 2.锚点 3. 打电话 4.协议限定符{死循环} method:发送方式。 Actio

2020-06-28 11:08:28 1096 2

空空如也

空空如也

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

TA关注的人

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