随笔分类 -  html5/css3

html5/css3相关
使用GruntJS构建Web程序
摘要：Gruntjs是JavaScript项目的构建工具，也是基于node的一个命令行工具。很多开源JS项目都是使用它搭建。如jQuery、Qunit、CanJS等。它有以下作用合并JS文件压缩JS文件单元测试（基于QUnit）一句话：完全自动化（automation）以下是它的安装过程。一、安装node... 阅读全文
posted @ 2014-11-10 19:53 heimanba 阅读(273) 评论(0) 推荐(0)
Javascript最简单的把html字符串编码的方法
摘要：html字符串是指’aklsdjfklsjdfl’这样的带html特殊符号的字符串，我们通常要对他进行处理再输出以免输出成了真正的html元素，也就是把aklsdjfklsjdfl';alert(bian(a)); 阅读全文
posted @ 2014-10-31 11:26 heimanba 阅读(507) 评论(0) 推荐(0)
canvas 的学习
摘要：canvas 绘制直线的API有: 1.moveTo()起点坐标。 2.lineTo()绘制的直线 3. fillStyle以及 flii()是绘制实体的 4.strokeStyle 和stroke()用来绘制边框的 5.beginPath()和closePath()开始新的状态。注意：1.canv... 阅读全文
posted @ 2014-10-29 15:45 heimanba 阅读(130) 评论(0) 推荐(0)
javascript 事件的学习
摘要：1.事件绑定： addEventListener , removeEventListener。是dom2级别的事件绑定 attachEvent , detachEvent 是IE的事件绑定。2. 事件对象： 由于IE在使用事件的时候必须是window来引用。 event =event || wind... 阅读全文
posted @ 2014-10-28 12:33 heimanba 阅读(116) 评论(0) 推荐(0)
html5 的<audio> 音频 audio的“坑”
摘要：标签是html5的一个非常有意义的特性。告别的flash的时代。它的属性有：autoplay:音频就绪后马上播放controls:出现该属性,向用户显示播放的控件。loop:是否在音频结束时候从新播放preload:如果出现该属性，则在页面加载时候进行加载。src:要播放的音频的URL。方法有：lo... 阅读全文
posted @ 2014-10-27 18:12 heimanba 阅读(418) 评论(0) 推荐(0)
html5 全屏滚动活动页学习
摘要：先看几个具体的实例：1.腾讯娱乐：http://ent.qq.com/zt2014/qqent/h5.htm?from=groupmessage&isappinstalled=02.苏宁互联 ：http://image.suning.cn/images/game/hlwx/index.html?fr... 阅读全文
posted @ 2014-10-24 18:44 heimanba 阅读(521) 评论(0) 推荐(0)
图片grayscale(灰阶效果)webkit内核支持。
摘要：filter:gray;-webkit-filter: grayscale(100%);置为灰阶等hove时候-webkit-filter: grayscale(0%);显示出彩色。 阅读全文
posted @ 2014-08-01 10:51 heimanba 阅读(401) 评论(0) 推荐(0)
手机的touch事件(基于jquery)
摘要：javascript代码：$.swipe=function(opt){varo=$.extend({mainSelector:"",swipeLeft:function(e,v){},swipeRight:function(e,v){},swipeEnds:function(v,e){}},opt|... 阅读全文
posted @ 2014-07-26 09:17 heimanba 阅读(345) 评论(0) 推荐(0)
检测浏览器的特性
摘要：1.检测桌面端浏览器的特性。$.checkDetect=function(){varDetect={ie:/msie\s*\d+\.\d/gi,chrome:/chrome\/[\w\.]+(\s)?/gi,firefox:/firefox\/[\w\.]+(\s)?/gi,};varua=navi... 阅读全文
posted @ 2014-07-25 20:01 heimanba 阅读(300) 评论(0) 推荐(0)
css3 回到顶部书写
摘要：回到顶部 JS 代码backTop =function(){if(!document.querySelector("#backTop")){return;}document.querySelector("#backTop").addEventListener("click",function(){s... 阅读全文
posted @ 2014-07-25 19:34 heimanba 阅读(860) 评论(0) 推荐(0)