Fork me on GitHub

随笔分类 -  javascript

javascript notes
安卓webview下使用zepto的swipe失效
摘要：安卓webview下使用zepto的swipe遇到的坑 众所周知，安卓手机上touch事件一直有各种各样莫名其妙的问题。 比如，我想要用swipeLeft/swipeRight监听向左向右滑动事件，如果只是单纯为元素增加swipeLeft/swipeRight事件的话在webview下是不生效的。g 阅读全文
posted @ 2016-02-22 11:11 CangoWu 阅读(1352) 评论(0) 推荐(0)
js获取本月、三个月、今年的日期插件dateHelp
摘要：最近看了一些关于面向对象的知识，最近工作中在做统计查询的时候需要用到本月、近三个月、今年的日期范围，所以下面用用面向对象的思想写了一个获取日期的插件，大家可以借鉴使用。直接通过new DateHelp就可以调用了var myDate = new DateHelp({ date:'2015-02... 阅读全文
posted @ 2016-01-25 16:25 CangoWu 阅读(1291) 评论(0) 推荐(0)
jquery获取form表单内容以及绑定数据到form表单
摘要：在日常开发的过程中，难免会用到form表单，我们需要获取表单的数据保存到数据库，或者拿到后台的一串json数据，要将数据绑定到form表单上，这里我写了一个基于jquery的，formHelp插件，使用起来也很简单：获取表单的数据：$("#formid").serializeJson();绑定数据到... 阅读全文
posted @ 2016-01-12 13:21 CangoWu 阅读(9624) 评论(0) 推荐(0)
JQuery阻止事件冒泡
摘要：我们在平时的开发过程中，肯定会遇到在一个div（这个div可以是元素）包裹一个div的情况，但是呢，在这两个div上都添加了事件，如果点击里面的div我们希望处理这个div的事件，但是呢，我们不希望外层的div的事件也执行，这时候我们就要用到阻止冒泡。通俗点来说吧，你在家里看电视，躲在自己的小房间，... 阅读全文
posted @ 2016-01-08 22:24 CangoWu 阅读(11145) 评论(0) 推荐(0)
javascript-Cookie的应用
摘要：在我平时开发网页的过程中，可能涉及到浏览器本地的存储，现在主流的浏览器存储方式有：cookie，直接读取xml，userData，H5 的LocalStorage等，Cookie存储数据有限，但对于数据量不大的时候操作还是比较方便的， 今天我们先介绍一下cookie的使用，以及我后面简单封装一个co... 阅读全文
posted @ 2016-01-06 21:21 CangoWu 阅读(579) 评论(0) 推荐(0)
JavaScript设计模式之命令模式
摘要：一、命令模式概念命令模式（Command）的定义是：用来对方法调用进行参数化处理和传送，经过这样处理过的方法调用可以在任何需要的时候执行。也就是说该模式旨在将函数的调用、请求和操作封装成一个单一的对象，然后对这个对象进行一些列的处理。他也可以用来消除调用操作的对象和实现操作的对象之间的耦合。这为各种... 阅读全文
posted @ 2015-12-24 18:23 CangoWu 阅读(1302) 评论(0) 推荐(0)
JavaScript设计模式之代理模式
摘要：一、代理模式概念代理，顾名思义就是帮助别人做事，GoF对代理模式的定义如下： 代理模式（Proxy），为其他对象提供一种代理以控制对这个对象的访问。代理模式使得代理对象控制具体对象的引用。代理几乎可以是任何对象：文件，资源，内存中的对象，或者是一些难以复制的东西。解释：房屋中介，可以代理帮助卖家把... 阅读全文
posted @ 2015-12-23 17:57 CangoWu 阅读(1892) 评论(2) 推荐(0)
JavaScript设计模式之工厂模式
摘要：一、工厂模式概念工厂模式定义一个用于创建对象的接口，这个接口由子类决定实例化哪一个类。该模式使一个类的实例化延迟到了子类。而子类可以重写接口方法以便创建的时候指定自己的对象类型（抽象工厂）。这个模式十分有用，尤其是创建对象的流程赋值的时候，比如依赖于很多设置文件等。并且，你会经常在程序里看到工厂方法... 阅读全文
posted @ 2015-12-23 00:05 CangoWu 阅读(1936) 评论(0) 推荐(0)
JavaScript设计模式之建造者模式
摘要：一、建造者模式模式概念建造者模式可以将一个复杂的对象的构建与其表示相分离，使得同样的构建过程可以创建不同的表示。也就是说如果我们用了建造者模式，那么用户就需要指定需要建造的类型就可以得到它们，而具体建造的过程和细节就不需要知道了。建造者模式实际就是一个指挥者，一个建造者，一个使用指挥者调用具体建造者... 阅读全文
posted @ 2015-12-21 17:12 CangoWu 阅读(2075) 评论(2) 推荐(0)
JavaScript设计模式之构造函数模式
摘要：一、构造函数模式概念构造函数用于创建特定类型的对象——不仅声明了使用过的对象，构造函数还可以接受参数以便第一次创建对象的时候设置对象的成员值。你可以自定义自己的构造函数，然后在里面声明自定义类型对象的属性或方法。在JavaScript里，构造函数通常是认为用来实现实例的，JavaScript没有类的... 阅读全文
posted @ 2015-12-21 14:35 CangoWu 阅读(1370) 评论(0) 推荐(0)
JavaScript设计模式之单例模式
摘要：一、单例模式概念单例就是保证一个类只有一个实例，实现方法一般是先判断实例存在与否，如果存在直接返回，如果不存在就创建了再返回，这就确保了一个类只有一个实例对象。在JavaScript里，单例作为一个命名空间提供者，从全局命名空间里提供一个唯一的访问点来访问该对象。二、单例模式的作用和注意事项模式作用... 阅读全文
posted @ 2015-12-20 22:50 CangoWu 阅读(5124) 评论(0) 推荐(0)
JavaScript设计模式
摘要：在工作中需要些一些前端的js代码，但写得相对比较简单，一般也就是function之类的，后面也看了代码，但还是不能很好的写出比较清晰的代码，最近在web前端交流群里面下载了一些关于设计模式的视频，看完之后希望整理一下，将设计模式的代码整理出来，便于大家交流学习，也便于自己以后温习。一、JavaScr... 阅读全文
posted @ 2015-12-20 22:48 CangoWu 阅读(1530) 评论(0) 推荐(0)
jQuery选择器
摘要：$("[id^='div']"):选取id是div开头的$("[id|='div']"):选取id是div开头或id等于div$("[id$='div']"):选取id是div结尾的$("[id*='div']"):选取id包含div的$("[id~='div']"):选取id包含特定单词div的$... 阅读全文
posted @ 2015-12-11 14:42 CangoWu 阅读(283) 评论(0) 推荐(0)
javascript模块
摘要：//使用模块 template = {}; template.createObj = (function(){ //私有成员 var _age = ""; var _name = ""; ... 阅读全文
posted @ 2015-12-10 18:17 CangoWu 阅读(146) 评论(0) 推荐(0)
javascript访问级别
摘要：JavaScript中没有官方的访问级别语法，JavaScript没有类似于Java语言智能搞得private或protected这样的访问级别关键字，默认情况下，，对象中所有的成员都是公有和可访问的，但在JavaScript中可以实现与私有或专有属性类似的访问级别效果。实现私有方法或属性，请使用闭... 阅读全文
posted @ 2015-12-10 18:03 CangoWu 阅读(204) 评论(0) 推荐(0)
javascript作用域和闭包
摘要：：当定义一个独立函数（级不绑定于任何对象）时，this关键字绑定于全局名称空间。作为一个最直接的结果，当在一个方法内创建一个内部函数时，内部函数的this关键字将绑定于全局名称空间，而不是绑定于该方法。为了解决这一问题，可以将包裹方法的this关键字简单地赋值给一个名为that的中间变量。 obj ... 阅读全文
posted @ 2015-12-10 17:54 CangoWu 阅读(128) 评论(0) 推荐(0)
js回调函数
摘要：今天再看到avalon框架的时候看到里面呢的回调函数，所以在网上百度了一下：字面上理解下来就是，回调就是一个函数的调用过程。那么就从理解这个调用过程开始吧。函数a有一个参数，这个参数是个函数b，当函数a执行完以后执行函数b。那么这个过程就叫回调。 阅读全文
posted @ 2015-12-07 16:20 CangoWu 阅读(699) 评论(0) 推荐(0)
js控制TR的显示影藏
摘要：在很多现实的场景中，有的文本框我们希望在选择“是”的按钮之后才出现，这就需要js控制TR的隐藏和显示，（div的影藏显示类似）以下是一段选择是的按钮就显示身高和体重的文本框的代码。注意：ready方法必须要引用jquery的库。1.html Code无标题文档是否填写身高体重身高体重2.Jquery... 阅读全文
posted @ 2014-09-25 23:35 CangoWu 阅读(653) 评论(0) 推荐(0)
javascript改变背景/字体颜色（Through the javascript to change the background and font color）
摘要：鼠标移动到、移出DIV时修改DIV的颜色：1.Change the font and Div background color--function sajdaskjdaslkj 2.Change the font and Div background colorTEST 阅读全文
posted @ 2014-09-25 14:26 CangoWu 阅读(1358) 评论(0) 推荐(0)