web - QLJ's blog

Archive for the ‘web’ Category

jiathis网易微博来源问题反映

星期五, 三月 9th, 2012

问题出现于，使用jiathis的分享，自定义了APPKEY后无法正常显示来源
反映客服，客服表示没问题

yingouqlj： 2012-03-08 16:30
您网站发现问题的URL：http://www.maixiaochi.com/note/view/jE
您要反馈的内容：
网易微博无法正常显示来源。
来源已经通过审核
但是显示的依然是站外分享
是不是URL中的 key可以source不可以
网易官方实例的URL 是 param[0] = \’key=zAU48G03C3NUKMLG\’; //转发来源
希望jiathis 检查并修复
JiaThis客服： 2012-03-08 18:04
您好，我们试了一下，确实是已经不是使用的我们的接口了，已经显示站外分享了，您确定appkey已经通过网易审核了吗？

经测试,确实有问题，并非因为我修改了JS导致错误

先去网易开放平台生成一个正确的分享链接

http://api.t.163.com/share?key=zAU48G03C3NUKMLG&url=http%3A%2F%2Fopen.t.163.com%2Fcomponents%2Fonekey&togImg=true&images=

key是Consumer Key 并且已经通过审核了。 url是链接，其他暂时参数不管
使用此链接可以正常显示来源

下面是我使用JIATHIS图形化生成的链接，并点击网易微博所产生的链接

http://t.163.com/article/user/checkLogin.do?source=zAU48G03C3NUKMLG%20&info=JiaThis%E2%84%A2%E6%8C%89%E9%92%AE%E8%87%AA%E5%AE%9A%E4%B9%89%E5%A4%A7%E5%85%A8+-+JiaThis%E2%84%A2%E6%8C%89%E9%92%AE%E8%87%AA%E5%AE%9A%E4%B9%89%E5%A4%A7%E5%85%A8+-+%E5%8A%A0%E7%BD%91+http%3A%2F%2Fwww.maixiaochi.com%2Fnote%2Fview%2FjE&images=

这里的参数一个是
source 也就是Consumer Key 注意： source=zAU48G03C3NUKMLG%20 后面多了个%20 也就是空格。
另一个是info，这个是自定义的内容， 没有url参数

如果是网易的那个链接。如果只使用key 没有url，也无法显示来源，
并且提示：parameter required: key or url

web No Comments

node.js 初体验

星期六, 三月 12th, 2011

依据Google著名的开源JavaScript引擎V8来进行二次开发的Web I/O服务器（http://nodejs.org/）。V8本身是非常快的JavaScript引擎，处理JS执行运行的速度非常高。相关测试表明，FireFox、Opera和IE的JS引擎速度都不及V8来得快。而且，还可以说，只要浏览器之间的JS引擎大战一日不减，NodeJs就可以从中受益。有竞争才有进步：）。
以上简介网络复制。。不介绍了
(更多…)

node.js, ubuntu web 2 Comments

Google吃豆人游戏的杯具：浪费全球482万工时

星期三, 六月 2nd, 2010

这个真有意思哈哈

我跟越还2个人一起双人玩。。
比单人简单多了。
还想玩。。。不过找不到页面了
Google为纪念经典游戏PAC-MAN（吃豆人）30周年而于上周五推出的Doodle大受欢迎，有人评论说“吃豆人”毁掉了数百万美元的生产力，然而Rescuetime的统计显示，不是数百万而是一亿多美元。多数人都是把Google作为一个跳板，一种导航工具，因此在Google搜索页面停留的时间很短，至多十几秒钟。但当PAC-MAN推出之后，Google全球的数亿用户中，有一部分人可能会在主页停留更长时间去玩吃豆人游戏。

Rescuetime对比了PAC-MAN日与过去周五的流量差异，发现了明显区别。Rescuetime选择了一个随机子集，共包含11000余人，他们停留在Google主页上的时间达到了3百万秒，平均每位用户在Google.com上多停留了36秒。根据Wolfram Alpha的Google 流量统计，5月23日Google的全球独立访问用户为504,703,000，以此计算PAC-MAN浪费了全球4,819,352工时，以每小时25美元计算，总共浪费了120,483,800美元。这笔钱足以雇用Google所有的19,835名员工，包括Larry和Sergey，为你工作6周的时间。

google web 20 Comments

笑谈QQmail的大容量

星期四, 五月 20th, 2010

QQ邮箱正可谓巨大。。
大到了。。就想我的硬盘一般。。。
如此存放EMAIL 。。。
要放到啥时候才能满
邮箱容量：128G (已使用1.33G，1%)
受诱惑了吧。
(更多…)

email, qq, 腾讯 web 3 Comments

css3字体阴影text shadow

星期二, 四月 13th, 2010

text-shadow基本语法

text-shadow ： none | <length> none | [<shadow>, ] * <shadow> 或none | <color> [, <color> ]*

：指定颜色。
：由浮点数字和单位标识符组成的长度值。可为负值。指定阴影的水平延伸距离。
：由浮点数字和单位标识符组成的长度值。不可为负值。指定模糊效果的作用距离。如果你仅仅需要模糊效果，将前两个 length 全部设定为 0 。请参阅长度单位。

.text_shadow{
    width:200px; 
    padding:40px 20px; 
    background:#a0b3d6; 
    text-shadow:2px 2px 1px white;
}

下面是一个火焰字体的效果

#xibit{ padding-top:10px;text-align:center;text-shadow:0 0 4px white, 0 -5px 4px #FFFF33, 2px -10px 6px #FFDD33, 2px -15px 11px #FF8800, 2px -15px 10px #FF2200;color:#000; font-size:24px;font-family:"微软雅黑","宋体",Geneva, sans-serif;}

css, 字体 web No Comments

jQuery的Ajax使用笔记转

星期三, 三月 17th, 2010

jquery
1、代码简练、语义易懂、学习快速、文档丰富。
2、jQuery是一个轻量级的脚本，其代码非常小巧，最新版的java script包只有20K左右。
3、jQuery支持CSS1-CSS3,以及基本的xPath。
4、jQuery是跨浏览器的，它支持的浏览器包括IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+。
5、可以很容易的为jQuery扩展其他功能。
6、能将JS代码和HTML代码完全分离，便于代码和维护和修改。
7、插件丰富，除了jQuery本身带有的一些特效外，可以通过插件实现更多功能，如表单验证、tab导航、拖放效果、表格排序、
DataGrid，树形菜单、图像特效以及ajax上传等。
jQuery的设计会改变你写java script代码的方式，降低你学习使用JS操作网页的复杂度，提高网页JS开发效率，无论对于js初学者还
是资深专家，jQuery都将是您的首选。
jQuery适合于设计师、开发者以及那些还好者，同样适合用于商业开发，可以说jQuery适合任何java script应用的地方，可用于不同
的Web应用程序中。
(更多…)

ajax, jquery web No Comments

一个jquery-ajax post例子ajax 登陆

星期三, 三月 17th, 2010

这个例子网上应该满多的
学习笔记转载
index.html文件

<html> 
<head> 
<title>jQuery Ajax 实例演示</title> 
</head> 
<script src="./js/jquery.js" type="text/java script"></script>  
<script type="text/java script">
$(document).ready(function(){//这个就是jQueryready  ，它就像C语言的main 所有操作包含在它里面
    $("#button_login").mousedown(function(){ 
   login(); //点击ID为"button_login"的按钮后触发函数 login();
    });
});
function login(){ //函数 login();
 var username = $("#username").val();//取框中的用户名
 var password = $("#password").val();//取框中的密码
 $.ajax({ //一个Ajax过程  
   type: "post",  //以post方式与后台沟通
   url : "login.php", //与此php页面沟通
   dataType:'json',//从php返回的值以 JSON方式 解释
   data:  'username='+username+'&password='+password, //发给php的数据有两项，分别是上面传来的u和p   
   success: function(json){//如果调用php成功
 
                        //alert(json.username+'\n'+json.password); //把php中的返回值（json.username）给 alert出来
 
   $('#result').html("姓名:" + json.username + "<br/>密码:" + json.password); //把php中的返回值显示在预定义的result
定位符位置 
 
 
                          }   
           });
 
 
 
  //$.post()方式：  
  $('#test_post').mousedown(function (){  
    $.post(  
      'login.php',  
      {  
        username:$('#username').val(),  
        password:$('#password').val() 
      },  
      function (data) //回传函数  
      {  
        var myjson='';  
        eval('myjson=' + data + ';');  
        $('#result').html("姓名1:" + myjson.username + "<br/>密码1:" + myjson.password);  
      }  
    );  
   }); 
 
 
 
  //$.get()方式：  
  $('#test_get').mousedown(function ()  
  {  
    $.get(  
      'login.php',  
      {  
        username:$('#username').val(),  
        password:$('#password').val() 
      },  
      function(data) //回传函数  
      {  
        var myjson='';  
        eval("myjson=" + data + ";");  
        $('#result').html("姓名2:" + myjson.username + "<br/>密码2:" + myjson.password);   
      }  
    );  
  });  
 
 
 
 
 }
</script>
<body> 
 <div id="result" style="background:orange;border:1px solid red;width:300px;height:200px;"></div> 
 
  <form id="formtest" action="" method="post"> 
 
    <p><span>输入姓名:</span><input type="text" name="username" id="username" /></p> 
    <p><span>输入密码:</span><input type="text" name="password" id="password" /></p> 
  </form> 
  <button id="button_login">ajax提交</button> 
 
  <button id="test_post">post提交</button> 
 
  <button id="test_get">get提交</button> 
 
 
 
</body> 
</html>

<?php
echo json_encode(array ('username'=>$_REQUEST['username'],'password'=>$_REQUEST['password']));
?>

ajax, jquery web 7 Comments

看到5SING换了新的特效插件highslide

星期五, 三月 12th, 2010

觉得挺漂亮的
支持相册/图片 HTML 等

目前支持的游览器情况

IE 5.5 – 8.0
Firefox 1.5 – 3.5
Opera 8.5 – 10.5
Netscape 7.2
Safari 2.0 – 4.0 on Mac, 3.0 – 4.0 on Windows
Google Chrome
Konqueror 3.5

(更多…)

5sing, js web No Comments

CSS防止图片过大而撑破网页

星期三, 二月 10th, 2010

部分文章内容过大
防止DIV 错位
在supersite的CSS里找到的

#textbody img{ width: expression(this.width > 580 ? 580: true); max-width: 580px;  }

css web No Comments

GOOGLE真的会撤出中国吗？

星期四, 一月 14th, 2010

今天逛论坛
看到说GOOGLE要撤出中国
难以置信
立即GOOGLE搜索了下
相关的内容出现了不少
出大事了
(更多…)

google web 2 Comments