JavaScript
可乐爆米花
这个作者很懒,什么都没留下…
展开
-
将获取到的translate内的角度转为数值
将获取到的translate内的角度转为数值function getmatrix(nowDeg){ var values = nowDeg.split('(')[1].split(')')[0].split(','); var a = values[0]; var b = values[1]; var c = values[2];...原创 2020-01-09 18:02:50 · 192 阅读 · 0 评论 -
前端实现模糊筛选
两种方式一、字符串方法indexOfvar len = list.length;var arr = [];for(var i=0;i<len;i++){ //如果字符串中不包含目标字符会返回-1 if(list[i].indexOf(keyWord)>=0){ arr.push(list[i]); }}return arr;二、...原创 2019-10-31 10:42:42 · 396 阅读 · 0 评论 -
JS简单的轮播图
&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &原创 2018-04-11 21:06:53 · 196 阅读 · 0 评论 -
JS 轮播图2(旋转木马轮播图)
页面布局:&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &a原创 2018-05-03 20:36:05 · 3926 阅读 · 3 评论 -
JS缓动动画相关
封装一个JS文件animate.js//缓动动画function animate(obj , target) { //关闭定时器 clearInterval(obj.timer); console.log("2222"); obj.timer = setInterval(function(){ //速度是距离的1/10 var...原创 2018-04-26 15:29:22 · 491 阅读 · 0 评论 -
JS 放大镜(淘宝商品放大镜)的实现
&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &原创 2018-04-26 18:35:48 · 4899 阅读 · 3 评论 -
使用ajax发送post请求(切换图片)
html&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;切换图片&lt;/title&a原创 2018-06-03 20:46:35 · 1180 阅读 · 0 评论 -
封装轮播图
一个页面中有多个轮播图,需要对轮播图进行封装,使它们互不影响。下面是代码:HTML和CSS样式如下:<div class="v6_saas_left v6_tonglu_left"> <div class="saas_imgs"> <img class="img_active" src="/statics/output/images/v6_images/s...原创 2019-07-24 18:19:21 · 169 阅读 · 0 评论 -
JS定时调用和延时调用
定时调用setInterval() 定时调用,将一个函数每隔一段时间执行一次 需要两个参数:1)回调函数 2)间隔时间(单位:毫秒) 这个方法会返回一个Number类型的数据,这个数字用来作为一个定时器的唯一标识。clearInterval() 关闭定时器,需要一个定时器标识作为参数。他可以接受任何类型的参数,若参数是有效的定时器标识,则停止定时器;若无效,则不作任何行为。切...原创 2018-04-11 14:59:23 · 3321 阅读 · 0 评论 -
JS滚轮事件和键盘事件
onmousewheel滚轮事件就是随着滚轮滚动发生变化,但是火狐不支持 兼容火狐:使用DOMMouseScroll来绑定事件,需要通过addEventListener()函数来绑定。 使用addEventListener()方法绑定响应函数时,取消默认行为不能使用renturn false,要使用event.preventDefault()来取消(但是IE8不支持)。wheeldel...原创 2018-04-11 09:55:56 · 988 阅读 · 0 评论 -
JS事件的绑定和传播
事件的绑定使用对象.事件 = 函数来绑定响应函数。 它只能同时为一个元素的一个事件绑定一个响应函数,而不能绑定多个,一旦绑定后,后面的响应函数将会覆盖前面的。<script type="text/javascript">window.onload = function(){ var btn01 = document.getElementById("btn01")...原创 2018-04-10 11:10:02 · 125 阅读 · 0 评论 -
JS函数
创建函数对象使用构造函数创建一个函数(基本不使用) 语法:var 函数名 = new Function();var fun = new Function("console.log('1111111');");fun();//1111111使用函数声明创建一个函数 语法: function 函数名 ([形参1 , 形参2 , 形参3….形参n] ){语句…}...原创 2018-03-30 14:05:27 · 150 阅读 · 0 评论 -
JavaScript原型
function Person(name , age , gender){ this.name = name; this.age = age; this.gender = gender; this.say = function(){ alert(this.name); }}var per = new Person("孙悟空" ,18 , ...原创 2018-03-30 17:38:30 · 123 阅读 · 0 评论 -
JavaScript数组(Array)
数组(Array)数组也是一个对象。它和我们普通对象功能类似,也是用来存储一些值的;不同的是普通对象是使用字符串作为属性名,而数组时使用数字来作为索引操作元素 索引(index):从0开始的整数 数组的存储性能比普通对象要好,在开发中我们经常使用数组来存储一些数据创建一个数组对象var arr = new Array();使用构造函数创建数组时,也可以同时添加元素,将要添...原创 2018-03-31 15:11:20 · 157 阅读 · 0 评论 -
arguments
调用函数时,浏览器每次都会传递进两个隐含的参数 1. 函数的上下文对象this 2. 封装实参的对象arguments(他是一个类数组对象),他可以通过索引来操作数据,也可以获取长度 在调用函数时,所传递的实参都会在arguments中保存 不定义形参,也可以通过arguments来使用实参,eg arguments[0]表示第一个实参… arguments有一个属性callee ...原创 2018-03-31 16:30:13 · 130 阅读 · 0 评论 -
JavaScript Date 对象和Math 对象
Date对象表示一个时间 - 如果直接使用构造函数创建一个Data对象,则会封装当前代码执行的时间 var d = new data(); - 创建一个指定的时间对象(传递一个表示事件的字符串作为参数) 格式:月/日/年 时:分:秒 var d2 = new Date("3/31/2018 16:30:30");getDate()获取当前日期对象是几日 var dat...原创 2018-03-31 17:13:30 · 159 阅读 · 0 评论 -
字符串与正则表达式
字符串字符串在底层是以字符数组的形式保存的var str = "How are you?";length属性可以获取字符串的长度console.log(str.length);//12charAt()返回字符串中指定位置的字符,根据索引获取指定字符。效果与str[]一样console.log(str.charAt(5));//r ==str[5...原创 2018-03-31 20:50:18 · 1618 阅读 · 0 评论 -
JS事件事件的冒泡和委派
事件的冒泡(Bubble)指的是事件的向上传导,当后代元素的事件被触发时,其祖先元素的相同时间也会被触发<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <s原创 2018-04-01 18:15:02 · 4428 阅读 · 2 评论 -
DOM事件
事件用户和浏览器之间的交互行为称为事件,例如鼠标的移动,点击按钮等浏览器在加载页面时,是按照从上到下的顺序执行的,若将script标签写在上面,在代码执行时,页面还没有加载,这是可以使用onload事件,它会在整个页面加载完成之后才触发;或者也可以将script标签写在body标签里面的最下面。下面是一些关于获取元素节点、子节点等方法de简单应用切换图片的简单练习<...原创 2018-04-01 17:23:41 · 197 阅读 · 0 评论 -
JS中的工厂模式和构造函数模式
工厂方法创建对象function createPerson(name , age , gender){ var obj = new Object(); //向对象中添加属性 obj.name = name; obj.age = age; obj.gender = gender; obj.say = function(){ al...原创 2018-03-30 15:29:38 · 153 阅读 · 0 评论