风靡营销圈的H5已经不仅仅是一个展示工具，现在几乎所有品牌都会利用H5技术制作大量视觉丰富夺目的小应用、小游戏，以期获得病毒扩散效益。甚至我最近都收到了H5的简历，应聘的小哥直接发了个二维码过来，虽然这种简单的套模版连我这种小copy都会做，但这种自我推销的创意值得点个赞！
然而，技术汪们表示，还有很多酷炫到没朋友的H5你们都还没见识到好吗！
接下来，请跟我左手右手一个慢动作，开启H5花样玩法的神奇大门！
其实大伙儿在很多H5中看到的动画效果就是用H5的绘图功能做的，比如前段时间我们为雀巢做的一个案例。 查看全文
关于H5的发展，分享几个最近看到的惊人数据和新闻：
1、截至2015，有80%的App将全部或部分基于HTML5。这意味着大部分App的内容都将是以网页的形式呈现，典型的例子包括微信、Facebook、Twitter等。（数据来源：国际科技媒体 ReadWriteWeb，2015）
2、浏览量最高的1000个H5作品中，42%是心灵鸡汤，最高17,358,480 uv；27%是测试题，最高49,940,339 uv；15%是社交互动游戏，最高2,892,047 uv; 5%是大型品牌宣传，最高551,195 uv。（数据来源：在线h5工具平台ih5.cn，2015.9）
3、谷歌浏览器于9月1日起不再自动播放Flash。亚马逊宣布旗下网络(包括Amazon.com门户在内)的所有广告将不再使用Flash。在可预见的未来，Flash广告将被HTML5广告所替代。
4、朋友圈广告上线（http://ad.weixin.qq.com），据传起投20万， CPM 40元。详情外链的H5页面可以用微信提供的模板，也可以自行定制。
注：本文提到的H5特指基于HTML5技术的动态交互页面。 查看全文
本系列文章旨在记录一些实用的javascript技巧，既可以作为一个知识的积累，又可以作为闲暇时打发时间写写代码的记录。同时也方便日后翻阅~
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
// 判断某个对象是否有指定的className function hasClass(ele,cls) { return ele.className.match(new RegExp('(\\s|^)'+cls+'(\\s|$)')); } // 给指定对象添加className function addClass(ele,cls) { if (!this.hasClass(ele,cls)) ele.className += " "+cls; } // 删除className function removeClass(ele,cls) { if (hasClass(ele,cls)) { var reg = new RegExp('(\\s|^)'+cls+'(\\s|$)'); ele.className=ele.className.replace(reg,' '); } } |
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
// 正则： /^([^:]+):\/\/(?:([^:@]+):?([^@]*)@)?(?:([^/?#:]+):?(\d*))([^?#]*)(?:\?([^#]+)?)?(?:#(.+)?)?$/ // 结果格式： Array [scheme] => http [host] => quchao.com [user] => user [pass] => pass [path] => /about-me [query] => t=100102 [fragment] => hash ) // demo: 'http://user:pass@xuanfenge.com:80/category/?s=css3#first' .match(/^([^:]+):\/\/(?:([^:@]+):?([^@]*)@)?(?:([^/?#:]+):?(\d*))([^?#]*)(?:\?([^#]+)?)?(?:#(.+)?)?$/); // 结果 ["http://user:pass@xuanfenge.com:80/category/?s=css3#first", "http", "user", "pass", "xuanfenge.com", "80", "/category/", "s=css3", "first"] |
