JavaScriipt
文章平均质量分 82
浅歌陌上
学无止境
展开
-
分别利用JS和JQ获取数组索引值index的办法
今天在自己练习的过程中,突然要用到这个办法。可是之前只会用JS的方法获取,不懂怎么用JQ方法。所以又在网上搜了搜。现在特地总结一下:测试代码: 第一个 第一个 第一个 第一个JQuery方法(1):index() :返回指定元素相对于其他指定元素的 index 位置。原创 2015-08-22 18:36:45 · 22343 阅读 · 0 评论 -
高斯模糊的实现
DIV:一、css: .blur { -webkit-filter: blur(10px); -moz-filter: blur(10px); -ms-filter: blur(10px); filter: blur(10px); filter: pr原创 2016-05-17 15:11:03 · 623 阅读 · 0 评论 -
JS--- (function(){...})() 是什么
function foo() {...} // 这是定义,Declaration;定义只是让解释器知道其存在,但是不会运行。foo(); // 这是语句,Statement;解释器遇到语句是会运行它的。IIFE 并非必须,传统一点可以这么写:function foo() {...}foo();那么为什么要 IIFE?转载 2016-05-27 15:17:46 · 432 阅读 · 0 评论 -
Scoping & Hoisting
var a = 1;function foo() { if (!a) { var a = 2; } alert(a);};foo();上面这段代码在运行时会产生什么结果?尽管对于有经验的程序员来说这只是小菜一碟,不过我还是顺着初学者常见的思路做一番描述:创建了全局变量 a,定义其值为 1创建了函数 foo在 fo转载 2016-05-27 15:14:17 · 350 阅读 · 0 评论 -
文字超出部分用省略号显示
单行文本的情况:css: .single-line{ width: 200px; height: 40px; border: solid 1px #000000; overflow: hidden; /*文本不换行*/ white-原创 2016-04-18 11:23:37 · 7223 阅读 · 0 评论 -
canvas图像滤镜---canvas getImageData() 方法
定义和用法getImageData() 方法返回 ImageData 对象,该对象拷贝了画布指定矩形的像素数据。对于 ImageData 对象中的每个像素,都存在着四方面的信息,即 RGBA 值:R - 红色 (0-255)G - 绿色 (0-255)B - 蓝色 (0-255)A - alpha 通道 (0-255; 0 是透明的,255 是完全可见的)color原创 2016-05-25 12:12:37 · 3577 阅读 · 0 评论 -
JS笔记--对数组进行操作的方法-->splice()
arrayObject.splice(index,howmany,item1,.....,itemX);数组.splice(要操作的位置,数量,要插入的元素);例:当iTem1元素的时候,只对数组进行删除操作 window.onload=function(){ var array=[1,2,3,4,5,6,7,8,9];原创 2016-03-29 09:28:51 · 308 阅读 · 0 评论 -
JavaScript运动框架(全)
先看以下代码: #aa{ width: 500px; height: 500px; background-color: #000066; } window.onload=function(){ aa原创 2015-09-12 13:03:11 · 708 阅读 · 0 评论 -
一键拨号,发短信,QQ,百度地图导航
拨号代码:1、一键拨号2、一键拨号保存到手机电话本:将02787661888存入电话簿 发短信代码:发短信我在线QQ代码:QQ百度地图导航 乐方网络 body, html,#allmap {width: 100%;height: 1原创 2015-11-03 23:35:27 · 755 阅读 · 0 评论 -
判断网站的访问平台,并且动态加载外部CSS
判断是否是手机访问的网站,如果是手机访问,则引入CSS文件 //平台、设备和操作系统 var system ={ win : false, mac : false, xll : false };原创 2015-11-03 22:59:11 · 407 阅读 · 0 评论 -
动态调用CSS文件 JS文件的方法
动态加载css var link=document.createElement('link'); link.type='text/css'; link.rel='stylesheet'; link.href='1.css'; document.getElementsBy原创 2015-11-03 23:13:09 · 519 阅读 · 0 评论 -
JS中的prototype
本文基于下面几个知识点:1 原型法设计模式在.Net中可以使用clone()来实现原型法原型法的主要思想是,现在有1个类A,我想要创建一个类B,这个类是以A为原型的,并且能进行扩展。我们称B的原型为A。 2 javascript的方法可以分为三类:a 类方法b 对象方法c 原型方法例子:function P转载 2015-11-09 15:15:04 · 248 阅读 · 0 评论 -
函数调用--笔记
----------------------------------------------------------------------------------------------------------------1.直接调用script type="text/javascript"> function test(a,b){ return[this,a原创 2015-11-05 13:51:39 · 270 阅读 · 0 评论 -
阻止事件冒泡、捕获、和默认事件
阻止事件冒泡、捕获的方法:e.stopPropagation();阻止默认事件发生的方法:e.preventDefault();默认事件就是就是浏览器自带的,不是我们写的方法,比如,你滑动浏览器滚动条的时候,页面会向下滚动!这是就是默认事件!实例:body中:div id="a"> div id="b">div>div>写上js:原创 2015-09-16 17:52:22 · 1074 阅读 · 0 评论 -
JS中的return的用法---笔记
第一种用法:做为返回值返回一个bool值script> var add=function(a,b){ return b>a; } console.log(add(1,2));script>输出结果: false--------------------------------------------------------原创 2015-11-05 11:16:06 · 508 阅读 · 0 评论 -
图片轮播效果,实现思想!
图片轮播效果,基本上,一个网站,其它效果都可以没有,但是基本上都存在图片轮播的效果。这里就说说制作的思路。方法有很多种。因人而异。结构分析1 要轮播的图片 bigM[]2 底部小圆圈按钮smallM[] 当你点击任意小圆圈,切换到对应的图! 第0个小圆圈对应第0张的图。。。第1个小圆圈对应第1张的图。。。。 记住!数字是对应的开始: 假设 我们要轮播的图有6张:原创 2015-09-12 16:37:24 · 1492 阅读 · 0 评论 -
offset,client,scroll,getStyle获取元素宽高的区别
offset,client,scroll,这三个是已有的获取元素宽高的方法。getStyle是我们自己写的一种获取样式的办法,实际上是使用了getComputedStyle(obj,false)[name];的方法(IE下是obj.currentStyle[name])。getStyle函数: function getStyle(obj,name)原创 2015-08-24 22:52:27 · 462 阅读 · 0 评论 -
详解JS的getByclass方法
JS给我们提供了document.getElementById(),document.getElementsByTagName()等获取元素的方法。但是没有通过类名获取元素的方法,所以我们要自己写一个方法。//通过class的选择器function getByClass(parent,cla) { var ele=parent.getElementsByTagName("原创 2015-09-12 16:01:00 · 3030 阅读 · 0 评论 -
JS--时间戳与日期之间的转换
//时间戳转换成日期时间2014-8-8 下午11:40:20function formatDate(ns){ return new Date(parseInt(ns) * 1000).toLocaleString().replace(/年|月/g, "-").replace(/日/g, " ");}//时间戳转换成八位日期2014-5-5 function userDate(uDa转载 2016-05-20 17:44:38 · 292 阅读 · 0 评论