`

zepto小插件imageloader,cookie

阅读更多
// Zepto.cookie plugin
// 
// Copyright (c) 2010, 2012 
// @author Klaus Hartl (stilbuero.de)
// @author Daniel Lacy (daniellacy.com)
// 
// Dual licensed under the MIT and GPL licenses:
// http://www.opensource.org/licenses/mit-license.php
// http://www.gnu.org/licenses/gpl.html
;(function($){		
		; function cookie (key, value, options) {
            var days, time, result, decode

            // A key and value were given. Set cookie.
            if (arguments.length > 1 && String(value) !== "[object Object]") {
                // Enforce object
                options = $.extend({}, options)

                if (value === null || value === undefined) options.expires = -1

                if (typeof options.expires === 'number') {
                    days = (options.expires * 24 * 60 * 60 * 1000)
                    time = options.expires = new Date()

                    time.setTime(time.getTime() + days)
                }

                value = String(value)

                return (document.cookie = [
                    encodeURIComponent(key), '=',
                    options.raw ? value : encodeURIComponent(value),
                    options.expires ? '; expires=' + options.expires.toUTCString() : '',
                    options.path ? '; path=' + options.path : '',
                    options.domain ? '; domain=' + options.domain : '',
                    options.secure ? '; secure' : ''
                ].join(''))
            }

            // Key and possibly options given, get cookie
            options = value || {}

            decode = options.raw ? function (s) { return s } : decodeURIComponent

            return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null
        }
     
     ; function xcookie(key, value, options){
     			arguments[0] = "xx"+arguments[0];
     			return cookie.apply(null,arguments);
     }
        
     ; $.cookie  = cookie  
     ; $.xcookie = xcookie  
             
})(Zepto)

 

 

$.fn.imageloader = function(){
	 this.each(function(ind,ele){
			 var imgSrc = ele.getAttribute('data-src');
			 if(!imgSrc) return;
			 var img = $('<img>').attr('src', imgSrc);		  
       onload = function(){
				 	ele.src =  imgSrc;
				 	delete img;
			 }; 
       onload.call(img[0].onload);
	});
}

 

 

jquery 也可以哦。

 

 

 

<script type="text/javascript" crossorigin>
//全局代码异常收集
window.onerror = function (msg, url, lineNo, columnNo, error) {
  var error = 'Error: ' + msg + ' Script: ' + url + ' Position:[' + lineNo + ' / ' + columnNo+ ']StackTrace: ' +  error;
  try{
      $.ajax({url:"http://myhost.com",async:true,dataType:'jsonp',cache:false,data:{"error":error}});
  }catch (error){}
  return false;
};
</script>

 

 

  //var en = encodeURI('<script src="http://cdn.bootcss.com/jquery/3.2.0/jquery.min.js" type="text/javascript"></script>');

//把上面的en结果填写到下面的en中,才能写入成功。奇怪?????????

document.write(unescape(en));

分享到:
评论

相关推荐

    zepto-cookie-master

    本文将深入探讨"zepto-cookie-master"这个项目,它是一个专门用于处理Cookie操作的Zepto插件。 Cookie是Web开发中一个重要的技术,用于存储客户端的小量数据,比如用户设置、会话信息等。在Zepto库中,如果没有专门...

    zepto-touch:Zepto滑动插件

    Zepto滑动插件 注意:已弃用,请改用 。 经过测试 Android 2.3.5(中兴Q101T) Android 4.0.3(Coolpad 8076D) Android 4.2.2(Sony S36h) Android 4.4.2(三星GT-N7100) iOS 8.0(iPad) Windows Phone ...

    警告:一个小型巧精致的jqueryzepto弹窗插件

    一款小体积(自动适应手机和pc浏览器,集成了css,页面只需一次5kb左右的js单文件)的jQuery(Zepto)弹窗插件,可自己修改CSS定制自己的弹窗皮肤 ,可自定义皮肤。 使用方法 页面按顺序先♡jQuery(或ZeptoJS),...

    基于zepto的插件之移动端无缝向上滚动并上下触摸滑动

    它的核心功能包括选择器、DOM操作、事件处理、动画等,提供了与jQuery类似的API,但体积更小,加载更快,更适合移动环境。由于其轻量级的特性,Zepto对于资源有限的移动设备来说是理想的选择。 二、无缝向上滚动...

    zepto.js手机移动端城市选择插件代码

    - Zepto.js的主要优势在于其小体积和高性能,适用于移动设备的资源有限环境。 2. **城市选择插件设计**: - 插件通常通过监听用户交互(如点击)来响应,提供一个友好的界面,使用户能快速找到并选择所需城市。 ...

    zepto+iscroll实现的仿JQM日期滑动插件

    按照zepto插件的形式编写的用于移动端的日期选择插件,参照了JQM提供的日期控件的样式。使用iscroll插件来支持滑动。代码结构通俗易懂,方便编写zepto插件的初学者学习参考。在这里分享资源也只是抛砖引玉,希望能帮...

    基于zepto的移动端日历插件,适用于HTML5制作的webAPP.zip

    其次,我们关注的是一个日历插件,它基于Zepto.js库。最后,我们有一个名为"dataPicker-master"的压缩包子文件,这可能是一个项目源代码的主目录。 **HTML5**: HTML5是超文本标记语言的最新版本,为Web开发者提供了...

    jQueryZeptoPlugstimerHandler定时器插件

    《jQuery/Zepto timerHandler 定时器插件详解与应用》 在Web开发中,JavaScript的定时器功能是不可或缺的一部分,它使得我们能够实现各种动态效果和后台任务的执行。jQuery和Zepto作为JavaScript库的代表,为开发者...

    zepto.tab:Zepto tab 插件

    zepto.tab 是一款支持触摸屏下的tab插件,依赖zepto.js ##Platform 和zepto支持的平台一样 ##Depend 依赖zepto v1.0.0+,除默认模块还需touch模块支持 ##Building 构建过程使用ant,安装ant参照 构建时在项目根目录...

    lazyload-zepto:一个使 imgs 懒惰加载 zepto 的插件

    在JavaScript领域,有许多库提供了实现这一功能的方法,其中"lazyload-zepto"就是针对Zepto.js框架的一个插件。 Zepto.js 是一个轻量级的JavaScript库,设计风格和API与jQuery类似,但在移动端有着更好的性能表现。...

    移动端优先且支持jQuery和Zepto的模态对话框插件

    作为移动端优先的插件,它充分考虑了小屏幕设备的显示效果,优化了布局和交互设计,确保在各种尺寸的屏幕上都能良好地工作。这包括响应式设计,使得对话框能在不同分辨率的设备上自适应调整大小。 dialog.js提供了...

    Zepto插件touch事件的源码解读共4页.pdf.zi

    在IT行业中,Zepto.js是一个轻量级的JavaScript库,主要设计用于移动Web开发,它在许多方面与jQuery相似,但体积更小,更适合移动设备。`touch`事件是Zepto.js中的一个重要部分,用于处理触摸屏设备上的交互。这份...

    基于zepto的插件之移动端无缝向上滚动并上下触摸滑动实例代码

    zepto.textSlider.js插件的代码部分展示了如何定义插件的默认参数,并通过zepto的fn对象扩展了textSlider方法。在该方法中,通过$.extend()合并默认参数和用户自定义的参数,然后对滚动容器进行操作。通过定时器...

    基于zepto,主要针对移动端,界面简洁(模拟IOS模态弹窗设计)模态弹窗插件

    这个项目,"基于zepto,主要针对移动端,界面简洁(模拟IOS模态弹窗设计)模态弹窗插件",是为了解决在移动设备上创建交互式用户体验而设计的一个实用工具。 模态弹窗在Web应用中广泛应用,通常用于显示重要信息、...

    cookieForZepto:Cookie操作(包含创建cookie、获取cookie、删除cookie)

    Cookie For Zepto创建Cookie设置cookie非常简单。如:$.cookie("example", "foo");要设置cookie的有效期,可以设置expires值。如:$.cookie("example","foo",{expires:"s10"});expires: 定义cookie的有效时间,默认...

    zepto.js插件适用于微信等移动浏览器动画滑动效果

    效果描述: 我们常见到移动页面很多动画效果,但是自己原生开发一个动画效果是相当难的 今天就给大家推荐一套合适的模板 使用方法: 1、将style.css样式引入到你的网页中 ... (注意保持文件路径正确)

    zepto-autocomplete:ZeptoJS的自动完成插件

    Zepto自动完成插件 ZeptoJS的自动完成插件 Zepto Autocomplete插件是一个微型js库(几KB),通过添加一个类并在页面加载时初始化插件,ZeptoJS用户可以轻松地在其文本框中插入“ autocomplete”功能。 自动完成的...

    JVFloat.js, jquery/zepto插件模拟 Matt D Smith占位符文本浮动.zip

    JVFloat.js, jquery/zepto插件模拟 Matt D Smith占位符文本浮动 #JVFloat.js 演示插件 jQuery和Zepto插件来模拟 JVFloatLabeledTextField的行为,这基于从Matt的概念。 史密斯 。在博客上阅读更多关于的文章。请注意...

    zepto.js的中文手册,中文api说明,zepto中文注释

    - Zepto.js支持扩展和插件开发,可以通过定义全局方法或元素方法来增加新功能。 ```javascript // 定义全局方法 $.myMethod = function() { console.log('这是一个全局方法'); }; // 定义元素方法 $.fn....

Global site tag (gtag.js) - Google Analytics