- 博客(17)
- 资源 (5)
- 收藏
- 关注
RSS订阅原创 window.pushState示例
pushState window.pushState示例 历史记录点1 历史记录点2 历史记录点3 历史记录点4 历史记录点5 正文内容 var arr = ['
2014-04-29 16:40:56
1315
原创 html5-web存储
(1)永久保存localStorage把 name = "zhangsan"保存到localStoragelocalStorage.name = "zhangsan" 或者localStorage.setItem("name","zhangsan");取数据var name = localStorage.name;或者var name = localStorage.getI
2014-04-01 14:44:40
402
原创 好玩的html5标签
(1)改变文本默认方向 改变文本默认方向:123456 改变文本默认方向:123456(2)设置可点击的区域 如果是'circle'那么coords的前两个参数是圆心的位置,第三个参数是半径如果是'rect'那么coords的前两个参数和后两个参数分别表示矩形对角的坐标(3)删除线被删除
2014-04-01 14:13:44
973
原创 用css3:display制作简单的表格
用css3的display属性模拟表格; div{ border: 1px solid #008000; } #container div{ text-align: center; vertica
2014-04-01 11:34:49
772
原创 css3常用的选择器
(1)结构性伪类选择器 E:nth-child(n) 顺数 | E:nth-last-child(n) 倒数 E:first-child 第一个 E:last-child 最后一个jQuery还可以这样写 E:eq(0) 第一个, E:eq(1)第二个;(2)属性选择器:E[att ="val"] | E[att^="val"] | E[att$="val"] | E[
2014-04-01 08:36:11
497
原创 html5新功能---拖放
实现html5拖放功能只需那么两步:1,在需要拖放的元素上加上 draggable="true" ondragstart="drag(event)" 意思是该元素可拖动,ondragstart函数是用来设置元素放置的内容的,也可以用其它办法绑定2,在要放置的元素上加上ondrop="drop(event)" ondragover="allowDrop(event)" 也可以换成别的绑定方式
2014-03-31 17:14:00
439
原创 html转义字符
半方大的空白 全方大的空白 不断行的空白格 小于 <<> 大于 >>& &符号 &&" 双引号 ""© 版权 ©©® 已注册商标 ® ®
2014-03-31 15:20:17
430
原创 html5学习笔记1--video标签
播放暂停2X1X0.5X style="width: 320px;height: 176px;margin-top: 0px;"> 你的浏览器不支持video标签,请换一个浏览器试试 var video = $("#myVideo")[0], width = $(v
2014-03-31 15:10:55
587
原创 用require和artTemplate做的简单提示框
//require用来加载js文件,artTemplate则用来解析html模板代码打包了,需要用ngix或其它搭建前端服务器才能正确运行.
2014-03-25 17:57:54
3573
原创 iScroll 下拉刷新
//自己iScroll刷新,样式比较拙,想试试效果的弟兄请自行下载 iScroll4和jQuery然后修改一下src的值一下是完整html和js代码,如有不明白可以加我qq:40466911问我,一起研究 body{ font-family: helvetica;
2014-03-25 17:40:57
2217
转载 详解JavaScript中的this
原文出处:http://foocoder.com/blog/xiang-jie-javascriptzhong-de-this.html/#disqus_thread详解JavaScript中的thisJavaScript中的this总是让人迷惑，应该是js众所周知的坑之一。 个人也觉得js中的this不是一个好的设计，由于this晚绑定的特性，它可以是全局对象，当前对象，或者
2013-10-19 16:05:19
374
原创 关于__proto__与prototype ---写给懂java的人看(我们都被忽悠了.........)
我之前是搞java的,现在转前端,我都快被JavaScript的__proto__和prototype快整崩溃了,花了几天时间,查了好多资料,最后我哑然失笑,我发现,我被忽悠了..................我们先来看以下java的类和java的继承关系:Class Person{ //定义类Person String name; int age;
2013-09-30 00:12:55
726
原创 underscore--之collection篇
- each循环,没什么好说的- map返回经过iterator处理的新数组,可以对原list的key 或者value进行处理- reduce- reduceRight- find返回第一个通过真值检测的元素- filter返回list中通过真值检测的值的集合,跟reject相反- where- findWhere- reject返回
2013-09-25 01:15:59
1472
原创 underscore--之Objects篇
1,获取对象所有属性名称_.keys({one : 1, two : 2, three : 3});=> ["one", "two", "three"]2,获取对象的所有值_.values({one : 1, two : 2, three : 3});=> [1, 2, 3]3,把对象转换成对数组(_.object的反操作) _.pairs({one: 1, two:
2013-09-24 19:33:26
984
原创 underscore--之Array篇
1,_.range(1,100,10); ==>[1, 11, 21, 31, 41, 51, 61, 71, 81, 91]创建整数灵活编号的列表的函数,上面表示从1到100(不包括100),每隔10取一个数,也可以是负数 _.range(-1,-100,-10); ==>[-1, -11, -21, -31, -41, -51, -61, -71, -81, -91]2,_.sorte
2013-09-23 22:58:20
698
原创 Zepto 点击指定元素以外的地方触发事件
点击第五个li和第五个input alert(1),点其它地方没反应12345$(function(){$('body').on('click',function(e){var list = $('li:nth-child(5)').add($('input:nth-child(5)')); //把不相关的两个元素放在一个数组
2013-09-22 20:18:58
2214
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人