05 2016 档案

HTML5拖拽实例
摘要：拖拽相关属性 draggable属性是html5的全局属性，是html5支持拖放操作的方式之一，用来表示元素是否可以被拖放,draggable有三个值，true表示可以拖放，false表示不可以被拖放，auto表示使用浏览器的默认值 拖拽相关的事件 ondragstart：此事件在用户开始拖动元素或 阅读全文
posted @ 2016-05-30 18:18 嗑瓜子儿gf 阅读(191) 评论(0) 推荐(0)
倾力总结40条常见的移动端Web页面问题解决方案
摘要：原文链接：http://mp.weixin.qq.com/s?__biz=MzAwNjI5MTYyMw==&mid=2651493053&idx=1&sn=8409bc267cd73229425a915f27f6a27f&scene=0#wechat_redirect 1.安卓浏览器看背景图片，有些 阅读全文
posted @ 2016-05-30 17:24 嗑瓜子儿gf 阅读(2166) 评论(0) 推荐(2)
自我反思--table的简单数据分页
摘要：自我反思 学习 之前做的东西，用到table里面数据的分页小标签都是用的插件，好看又方便，今天脑子抽抽了看了看人家的代码，大写的蒙圈，就找了找简单的，还好俺这个小菜鸟还算能看懂，学者比划了两下子，以后慢慢做的漂亮些就能用到项目里面了，哈哈，我骄傲！ 第一个：实现的很常见很简单的显示页数翻页 效果图： 阅读全文
posted @ 2016-05-26 16:31 嗑瓜子儿gf 阅读(2170) 评论(1) 推荐(1)
移动前端自适应解决方案和比较
摘要：互联网上的自适应方案到底有几种呢？就我个人实践所知，有这么几种方案： 淘宝最近开源的一个框架和网易的框架有同工之异。都是采用rem实现一稿解决所有设置自适应。在没出来这种方案之前，第一种做法的人数也不少。类似以下说到的拉钩网。看一下流云诸葛的文章。 以下摘自：从网易与淘宝的font-size思考前端 阅读全文
posted @ 2016-05-23 18:05 嗑瓜子儿gf 阅读(1136) 评论(3) 推荐(3)
select中无法使用click的处理
摘要：今天工作用到了select，想要给option添加click点击事件，可是却没有任何效果，百度了才发现，原来竟然是不支持呀！ 众所周知(其实我才知道哎),在IE里, select的option是不支持onclick事件的, 而在FF 和 OPERA 里, option 是支持onclick事件的. 阅读全文
posted @ 2016-05-17 17:57 嗑瓜子儿gf 阅读(6423) 评论(0) 推荐(0)
最简单的tab切换
摘要：JS: $(".con").eq(0).show(); $(".btn span").click(function(){ var num =$(".btn span").index(this); $(".con").hide(); $(".con").eq(num).show().slblings( 阅读全文
posted @ 2016-05-13 11:11 嗑瓜子儿gf 阅读(282) 评论(0) 推荐(0)
requestAnimationFrame，Web中写动画的另一种选择
摘要：HTML5/CSS3时代，我们要在web里做动画选择其实已经很多了: 你可以用CSS3的animattion+keyframes; 你也可以用css3的transition; 你还可以用通过在canvas上作图来实现动画，也可以借助jQuery动画相关的API方便地实现; 当然最原始的你还可以使用w 阅读全文
posted @ 2016-05-12 17:18 嗑瓜子儿gf 阅读(336) 评论(0) 推荐(0)
全屏遮罩
摘要：前端开发中，很多时候一个弹出层的显示都会伴随着一个遮罩层的显示。 以上代码是一个遮罩层的简易演示代码。 在页面没有滚动条的情况下都能满足要求。但是当页面有滚动条时，你就会发现，以上的处理方式并不能满足全屏遮罩。 下面就通过结合javascript的方式，实现页面包含滚动条时的全屏遮罩。 这里将会用到 阅读全文
posted @ 2016-05-11 16:11 嗑瓜子儿gf 阅读(210) 评论(0) 推荐(0)
表格单元格内容超出时显示省略号效果
摘要：说明 在前端开发中，经常会遇到需要限制单元格宽度并且内容超出部分显示省略号的的情况。下面就简单的介绍下如何达到这种效果。 准备知识 1. 控制文本不换行 2. 超出长度时，出现省略号 3. 修改表格布局算法 table-layout的默认值为automatic，意思是列宽度由单元格内容设定。而fix 阅读全文
posted @ 2016-05-11 15:26 嗑瓜子儿gf 阅读(400) 评论(0) 推荐(0)
淡扯javascript编程思想
摘要：一、面向对象-OOD 虽然js面向对象的编程思想已经老话常谈了，但了为了文章的完整性，我还是把它加了进来，尽量以不太一样的方式讲述(虽然也没什么卵不一样的)。 1、面向对象，首先得有类的概念，没有类造不出来对象，但是javascript中又没有类 只有函数的感念，把以大写字母命名的函数看成创建对象的 阅读全文
posted @ 2016-05-11 15:12 嗑瓜子儿gf 阅读(167) 评论(0) 推荐(0)
延迟加载、异步加载
摘要：defer为true：延迟加载脚本，在文档完成解析完成开始执行，并且在DOMContentLoaded事件之前执行完成。 async（HTML5新增的属性）为true：异步加载脚本，下载完毕后再执行，在window的load事件之前执行完成 defer为true：延迟加载脚本，在文档完成解析完成开始 阅读全文
posted @ 2016-05-10 17:31 嗑瓜子儿gf 阅读(132) 评论(0) 推荐(0)
事件绑定
摘要：事件绑定有两种，传统事件绑定，现代事件绑定。传统事件绑定有内联模式和脚本模式。脚本模式即把一个函数体赋给一个对象的事件属性。 传统事件绑定存在的问题: 1.同一个对象的事件属性多个函数赋值很多次，前面的会被覆盖掉，只显示最后一个。 解决方法，把第一个函数的事件保存下来，然后再去执行一次。 2.同一个 阅读全文
posted @ 2016-05-10 17:30 嗑瓜子儿gf 阅读(166) 评论(0) 推荐(0)
简单粗暴地理解js原型链--js面向对象编程
摘要：原型链理解起来有点绕了，网上资料也是很多，每次晚上睡不着的时候总喜欢在网上找点原型链和闭包的文章看，效果极好。 不要纠结于那一堆术语了，那除了让你脑筋拧成麻花，真的不能帮你什么。简单粗暴点看原型链吧，想点与代码无关的事，比如人、妖以及人妖。 1）人是人他妈生的，妖是妖他妈生的。人和妖都是对象实例，而 阅读全文
posted @ 2016-05-06 09:53 嗑瓜子儿gf 阅读(215) 评论(0) 推荐(0)