zeptojs的使用总结
只是常用知识点总结,不说祖宗八代,若想详细了解,请入官网:http://zeptojs.com 或中文(推荐) http://www.runoob.com/manual/zeptojs.html 1、模块 polyfill,zepto,detect,event,ajax,form,fx 这7个就是zeptojs标准版包含的模块。 但有一些常用的模块功能并没有包含在内。如: fx_methods 有了这个模块之后,.show() .hide() 等几个方法才能支持动画了,比如 .s...标签: zepto
在移动端拖拽div
2015-8-10 一诺 js+jquery+ajax
找了1天的东西,终于找到了,可以在移动端进行跟随手指移动的div实例 <!doctype html> <html> <head> <meta charset='utf-8' /> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"> <title>手机拖拽</title> <...标签: 移动端拖拽
使用jquery给网页换肤,cookies缓存
2015-7-25 一诺 js+jquery+ajax
使用jquery给网页换肤 昨天做项目的时候有个论坛需要给页面换肤和改变文章字体大小的功能,找了类型的论坛,扒下来后发现竟然有四个js都需要引入,想了想,还是自己写个吧,写好后发现,比想象中容易点,下面附上源码 使用jquery给网页换肤,cookies进行缓存 *{padding:0;margin:0;} body{font-size: 14px;padding:50px 300px;font-family: '微软雅黑'} .style-out{position: relati...聊聊既熟悉又陌生的div+css布局
首先说说最简单的两列自适应布局无外乎是给两列都设置百分比,但很多情况下这种布局并不能解决需求。 例如:下面这种一列限定宽度,一列自适应。 两列布局方法一-勿恨水长东 .clearfix:before, .clearfix:after {display: table;content: " ";} .clearfix:after {clear: both;} .clearfix {*zoom: 1;} *{margin:0;padding:0;} body{...标签: 布局
jquery层级选项卡-平凡的世界
2015-6-15 一诺 js+jquery+ajax
之前写过js和jquery选项卡的实例,jquery实现防止数据泛滥加载的常用选项卡 现在写的这个是层级的选项卡,按照这个结构嵌套下去可以实现无限极选项卡,只须写html和css即可 废话不多说,直接上代码 jquery实现层级选项卡-平凡的世界 *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-bo...标签: jquery选项卡
使用js给数组去重的4种常用方法
2015-6-14 一诺 js+jquery+ajax
之前我在博客园发表过一篇使用js给数组去重的3种常用方法,今早起来无事便又写出一种数组去重的方法,其实也是新瓶装旧酒,在这里再总结下吧! 首先还是定义一个数组,以供下面四种方法调用 var arr=['js','js','js','html','js','java','html5','c#','c#','css','html','js']; 1,方法一:简单易理解 Array.prototyp...标签: 数组
js数据类型判断的几种方法总结
2015-6-9 一诺 js+jquery+ajax
js数据类型判断的几种方法总结 首先定义一组变量: var a = "zifuchuan", b = 100, c = true, d, e = [1,2,3], f = new Date(), g = function(){alert(1)}, h = {}, i = null; ...js监听文本内容改变事件最佳实践oninput和onpropertychange
2015-6-4 一诺 js+jquery+ajax
今天看到一个面试题,大致是使用js实时监听一个文本框变化事件 简单想了下,实现方式有很多种,但有些存在弊端,在这里总结下 onchange事件:内容改变并失焦是触发(脚本触发无效) onblur:只要失焦就会触发 onfocus:事件在对象获得焦点时发生 而下面事件在处理复制、粘贴、拖拽、长按键(按住键盘不放)等细节上并不完善。 onkeyup 事件会在键盘按键被松开时发生 onkeydown 事件会在用户按下一个键盘按键时发生  ...标签: js
html5画布canvas效果实例
使用html5画布canvas实现简单画板 简单画板 body{margin:0;} #paint{border:1px solid #232323;} 您的浏览器不支持canvas var oPaint=document.getElementById('paint'); var cxt=oPaint.getContext('2d'); cxt.lineWidth=3; cxt.strokeStyle="blue"; var ...标签: canvas
高效率jquery代码写法及jquery方法大总结
2015-5-20 一诺 js+jquery+ajax
一、高效率jquery代码写法 // 条件加载Jquery,如果CDN没有下载到Jquery,则从本地读取。 <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <script>window.jQuery || document.write('<script src="/public/js/jquery.js"><\/script>')</script> // Jquery和$的关系 window.jQu...标签: jquery