2013年4 月月 发布的文章

js小技巧-引号多层嵌套-自提示上下键选择

html中的超链接中比如有多层嵌套,就会导致字符串被截取,出现很多问题
引号嵌套两层时,可以使用转义或者单双引号交替的形式实现,当引号嵌套达到三四层的时候,问题就出现了,该怎么办?
举个例子:”javascript:fnabc(‘abcd(“123″)’)”
html的href=以上的字符串
那么即使加了转义字符,以上的字符串还是会被截取为”javascript:fnabc(‘abcd(”
解决的方法是使用"代替引号
“javascript:fnabc(‘abcd(“123″)’)”
http://blog.csdn.net/panfang/article/details/7626032
监听回车、上、下键事件,实现自提示按上下键选择下拉项:

//监听回车、上、下键事件
			$("#queryWord").keydown(function(e) {
                var key = (e.keyCode) || (e.which) || (e.charCode);//兼容IE(e.keyCode)和Firefox(e.which)
                var index = 0;
                if (key == "38"){//向上
					 if($("#queryWord").val().length > 0){
					 	$("#autocomplete").show();
					 	$.each($("#autocomplete").children("li"),function(i,n){
//					  		alert(i);
	     					var $cr = $(n);
	     					if($cr.children("a").hasClass("current")){
	     						index = i - 1;
//	     						alert(index);
	     						$cr.children("a").removeClass("current");
	     					}
	      			 });
//					 alert(index);
	      			 $("#autocomplete").children("li").eq(index).children("a").addClass("current");
					 }
                }
                if (key == "40"){//向下
                	if($("#queryWord").val().length > 0){
					 $("#autocomplete").show();
					  	$.each($("#autocomplete").children("li"),function(i,n){
//					  		alert(i);
	     					var $cr = $(n);
	     					if($cr.children("a").hasClass("current")){
	     						index = 1 + i;
//	     						alert(index);
	     						$cr.children("a").removeClass("current");
	     					}
	      			 });
//					 alert(index);
	      			 $("#autocomplete").children("li").eq(index).children("a").addClass("current");
                	}
                }
                if(key == "13"){
                	var enterIndex = 0;
                	if($("#queryWord").val().length > 0){
					 $("#autocomplete").show();
					  	$.each($("#autocomplete").children("li"),function(i,n){
	     					var $cr = $(n);
	     					if($cr.children("a").hasClass("current")){
	     						enterIndex = i;
	     						$cr.children("a").removeClass("current");
	     					}
	      			 });
	      			 $("#autocomplete").children("li").eq(enterIndex).children("a").addClass("current");
	      			 query($("#autocomplete").children("li").eq(enterIndex).children("a").children(".title").html());
                	}
                }
            });

不用插件实现异步自动提示

不用插件实现自动提示实现思路:
1:focus事件执行清空原来的提示
2:keyup事件判断非空时查询显示提示框
3:blur事件隐藏显示框
优点:不用学习其他插件,自己可以精确控制
js部分:

$(function() {
			// 查询框获得焦点
			$("#queryWord").focus(function() {
						$("#queryWord").val("");
					});
			// 查询框有输入
			$("#queryWord").keyup(function() {
						if($("#queryWord").val().length > 0){
							getAnswer($("#queryWord").val());
						}
					});
			// 查询框失去焦点
			$("#queryWord").blur(function() {
				if ($("#queryWord").val().length == 0) {
					$("#queryWord").val("输入节目名称或视频的网址(URL)");
				}
				$("#autocomplete").hide();
			});
		});
// 自动提示
function getAnswer(queryWord) {
	$.ajax({
				type : "POST",
				url : "getPromptAnswer.action",
				cache : false,
				data : "word=" + $("#queryWord").val() + "&t=" + Math.random(),
				dataType : "json",
				async : true,
				success : function(json) {
					if ($.isEmptyObject(json)) {
						$("#autocomplete").hide();
					} else {
						$("#autocomplete").empty();
						$.each(json,function(i,n){
	     					$("#autocomplete").append('<li><a href="#"><span class="title">'+json[i].keyword+'</span><span class="type">'+json[i].typeStr+'</span></a></li>');
	      				});
						$("#autocomplete").show();
					}
				}
			});
}

html部分:

 <div class="indexnav_so">
        <div class="indexnav_tool">
        	<input type="text" class="" id="queryWord" value="输入节目名称或视频的网址(URL)" />
        	<button onclick="query(jQuery('#queryWord').val())">查询</button></div>
        <!--When focused input add class="search" to change input color-->
        <ul id="autocomplete" class="autocomplete" style="display:none;"></ul>
</div>

后台Java部分:返回json格式即可

[{"keyword":"第二十二条婚规","name":"d","typeStr":"电视剧"},{"keyword":"大唐女巡按","name":"d","typeStr":"电视剧"},{"keyword":"独生子女的婆婆妈妈","name":"d","typeStr":"电视剧"},{"keyword":"第八号当铺","name":"d","typeStr":"电视剧"},{"keyword":"大太监","name":"d","typeStr":"电视剧"},{"keyword":"毒女","name":"d","typeStr":"电影"},{"keyword":"大男当婚","name":"d","typeStr":"电视剧"},{"keyword":"读心神探","name":"d","typeStr":"电视剧"},{"keyword":"敌后便衣队传奇","name":"d","typeStr":"电视剧"},{"keyword":"大宅门 第一部","name":"d","typeStr":"电视剧"}]

基于jquery.autocomplete实现拼音中文自动提示

如何实现基于“jquery.autocomplete”实现拼音中文自动提示,直接上代码吧
其中三个参数:row:一行数据({}),i:第几行,max:总行数。这里返回自定义格式的数据。

基于“jquery.autocomplete”实现拼音中文自动提示

基于“jquery.autocomplete”实现拼音中文自动提示

<html xmlns="http://www.w3.org/1999/xhtml">
 <head runat="server">
     <title>自定义提示</title>
     <script type="text/javascript" src="jquery-1.4.3.js"></script>
     <script type="text/javascript" src="jquery.autocomplete.min.js"></script>
     <link rel="Stylesheet" href="jquery.autocomplete.css" />
     <script type="text/javascript">
         var emails = [
             { name: "datong dt", to: "大同" },
             { name: "beijing bj", to: "北京" },
             { name: "tianjin tj", to: "天津" },
             { name: "hefei hf", to: "合肥" },
             { name: "shanghai shh sh", to: "上海" }
         ];
             $(function() {
                 $('#keyword').autocomplete(emails, {
                     max: 12,    //列表里的条目数
                     minChars: 0,    //自动完成激活之前填入的最小字符
                     width: 400,     //提示的宽度,溢出隐藏
                     scrollHeight: 300,   //提示的高度,溢出显示滚动条
                     matchContains: true,    //包含匹配,就是data参数里的数据,是否只要包含文本框里的数据就显示
                     autoFill: false,    //自动填充
                     formatItem: function(row, i, max) {
                         //return i + '/' + max + ':"' + row.name + '"[' + row.to + ']';
						 return row.to;
                     },
                     formatMatch: function(row, i, max) {
                         return row.name + row.to;
                     },
                     formatResult: function(row) {
                         return row.to;
                     }
                 }).result(function(event, row, formatted) {
                     alert(row.to);
                 });
             });
     </script>
 </head>
 <body>
     <form id="form1" runat="server">
     <div>
         <input id="keyword" />
         <input id="getValue" value="GetValue" type="button" />
     </div>
     </form>
 </body>
 </html>

云安全-腾讯云平台

通过云安全入门知识的分析,介绍腾讯开放平台安全规范和平台可以提供的安全服务;并能解读腾讯开放平台反馈的安全类信息;运用腾讯开放平台提供的工具反馈安全问题和接入安全系统。
周斌,高级工程师,现负责云平台部业务安全工作。

云监控-腾讯云平台

本门课程正是通过对一些典型案例的剖析,帮助用户了解如何使用腾讯云监控提供的服务,在遇到故障时能够第一时间处理并快速定位故障源。同时,借助云监控,对应用进行优化,缩减运营成本。
刘永峰, 高级工程师,现负责腾讯云平台部云监控服务优化工作。

不想努力的我顿时被扇醒了,你凭什么不奋斗?

你学习一般,考上了现在的这个学校,成绩不算好,拿不到校奖国奖,自习不规律上课不常听,考试全靠突击,同学帮一把也能考到七八十分。
你家境一般,父母都是普通员工,在这个城市一个月生活费一千二,没事下下馆子,一个月添一件衣服,想买台相机要等几个月,经常要咬咬牙才能买双自己喜欢的鞋。
你特长一般,不会吉他不会钢琴不会跳舞不会画画,想学摄影却不会PS,想上台演出却没信心,学校晚会比赛的时候,你经常站在台下的人群里而不是台上的聚光灯下。
你长相一般,不算英俊或者不算美丽,身材不算臃肿但是也没什么肌肉或者没什么曲线,平时只是稍稍打扮一下,容貌看上去并不出众,只能算整洁,你开玩笑的称自己是千万屌丝之一。
你的生活感情也是一般,有时候会遇见自己心仪的那个TA,但是总抓不住机会,眨眼间TA就被其他人俘获,你就开始伤心抱怨,但是几天之后又开始寻找新的TA 。
总之,你没有什么特别的地方,就和周围的千万个你一样。
但是,你和其他的你一样,渴望飞翔渴望自由。
你不甘心拿不到奖学金,看见别人得奖的时候你会说完全是突击的结果,你开始上自习,坚持了一个星期。
你不甘心自己的父辈平平,会批判会讽刺自己周围的官二代富二代,立志自己要努力好让自己的孩子成为富二代,你坚持了一个星期。
你不甘心自己什么都不会,你开始学吉他买轮滑鞋借PS的书对着镜子微笑说自己有信心,你坚持了一个星期。
你不甘心自己没身材没长相,你开始健身长跑练肌肉练线条,你坚持了一个星期。
你不甘心自己没有伴侣,你决心自己洗心革面重新做人,你删掉电脑里的**你收拾起床上的懒人桌你仔细的洗了个澡你为自己化了妆,决定出去走走开始新的生活,你坚持了一个星期。
然后,这一个星期之后,你还是和周围千万个你一样,你还是和一星期前的自己一样。
少年,你来到现在的学校,是为了什么?
你逛人人,看见人人上的状态说“二十岁是人生最美好的时光,不应该局限在学校里教室里,应该享受生活”,于是你相信了。
你看见人人上状态说“这样的年纪本应是率性的,而我身边的太多人在考虑诸如家庭类型、毕业发展方向、是否异地、价值观等问题。这导致本来深深互相喜欢的两个人错失了一段美好的时光,他们所谓爱情的忧伤不过都是自己在娇柔做作”,于是你相信了。
你看见人人上的日志说“国奴常用的10句话,被洗脑的**也常说”,于是你也相信了。
于是你觉得,二十岁的你就该“享受生活”“随心所欲”,享受“人生中最后的自由时光”。
于是你觉得,二十岁的你就该“快乐的去恋爱”,“仔细享受和TA在一起的一分一秒,其他什么都不去想”
于是你觉得,二十岁的你就该“风华正茂挥斥方遒”,“指点江山激扬文字”少年,请允许我猜测一下你的未来。
现在的你,用着父母的血汗钱,买着NB的包PUMA的板鞋捷安特的ATX佳能的5D2 和爱疯的4S,吃着仟吉的冷茶DQ的暴风雪银鲨的海鲜星巴克的咖啡,经 常去酒吧去茶楼去看你所谓的众生百态积累你所谓的生活经验。大学四年,你考研意外之外的落榜,因为双选会时候公司都不中意的缘故,你在毕业时候还没有找到心仪的工作,收拾了行李回家,父母和你说去试试这个或者那个工作吧,你说这工作太简单了不适合我,你去更好的企业寻找机会,却因为表现平平被置之门外。每天都是这样,没能力却不甘心,最终变成啃老族。
现在的你,和TA恩恩爱爱,每天黏在一起,上课TA会等你下课TA会接你,午饭你们一起吃晚 饭之后还会一起散步,TA说未来怎么办你说不要考虑未来认真过好现在。不幸运的话,几个月后TA会觉得你在玩弄TA的感情而离开你,留下你独自一人空悲切反复问自己究竟哪里不对。幸运的话,你们一直谈到毕业,最后你会悔恨自己不够优秀没能去TA所在的城市读研或者工作,带着不舍和悔恨分手。
现在的你,在网上看见自己赞同的观点会全力支持,看见自己不认同的观点会全力否定。你觉得现在正值当年的自己就该这样敢于说出自己的心声。最后,你的观点完全来自于网络,当你想说话的时候,你才发现忘记了自己的声音,自己已经失去了原来敏锐的判别能力。
少年,我只想问你一个问题,现在的你二十岁的你有什么资本。
你成绩一般但是你有很多自由时间去支配,你觉得很欣慰。
你家境一般但是你的要求爸妈都会满足,你觉得很欣慰。
你特长很少但是有一个擅长的,靠着这点你在周围的聚光灯下过的很满足,你觉得很欣慰。
你没有伴侣但是有很多朋友会喊你喝酒唱歌出去逛街,你觉得很欣慰。
现在的你很欣慰,时间久了呢?
生活是一盘棋,需要用心去下,当你有资本的时候你才能赢。
是的,我能理解你要自由你要自己的天空。但是我不知道你的父母老师有没有教育过你,自由也是要付出代价的吗?
少年,我不知道你是怎么了。
你想要好的成绩但是你不去学习。
你想要富裕的生活但是你不去奋斗。
你想要健康的身体但是你不去锻炼。
你想要自己称心如意的生活,但是你从来没有想过改变自己。
少年,你知道未来的意义吗?
我承认现在的每一天都是未来必不可少的一部分,但是你有认认真真的考虑过自己要一个什么样的未来吗?你有仔仔细细的考虑过怎么样去到达这个未来吗?
你在犹豫,你在抱怨,你在彷徨,你在悲叹社会的不公,但是你有什么权利有什么资本要求你所在的环境所处的世界为了你去改变?
现在的你只是千千万万的你中微不足道的一个,少了你地球还是一样会转。
少年,你知道责任两个字怎么写吗?
我知道你很喜欢自由自在很喜欢享受你的生活。
是啊,二十岁的你再不玩就永远没机会了,这也是你所相信的。
我敢打赌一定很久没人和你说过“吃得苦中苦方为人上人”这句话了吧。
当你谈论飞翔的时候,你是不是忘记了地心引力的存在。
二十岁的少年,爱玩你去玩吧。
我过了二十岁的年纪,我还有未来,不陪你了 。
 
http://www.itcodes.cn/757.html

云调度-腾讯云平台

云调度系统是云平台的管理核心,协调云平台中各种资源,保证整朵云的正常工作;本课程主要介绍了云调度主要功能,及运作原理。并结合具体案例,阐述腾讯云平台内部资源调度的种类及实现。
邹辉,高级工程师,现负责协调云平台中各种资源工作。

腾讯云平台基础架构

《腾讯云平台基础架构》主要通过讲解腾讯云平台的基础架构的设计与实现,演示资源虚拟化、负载均衡等核心功能的原理,帮助第三方用户更好地理解和使用腾讯云平台资源。
主讲人:黄炳琪,高级工程师,现负责腾讯开放云平台基础组件的开发工作。