随笔分类 -  js

javacript 面向对象
摘要：1.对象 使用Object创建对象 var p = new Object(); p.name = 'jason'; p.sayName = function(){ alert(this.name); } 使用字面量的方式创建对象 var p = { name:'jason', sayName：fun 阅读全文
posted @ 2016-02-22 15:37 *骑着蜗牛游世界* 阅读(429) 评论(0) 推荐(0)
jquery.tablesorter.js 学习笔记
摘要：jquery.tablesorter.js 一般情况下，表格数据的排序方式有两种，第一种是让后端服务将排序后的数据直接输出，另外一种方式就是使用客户端排序，而jquery.tablesorter.js可以满足此需求实现效果图如下 1.官方地址 jquery.tablesorter.js 2. H... 阅读全文
posted @ 2015-11-26 19:57 *骑着蜗牛游世界* 阅读(6722) 评论(0) 推荐(1)
iframe 标签自适应高度和宽度
摘要：iframe 结构如下js 实现jQuery 实现$("#frame").load(function(){ var mainheight = $(this).contents().find("body").height()+30; $(this).height(mainheight);}... 阅读全文
posted @ 2015-11-17 10:04 *骑着蜗牛游世界* 阅读(636) 评论(0) 推荐(0)
客户端浏览器判断（ios .android）
摘要：在开发工程中，我们可能需要判断客户端浏览器的版本而作相应的处理；通常做法是通过浏览器的userAgent去判断浏览器版本，故在此总结下，方便以后使用。 阅读全文
posted @ 2015-10-20 17:27 *骑着蜗牛游世界* 阅读(244) 评论(0) 推荐(0)
一张图告诉你如何优化web 性能
摘要： 阅读全文
posted @ 2015-10-20 17:10 *骑着蜗牛游世界* 阅读(336) 评论(0) 推荐(0)
HTML5全屏API
摘要：现在大多数浏览器都有全屏功能，允许用户来设置或操作。但HTML5的全屏API与之不同，HTML5的全屏API允许web开发工程师在程序中调用。这样，web开发工程师就可以再网站中设计一个按钮，当该按钮被点击时就让浏览器进入全屏模式。（就像youtube和facebook那样） 全屏代码如下：//... 阅读全文
posted @ 2015-09-29 18:45 *骑着蜗牛游世界* 阅读(327) 评论(0) 推荐(0)
JS 之 offsetWidth\offsetleft
摘要：网页可见区域宽： document.body.clientWidth;网页可见区域高： document.body.clientHeight;网页可见区域宽： document.body.offsetWidth (包括边线的宽);网页可见区域高： document.body.offsetHeight... 阅读全文
posted @ 2015-09-16 14:23 *骑着蜗牛游世界* 阅读(238) 评论(0) 推荐(0)
移动开发之fastclick 点击穿透
摘要：穿透（点穿）是在mobile各种浏览器上发生的常见的bug。可能是由click事件的延迟(300ms)或者事件冒泡导致现象：在A页面中有个 btn1，在B页面中有个 btn2，btn1和btn1都在屏幕同一个位置，两个按钮都有绑有自己的点击事件。btn1的click事件触发后跳转到B页面。当btn1... 阅读全文
posted @ 2015-09-15 19:56 *骑着蜗牛游世界* 阅读(2429) 评论(0) 推荐(0)
js 事件之 createEvent、dispatchEvent
摘要：//document上绑定自定义事件ondataavailabledocument.addEventListener('customevent', function(event) { alert(event.eventType);}, false); var obj = document.ge... 阅读全文
posted @ 2015-09-15 11:34 *骑着蜗牛游世界* 阅读(5477) 评论(0) 推荐(0)
版本号比较
摘要：版本升级中常用到版本号的比较（"4.1.2"）,故此总结下,方便以后使用compareVersion: function(vStr,vStr2) { var curArr = (vStr2 || '0.0.0').split('.'), destArr = (vStr || '... 阅读全文
posted @ 2015-08-28 11:22 *骑着蜗牛游世界* 阅读(270) 评论(0) 推荐(0)
DOM 事件
摘要：事件模型 事件冒泡：事件源从里边元素逐级传到外层元素 （一般使用事件冒泡） 事件捕获：从根元素传到目标元素 addEventListener("click",functionName,false); // false 冒泡执行，true捕获执行事件处理程序 传统方式 点我 // 这种方式脚本和htm... 阅读全文
posted @ 2015-07-27 13:36 *骑着蜗牛游世界* 阅读(192) 评论(0) 推荐(0)
javascript 中 keyup、keypress和keydown事件
摘要：keyup、keypress和keydown事件都是有关于键盘的事件1. keydown事件在键盘的键被按下的时候触发,keyup 事件在按键被释放的时候触发 keydown、keypress事件触发在文字还没敲进文本框，这时如果在keydown、keypress事件中输出文本框中的文本，得到的是触... 阅读全文
posted @ 2015-03-21 11:13 *骑着蜗牛游世界* 阅读(1472) 评论(0) 推荐(0)
HTML5 LocalStorage 本地存储
摘要：localStorage和sessionStorage一样都是用来存储客户端临时信息的对象,他们均只能存储字符串类型的对象localStorage生命周期是永久，这意味着除非用户显示在浏览器提供的UI上清除localStorage信息，否则这些信息将永远存在sessionStorage生命周期为当前... 阅读全文
posted @ 2015-02-11 11:27 *骑着蜗牛游世界* 阅读(932) 评论(0) 推荐(1)
npm 常用命令
摘要：npm install xxx 安装模块npm install xxx@1.1.1 安装1.1.1版本的xxxnpm install xxx -g 将模块安装到全局环境中。npm ls 查看安装的模块及依赖npm ls -g 查看全局安装的模块及依赖npm uninstall xxx (-g) 卸载... 阅读全文
posted @ 2015-02-07 17:56 *骑着蜗牛游世界* 阅读(270) 评论(0) 推荐(0)
Handlebarsjs学习笔记
摘要：handlebarsjs官网（http://handlebarsjs.com/）1.引入模板 在html页面中添加 var source = $("#entry-template").html(); // 获取模板内容 var template = Handlebars.co... 阅读全文
posted @ 2014-11-10 20:42 *骑着蜗牛游世界* 阅读(8681) 评论(0) 推荐(0)
文件下载
摘要：今天在项目中遇到了一个问题，本来在a标签的href中有下载文件的地址，但是点击无效，经定位发现原来是js脚本中将所有的a标签的默认行为阻止了，a标签的点击事件了调用了e.preventDefault();故在此总结下。文件下载常用的两种方式1. 通过a标签，href直接指向服务器的文件地址 下... 阅读全文
posted @ 2014-11-07 14:34 *骑着蜗牛游世界* 阅读(236) 评论(0) 推荐(0)