开发:篮球战术演练工具
最近公司篮球队约赛,输了两场。输球不要紧,得总结。所以自己开发了一款【篮球攻防演练工具】。
整理了一些常用的联防站位,和一些适合我们球队的高位挡拆战术。
1) CSS3 设计球场,比例:1m = 60px
2)jquery + jquery UI 完成交互设计
3)画板功能等有空再继续写吧。
最近公司篮球队约赛,输了两场。输球不要紧,得总结。所以自己开发了一款【篮球攻防演练工具】。
整理了一些常用的联防站位,和一些适合我们球队的高位挡拆战术。
1) CSS3 设计球场,比例:1m = 60px
2)jquery + jquery UI 完成交互设计
3)画板功能等有空再继续写吧。
项目终于面临jquery 版本升级问题了,又要开始读各种文档,写各种demo。话说也很久没静下心来写码了。
.toggle(function, function, … ) 方法移除
toggle() 方法: 用于绑定两个或多个事件处理器函数,以响应被选元素的轮流的 click 事件。
在 jQuery 1.9 版本中该方法被移除,未提供替换方法。
$.browser() 方法移除
在 jQuery 1.9 版本中该方法被移除,需要另写插件来完成。
.live() 方法移除
.live()方法:为被选元素附加一个或多个事件处理程序,并规定当这些事件发生时运行的函数。
在 jQuery 1.9 版本该方法被移除,升级后的方法用 “.on()” 来替换。
.die() 方法移除
.die() 方法:移除所有通过 live() 方法向指定元素添加的一个或多个事件处理程序。
在 jQuery 1.9 版本中“.live()”方法被移除,因此该方法也一样被删除。 由“.off()”来替代。
.sub() 方法移除
.sub方法: 可创建一个新的jQuery副本,不影响原有的jQuery对像。
在 jQuery 1.9 版本该方法被移除。
jQuery官方文档:http://jquery.com/upgrade-guide/1.9/
最近围绕微信工作平台的需求越来越多,所以就需要判断访问者是否为微信浏览器。
PHP方法:利用PHP的“_SERVER ”数组“HTTP_USER_AGENT”项,获取该页面的用户代理的信息,来完成这个工作。
<?php echo $_SERVER["HTTP_USER_AGENT"]; ?>
【winows/chrome】 输出结果:
而【ios7/weixin】下输出结果:
在字符串中可以看出“MicroMessenger ”为微信浏览器版本,所以可以使用“MicroMessenger”参数,来判断访问来源是否为“微信浏览器”。
if(strpos($_SERVER['HTTP_USER_AGENT'],"MicroMessenger ")) { echo "Hello Weixin"; }
Javascript方法:
function is_weixn(){ var ua = navigator.userAgent.toLowerCase(); if(ua.match(/MicroMessenger/i)=="micromessenger") { return true; } else { return false; } }
判断用户是否是移动设备(手机浏览器、平板电脑)浏览器的方法:
if(/AppleWebKit.*mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){ if(window.location.href.indexOf("?mobile")<0){ try{ if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){ // window.location.href="http://m.guzheng.cn/"; }else if(/iPad/i.test(navigator.userAgent)){ window.location.href="http://www.guzheng.cn/"; }else{ //window.location.href="http://m.guzheng.cn/"; } }catch(e) { } } } else { //window.location.href="http://www.guzheng.cn/"; }
记录一下之前关于网页中古筝缩略图的一些思考,和最终写出的一个JQuery插件。
网站的缩略图以古筝为主,古筝是一件形状较长的乐器。在网页上一般会用古筝的尾部作为缩略图(古筝尾部的工艺设计比较有代表性)
1、新建并设置cookie的值
// /* 新建并设置cookie的值 */ $.cookie("hiheng";, "www.hiheng.com"); //
2、读取Cookie值
// /* 读取Cookie值, 输出"www.hiheng.com" */ $.cookie("hiheng"); //
3、设置cookie的有效期,expires属性
// /* 设置cookie的有效期一周。 */ $.cookie("hiheng", "www.hiheng.com",{expires: 7}); //
4、设置cookie的域名范围,domain属性
// /* 设置cookie的域名范围,hiheng.com */ $.cookie("hiheng", "www.hiheng.com", {domain: "hiheng.com"}); //
5、设置cookie的有效路径,path属性
// /* 新建一个cookie 包括有效期 路径 域名等 */ $.cookie("hiheng", "www.hiheng.com", {path: "/"}); //
6、综合设置cookie的各种属性
// /* 新建一个cookie 包括有效期 路径 域名等 */ $.cookie("hiheng", "www.hiheng.com", {expires: 7, path: "/", domain: "hiheng.com", secure: true}); //
7、删除一个cookie
// /* 删除一个name为”hiheng“的cookie */ $.cookie("hiheng", null); //
jQuery.cookie = function(name, value, options) { if (typeof value != 'undefined') { options = options || {}; if (value === null) { value = ''; options.expires = -1; } var expires = ''; if (options.expires && (typeof options.expires == 'number' || options.expires.toUTCString)) { var date; if (typeof options.expires == 'number') { date = new Date(); date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000)); } else { date = options.expires; } expires = '; expires=' + date.toUTCString(); } var path = options.path ? '; path=' + (options.path) : ''; var domain = options.domain ? '; domain=' + (options.domain) : ''; var secure = options.secure ? '; secure' : ''; document.cookie = [name, '=', encodeURIComponent(value), expires, path, domain, secure].join(''); } else { var cookieValue = null; if (document.cookie && document.cookie != '') { var cookies = document.cookie.split(';'); for (var i = 0; i < cookies.length; i++) { var cookie = jQuery.trim(cookies[i]); if (cookie.substring(0, name.length + 1) == (name + '=')) { cookieValue = decodeURIComponent(cookie.substring(name.length + 1)); break; } } } return cookieValue; } };