javaS
一个半路出家的人
半路出家,不要问我出处。
展开
-
javaScript常用事件
js常用的事件有一下:<!--onClick 单击事件--><!--onMouseOver 鼠标经过事件--> onMouseOut鼠标没有经过时的状态<!--onChange文本内容改变事件--><!--onSelect文本框选中事件--><!--onFouse光标聚集事件--><!--onBlur移开鼠标事件...原创 2018-08-23 11:37:46 · 748 阅读 · 0 评论 -
js事件冒泡和阻止事件冒泡
1,什么是事件冒泡有层级关系的一连串的盒子都添加了事件,触发子盒子的事件是,该子盒子的父级及以上的元素的事件也会被触发;如下面的代码,当我们点击子盒子dv3时,父盒子dv2,dv1的点击事件也会被触发,这就是事件冒泡<head> <meta charset="UTF-8"> <title>事件冒泡</title> ...原创 2018-09-13 10:36:54 · 3081 阅读 · 0 评论 -
js中 构造函数,原型,和实例化对象
1,构造函数创建对象造成的内存浪费,和原型的引入 function Person(name,age){ this.name = name; this.age = age; this.introduce = function(){ alert('我是'+this.name) }; } ...原创 2018-09-18 21:04:40 · 5008 阅读 · 0 评论 -
JavaScript写贪吃蛇
分析:游戏中有三个对象:地图(map), 食物(food), 蛇(snake)地图很简单就是一个div盒子,给样式即可,蛇,和食物都是属于地图中的元素,相对于地图不断改变自己的坐标值,不要忘了给地图定位食物1,食物的构造函数, 属性===width,height,backgroundColor,left,top,2,方法======init()初始化方法, 食物的位置在map...原创 2018-09-19 22:23:46 · 920 阅读 · 0 评论 -
正则表达式
正则表达式1.关于正则表达式 处理字符串时,有很多较为复杂的字符串用普通的字符串处理函数无法干净的完成。比如说,可能需要验证一个Email地址是否合法,为此需要查看许多不容易检查的规则。这正是正则表达式的用武之地。正则表达式是功能强大而简明的字符组,其中可以包含大量的逻辑,特别值得一提的是正则表达式相当简短。2.正则表达式的用处 测试用户名(必须由字母数字下划线组成) 户...原创 2018-09-25 22:22:52 · 117 阅读 · 0 评论 -
fullPage插件
参考网址:http://www.dowebok.com/77.html 上面有详细介绍及案例展示 一、简介 fullPage.js 是一个基于jQuery的插件,它能够很方便、很轻松的制作出全屏网站,主要功能有: 1.支持鼠标滚动 2.多个回调函数 3.支持手机、平板触屏事件 4.支持css3动画 5.支持窗口缩放 6.窗...原创 2018-10-11 21:48:23 · 1472 阅读 · 0 评论 -
jQuery知识点总结
第一部分:1,DOM对象和jquery对象 通过$()函数,jQuery()函数获取的对象 都是js对象, 用$(dom)包裹dom对象,可以将dom对象转变为jquery对象 jquery对象常用方法,eq方法(下标获取元素),index()获取对象的下标2,选择器 基本选择器: 标签,类 id选择器, 交集 并集 层级选择...原创 2018-09-28 22:23:20 · 177 阅读 · 0 评论 -
javaScript异步加载
一、同步加载与异步加载的形式 1. 同步加载我们平时最常使用的就是这种同步加载形式:<script src="http://yourdomain.com/script.js"></script> 同步模式,又称阻塞模式,会阻止浏览器的后续处理,停止了后续的解析,因此停止了后续的文件加载(如图像)、渲染、代码执行。 js 之所以要同步执行,是因为 j...转载 2018-12-06 20:18:36 · 567 阅读 · 0 评论 -
JavaScript剩余参数
JavaScript剩余参数剩余参数语法允许我们将一个不定数量的参数表示为一个数组。剩余参数语法允许我们将一个不定数量的参数表示为一个数组。function sum(...theArgs) { return theArgs.reduce((previous, current) => {return previous + current;});}console.log(sum(1...原创 2018-12-10 17:27:24 · 1402 阅读 · 0 评论 -
获得元素的几种方法,和dom中常用的事件
//通过id来获取元素 使用document.getElementsById("id名") 来获取元素//返回值为一个元素的对象<body><input type="button" value="修改列表背景颜色" id="btn"><ul id="ul1"> <li&原创 2018-09-10 23:44:33 · 463 阅读 · 0 评论 -
三大系列offset,scroll,client
1,offset系列通过style的方式获取属性值,只能获取在 标签中写的值(因为这个值没有单位) offset 系列: offsetWidth:获取元素的宽,没有单位 offsetHeight:获取元素的高,没有单位 offsetLeft:获取向左定位值offsetTop:获取向上定位值当父元素,子元素都没有脱离文档流时 offsetLef 为父盒子margin + ...原创 2018-09-17 21:15:47 · 284 阅读 · 0 评论 -
js中的API接口---getElementById、getElementByTagName
getElementById、和getElementByTage 是DOM对象中的两个方法.通过document.getElementById()调用方法,通过页面中的元素的id,找到元素,并见元素对象化,并返回该该对象.然后可以对对象进行操作. var btnObj = document.getElementById("btn"); btnObj.onclick = funct...原创 2018-09-10 08:57:02 · 4417 阅读 · 0 评论 -
js数据类型
js的数据类型有:Number,String,Boolean,Undefined,Null,还有对象object抽象数据类型(NaN不是数据类型)typeof(变量名) 或则写成 typeof 变量名 都可以获得变量的类型number类型 二进制, 有十进制,十六进制,八进制注意:不能直接比较两个浮点数的大小,因为计算机存储小数数据时的方法,造成浮点数并不等于其本身,比如a=0....原创 2018-08-30 21:21:48 · 97 阅读 · 0 评论 -
DOM操作Html 和 通过DOM对象改变CSS
DOM 文档对象模型 Document object Model一,DOM操作HTML 1,改变HTML输出流: 注意:绝对不要在文档加载完车后使用document.write().这会覆盖掉该文档 2,寻找元素: 通过id找到HTML元素 通过标签名找到HTML元素 3,改变Htm...原创 2018-08-24 08:42:56 · 1562 阅读 · 0 评论 -
JS分支语句
分支结构if语句if (/* 条件表达式 */) { // 执行语句}if (/* 条件表达式 */){ // 成立执行语句} else { // 否则执行语句}if (/* 条件1 */){ // 成立执行语句} else if (/* 条件2 */){ // 成立执行语句} else if (/* 条件3 */){ // 成立执行语句} else...原创 2018-09-01 17:53:39 · 293 阅读 · 0 评论 -
Js中arguments的使用、函数自调用、变量作用域、函数作为参数传入、函数作为返回值
1,arguments是一个比较特别的对象,每个函数中都有一个arguments,它接收函数传入的参数,以数组的形式存放在 arguments,可遍历//1,需求:求任意数的最大值 function getMax(){ var Max = arguments[0]; //arguments接收传进来的参数,通过下标可以索引 for (i = 1;i<...原创 2018-09-04 21:40:10 · 1382 阅读 · 0 评论 -
js中的内置对象
1,Math对象Math对象的属性 constructor 所建立对象的函数参考 prototype 能够为对象加入的属性和方法 E 欧拉常量,自然对数的底(约等于2.718) LN2 2的自然对数(约等于0.693) LN10 10的自然对数(约等于2.302) LOG...原创 2018-09-05 19:35:03 · 156 阅读 · 0 评论 -
WebApi node节点元素获取,和节点属性
obj.parentNode 获得当前对象的父节点 返回值是一个对象obj.parentElement 获得当前对象的父元素 ,返回值是一个对象obj.children 获得当前元素的子元素 返回一个伪数组Obj.childNodes 获得当前元素的子节点,返回一个伪数组 //以下下属性可能有些浏览器不支持 获取父元素的第一个子节点 Obj.fi...原创 2018-09-11 23:47:33 · 473 阅读 · 0 评论 -
冒泡排序算法优化
冒泡排序算法的原理如下: 比较相邻的元素。如果第一个比第二个大,就交换他们两个。 对每一对相邻元素做同样的工作,从开始第一对到结尾的最后一对。在这一点,最后的元素应该会是最大的数。 针对所有的元素重复以上的步骤,除了最后一个。 持续每次对越来越少的元素重复上面的步骤,直到没有任何一对数字需要比较。 如下图 对 7 4 9 5 6 8,按照从小到大的顺序排列...原创 2018-09-03 19:51:55 · 602 阅读 · 0 评论 -
attachEvent(detachEvent) 和 addEventListener(removeEventListener)
1,介绍添加多个两种方法考虑到不同的人写同一个页面,有事后我们要为同一个元素添加多个事件,这些事件可能是相同的,因此我们有必要为一个元素同时添加多个元素attachEvent 和 addEventListener 可以同时添加多个事件,attachEvent 谷歌,火狐Ie9版本以上大的浏览器都不支持 ie8以下的版本不支持addEventListener 谷歌,火狐I...原创 2018-09-12 13:30:44 · 1020 阅读 · 0 评论 -
base64转化为blob,blob转化为file
背景:最近在做一个移动端手写签名的功能。需求是将手写签名生成图片存到后台,实现步骤:canvas画图,生成base64,将base64转为file对象。1,canvas具体怎么实现手写签名,不在细讲,主要是touchmove.touchstart,touchend事件和canvas画笔工具结合,生成base64,原生方法toDataURL(),就可以将其转化为base64。以上不是重点,重点是...原创 2019-05-16 15:15:16 · 11592 阅读 · 0 评论