从zepto中学习方法
前言,今天开始学习Zepto源码,这里仅仅几下里面能用到的方法。。陆续补充ing...
一,判断类型函数
   function type(obj) {
         return obj == null ? String(obj) : Object.prototype.toString.call(obj) || "Object";
     }
稍作改变:
 (function () {
     function type(value) {
         var getType = Object.prototype.toString;
         var typeTemp = getType.call(value);
         switch (typeTemp) {
             case '[object Array]':
                 return "Array";
                 break;
             case '[object Date]':
                 return "Date";
                 break;
             case '[object Boolean]':
                 return "Boolean";
                 break;
             case '[object Number]':
                 return "Number";
                 break;
             case '[object Function]':
                 return "Function";
                 break;
             default:
                 return "unKnow";
         }
     }
     function isArray(value) {
         return type(value) == "Array";
     }
     function isDate(value) {
         return type(value) == "Date";
     }
     function isBoolean(value) {
         return type(value) == "Boolean";
     }
     function isNumber(value) {
         return type(value) == "Number";
     }
     function isFunction(value) {
         return type(value) == "Function";
     }
 })();
补充
用getPrototypeOf和isProtoypeOf判断类型
var time = new Date();
var result = (Object.getPrototypeOf(time) === Date.prototype);
console.log(result);
result=Date.prototype.isPrototypeOf(time);
console.log(result)
补充2016-12-05 11:19:40
网上一方法,用于判断类型
Object.prototype.toString.call(arg).slice(8,-1)
直接获取类型。。
二,replace结合表达式去改变字符串
   var str = "123aAbc";
     function stringDividerBetweenUnderline(str) {
         return str.replace(/(\d+)([a-z]|[A-Z]+)/g, "$1_$2")
     }
     var ss = stringDividerBetweenUnderline(str);
     console.log(ss);
三,获取css属性
 var con1=document.querySelector(".con1");
     console.log(window.getComputedStyle(con1).getPropertyValue("color"));
注意这里获取到的颜色是reba(255,0,0)我设置的是red
从zepto中学习方法的更多相关文章
- zepto中的touch库与fastclick
		1. touch库实现了什么和引入背景 click事件在移动端上会有 300ms 的延迟,同时因为需要 长按 , 双触击 等富交互,所以我们通常都会引入类似 zepto 这样的库.zepto 中tou ... 
- 这些Zepto中实用的方法集
		前言 时间过得可真快,转眼间2017年已去大半有余,你就说吓不吓人,这一年你成长了多少,是否荒度了很多时光,亦或者天天向上,收获满满.今天主要写一些看Zepto基础模块时,比较实用的部分内部方法,在我 ... 
- zepto中的属性设置
		上次看zepto的init方法时,有一段属性设置的代码,先来看看其表现: if (isPlainObject(properties)) { nodes = $(dom) $.each(properti ... 
- zepto中$.proxy()的到底有多强大?
		好吧,其实是标题党了,哈哈,只是想总结一下工作中遇到$.proxy()的用法而已. 一.语法: $.proxy()有两种使用语法 1)$.proxy(fn,context),fn是一个函数,conte ... 
- 使用zepto中animate报错“Uncaught TypeError: this.bind is not a function”的解决办法
		在使用zepto时,我先引入zepto.min.js,然后引入fx.js,但是在使用animate函数时,控制台却报如下错误: Uncaught TypeError: this.bind is not ... 
- 阻止长按复制页面中的内容;zepto中touch中的应用必须先加载event模块之后;
		<!doctype html> <html lang="en"> <head> <meta charset="UTF-8&quo ... 
- zepto中的scrollTo
		//zepto没有scrollTo动画,这里扩展了一个scrollTo函数 $.fn.scrollTo = function(options) { var defaults = { scrollTop ... 
- zepto中给不存在的元素设置样式并绑定事件的坑
		在移动端使用zepto选择器时,一般如果元素不存在会返回一个空的zepto对象. zepto在设置元素样式时,提供了两个入参方式,一种键值对方式$(".ter").css({&qu ... 
- Zepto中的Swipe事件失效
		需要阻止浏览器默认滑动的事件 document.addEventListener('touchmove', function (event) { event.preventDefault(); }, ... 
随机推荐
- char、unsigned char、BYTE
			首先uchar就是BYTE:Typedef unsigned char BYTE: char:就是signed char,是一个字节,8个位.第8位是符号位,所以可以表示-128~127共256个符号 ... 
- A840S黑砖修复过程(2013-05-22修改)
			首先感谢su_ky大神,没有他的博客和帖子,这次救砖根本没有成功的可能.其次谢谢A840S交流群284998898的Sunny deng,没有他提供的分区镜像同样也完成不了这次的工作.现象:手机完全没 ... 
- C# POST与Get数据
			引用DLL 普通Get数据和Post数据 public static string Get(string URL) { String ReCode = string.Empty; try { Http ... 
- 【转载】linux内核笔记之进程地址空间
			原文:linux内核笔记之进程地址空间 进程的地址空间由允许进程使用的全部线性地址组成,在32位系统中为0~3GB,每个进程看到的线性地址集合是不同的. 内核通过线性区的资源(数据结构)来表示线性地址 ... 
- 读取excel到数据库里面
			//读取excel数据到dataTable里面 public DataTable ReadExcelDataToDataTable(string path) { DataTable dt = new ... 
- 服务器端验证--验证框架验证required.
			struts2表单验证里field-validator type值一共可以取哪些?都什么含义? int 整数:double 实数:date 日期:expression 两数的关系比较: email E ... 
- FLASH CC 2015 CANVAS (七)总结
			FLASH CC 2015 CANVAS (一至七)确切来说是自己在摸索学习过程中而写.所以定为“开荒教程”. 去年年底转战H5,半年中一直非常忙也不敢用CC来做项目,担心有BUG或者无法实现需求,所 ... 
- YII的关联查询
			先看数据表中的关系是怎样的: customer表中的关系如下: order中的表为: 先在customer中获得order的数据,并与之关联,在 helloController.php 中,代码如下 ... 
- iOS - OC NSArray		数组
			前言 @interface NSArray<__covariant ObjectType> : NSObject <NSCopying, NSMutableCopying, NSSe ... 
- iOS - OC Struct		结构体
			1.结构体的定义与调用 // 定义结构体类型 // 结构体类型名为 MyDate1 struct MyDate1 { int year; int month; int day; }; // 定义结构体 ... 
