- 博客(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
153
原创 Ajax!!
Ajax!!!hello word~/ 发表于 2020-08-16 17:38:06267 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
241
原创 jQuery完结!
续前节!1.delay():延迟,这个参数填数字表示延迟的时间2.jQuery.fx.off = true==>相当于开关一:jQuery实例方法——动画插件插件名称: jQuery Easing Plugin: 目的: 用于扩展jQuery动画过渡效果 链接地址:一搜索就有官网显示了二:jQuery实例方法——位置图形位置坐标图形大小相关方法:offset()、position()、scrollTop()、scroll
2020-09-01 21:10:32
171
原创 jQuery(二)
取赋值相关的方法:一:.html().text().size()相比前两者都熟悉吧,我就着重介绍最后一个:size表示的长度和length差不多的意思二:addclass():添加类名removeclass():移除类名hasclass():含有什么类名,可做判断三:1.attr():取值,赋值2.prop():取值,赋值【特性映射 非特性不能映射】【像自定义的类名,即获取不到,并且不能赋值,只有在特性上才能作用,像特性class,id】3.val():获取表单相关元
2020-08-05 09:27:33
197
原创 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
227
原创 今天开始新的积累知识啦!!---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
138
原创 实战来喽---扫雷!!!
///首页<!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
150
原创 续前节正则!!!
正则表达式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
145
原创 正则表达式!!!
正则表达式 转义字符“\”,字符串换行符\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
137
原创 Json
Josn:JSON是一种传输数据的格式(以对象为样板,本质就是对象,但用途有区别,对象就是本地用的,json是用来传输的)Josn.parse();string-------jsonJson.stringify();json-----string异步加载js:Js加载的缺点:加载工具方法没必要阻塞文档,过的js加载会影响页面效率,一旦网速不好,那么整个网站将等待js加载而不进行后续渲染等工作。有些工具方法需要按需加载,用到在加载,不用不加载。Javascript异步加载的j几种方案Def
2020-07-20 11:31:47
154
原创 续之前js遗漏补全:
鼠标事件:Click、mousedown、mousemove、mouseup、contextmenu【右键菜单事件】、mouseover【进入或者选择区域事件】、mouseout【离开区域事件】、mouseenter【离开区域事件】、mouseleave【离开区域事件】键盘分类:Keydown keyup keypressKeydown【keydown事件发生在键盘的键被按下的时候【能监测到所有键】】>keypress【接下来触发keypress事件【监测到字符按键】】>keyu
2020-07-20 11:22:21
124
原创 鼠标事件!!!
鼠标事件:Click、mousedown、mousemove、mouseup、contextmenu、mouseover、mouseout、mouseenter、mouseleave用button来区分鼠标的按键,0/1/2DOM3标准规定:click事件只能监听左键,只能通过mousedown和mouseup老判断鼠标键鼠标事件:拖拽应用:应用mousedown mousemove mouseup随机移动的方块[Mousever]键盘分类:Keydown keyup keypres
2020-07-18 12:10:51
206
原创 事件!!!
事件 :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
138
原创 今日笔记----脚本化css!!!
**脚本化css**:读写元素css属性1.Dom.style.prop可读写行间样式,没有兼容性问题,碰到float这样的保留字属性,前面应加css2.Eg:float------cssFloat3.符合属性必须拆解,组合单词变成小驼峰写法写入的值必须是字符串格式查询计算样式1. window.getComputerStyle(elel.null)2. 计算样式只读3. 返回的计算样式的值都是绝对值,没有相对单位4. Ie及ie8下不兼容...
2020-07-15 08:05:31
125
原创 今天迟到的笔记!!-----Dom
Dom基本操作:查看视口的尺寸:window.innerWidth/innerHeightDocument.documentElement.clientWidth/clientHeight 标准模式下,任意浏览器都兼容Document.body.clientWidth/clienHeight 适用于怪异模式下的浏览器封装兼容性方法,返回浏览器视口尺寸getViewportOffset()DomElement.getBoundingClienRect(); 兼容性很好该方法返回一个对象,对对象里
2020-07-14 21:28:56
135
原创 今日笔记----续前节
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
220
原创 今日笔记----Dom!!!
Dom:基于元素节点树得遍历:ParentElement:返回当前元素的父元素节点【ie不兼容】 Child:只返回当前元素的元素子节点Node.childElementCount === node.children.length当前元素节点的子元素节点个数(iE不兼容)FirstElementChild—返回的是第一个元素节点(IE不兼容)lastElementChild—返回的是最后一个元素节点(IE不兼容)nextElementSibling/previousElenmentSiblin
2020-07-09 10:31:17
144
原创 每日笔记----续前节js!!!
类数组和遍历!!类数组好处:既可以当数组用,又可以当类数组遍历节点数: ParentNode:父节点【最顶端的ParentNode为#document】 childNode:子节点们firstChild:第一个子节点 lastChild:后一个兄弟节点 nextSibling-后一个兄弟节点previouSibling:前一个兄弟节点 基于节点树得遍历: ParentElement:返回当前元素的父元素节点【ie不兼容】Child:只返回当前元素的元素子节点...
2020-07-08 10:19:35
206
原创 今日点滴积累!!!
续前节js封装type:1.type([])—array2.type({})—object3.type(function)—object4.type(new Number())—number object5.type(123)—number- //数组去重 // //在原型链上编程//数组去重:Array.prototype.unique = function (){ 类数组,不是数组,建立temp类数组的作用是把原数组的值去重然后赋值给新数组arr,相当于一个去重机器那一
2020-07-05 09:52:16
231
原创 今日笔记-续前节
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
1784
原创 今日小知识——数组
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
122
原创 今日笔记小小知识点!!!
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
143
原创 每日点点滴滴!!!
续前节js继承:继承某个对象的原型【在原型空间上加东西,继承者的空间同理也加东西】【如果既要继承别人的原型,又要自身加东西不影响别人,中间加个过度】 Father.prototype.Lastname = 'nimeng'; function inherit(Target,Oringin){ var F = function () {}; return function(Tar
2020-07-01 09:14:48
240
2
原创 每日积累点点滴滴!!
续前节js对象:构造函数包装类:防止报错,【自己隐式的构造出东西后,又自己删除】原型(电脑自带的)上无法加属性赋值【在原型身上赋值就是要调用包装类,然后这个包装类最后结果又删除,最后输出就是undefined】但是字符串类型,它会先调用包装类看看有没有这个方法然后由它执行,即newString(str).charCodeAt(0)。Math.ceil:向上取整Math.floor:向下取整Math.radom:0~1随机数Call:1:作用,改变this指向。区别:后
2020-06-30 09:52:45
426
1
原创 今日笔记来喽!!!
今日笔记重点比较:!= :不等于=== :真等于(全等于)逻辑运算:&& : 与 【同真为真var a=1&&2,先看第一个表达式转换成布尔值得结果,如果结果为真,那么它会看第二个表达式转换为布尔值得结果,然后如果只有两个表达式得化,只看看到第二个表达式,就可以返回该表达式得值了,全真为真,一个假得就是假】|| : 或! :非【取反】条件语句,循环语句,while循环,do while://99乘法表 for(var i = 1; i&l
2020-06-29 09:36:10
1190
原创 每日笔记重点!!!!
每日笔记,从基础做起!!!引用文本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
1201
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅