分类目录归档:WEB前端

json的好处-新一代数据传输利器

Json其实和XML一样,作为数据中间传送对象,本身是一个文本。不过这个文本有自己的结构。(是不是可以联想到C语言的数据结构)。 因为是文本所以各种语言都能兼容,包含JS这种轻量级的客户端脚本。 为什么不XML XML的冗余太大,不过XML阅读起来比较方面,所以并没有被json完全取代,很多时候都是并存。比如sina微博的开发平台有一个JSON版本和一个XML版本。以前是,现在没看。 比如xml <Book> <name>name</name> <author> <name>authorname</name> <age>23</age> </author> <year>2010</year> </Book> JSON {"name":"name","author":{"name":"authorname","age":23},"year":2010} JSON的好处,你可以把XML的好处都拿来,然后加上一条,我比XML小。 不过明显的不少软件支持XML导出,却不支持JSON导出。比如Excel。 JSON 和 XML 优缺点的比较 1. 在可读性方面,JSON和XML的数据可读性基本相同。JSON和XML的可读性可谓不相上下,一边是建议的语法,一边是规范的标签形式,很难分出胜负。 2. 在可扩展性方面,XML天生有很好的扩展性,JSON当然也有,没有什么是XML能扩展,JSON不能的。 3. 在编码难度方面,XML有丰富的编码工具,比如Dom4j、JDom等,JSON也有json.org提供的工具,但是JSON的编码明显比XML容易许多,即使不借助工具也能写出JSON的代码,可是要写好XML就不太容易了。 4. 在解码难度方面,XML的解析得考虑子节点父节点,让人头昏眼花,而JSON的解析难度几乎为0。这一点XML输的真是没话说。 5. 在流行度方面,XML已经被业界广泛的使用,而JSON才刚刚开始,但是在Ajax这个特定的领域,未来的发展一定是XML让位于JSON。到时Ajax应该变成Ajaj(Asynchronous Javascript and JSON)了。 6. JSON和XML同样拥有丰富的解析手段。 7. JSON相对于XML来讲,数据的体积小。 8. JSON与JavaScript的交互更加方便。 … 继续阅读

发表在 WEB前端 | 标签为 , | 留下评论

google analytics 跳出率 和退出率学习

google analytics 跳出率 和退出率 google官方说法如下。 要了解对网站中特定网页的退出率和跳出率的差别,请注意以下三点: 1.退出率是指该网页是会话中“最后一页”的浏览占此网页总浏览量的百分比。 2.跳出率是指该网页是会话中“唯一网页”的会话占从此网页开始的所有会话的百分比。 3.网页跳出率的计算依据只能是由该网页开始的访问。 我们可以用一个简单的例子来说明最后一点。假设您的网站包含网页 A 到 C,每天只有一个会话,而且网页浏览的顺序如下: 星期一:网页 A > 网页 B > 网页 C 星期二:网页 B > 网页 A > 网页 C 星期三:网页 A > 退出 在网页 A 的内容报告中,浏览量会显示为 3,跳出率为 50%。您可能以为跳出率会是 33%,但是星期二对网页 A … 继续阅读

发表在 WEB前端, 互联网观察 | 标签为 , , | 留下评论

让百度分享自动悬浮在博客顶部的jquery

引入百度分享自动悬浮在顶部jquery 百度分享是让来访者分享一篇博文的插件,可以提高博客被分享的概率。因为用户点起来方便啊。 不过月小升认为随着用户拖动悬浮起来比较酷哦。(百度自己的悬浮样子感觉用户用起来不太方便) 直接用以下代码 <script src="http://lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js"></script>   <script src="/blog/js/scroll.js"></script>   <div class="y_bds" style="clear:both;"> <!– Baidu Button BEGIN –> <div id="bdshare" class="bdshare_t bds_tools_32 get-codes-bdshare"> <a class="bds_tsina"></a> <a class="bds_tqq"></a> <a class="bds_qzone"></a> <a class="bds_renren"></a> <a class="bds_douban"></a> <span class="bds_more"></span> <a class="shareCount"></a> </div> <script type="text/javascript" … 继续阅读

发表在 WEB前端 | 标签为 , , , | 留下评论

14个酷炫的HTML5网站

HTML5 网站 http://weareeli.dk/ 特点:拖拽,滚轮,切换效果 http://az-trustee-sales.com/ 特点:简洁,切换效果 http://orangesprocket.com/ 特点:简洁,导航效果 http://www.worryfreelabs.com/ 特点:简洁,切换效果 http://www.pixelcriativo.com.br/ 特点:简洁,切换效果 http://www.l2ouro.com/ 特点:简洁,结构简单 http://www.dieselblackgold.com/ 特点:导航效果,切换效果 http://www.birrificioirpino.it/ 特点:滚轮,视觉差滚动 http://www.itosieceni.pl/ 特点:滚轮,视觉差滚动 http://abduzeedo.com/ 特点:滚轮,视觉差滚动 http://www.chaos.co.ke/ 特点:滚轮,视觉差滚动 http://panasonic.jp/lamdash/dna/ 特点:滚轮,视觉差滚动 http://dangelicoguitars.com/ 特点:滚轮,视觉差滚动 http://www.vacheron-constantin.com/en/metiers-d-art-florilege 特点:滚轮,视觉差滚动

发表在 WEB前端, 科技精品 | 标签为 , | 4 条评论

JS左右滑动图片,网页区域

js 左右滑动的图片基础原理。 main1 main2 效果

发表在 WEB前端 | 标签为 , | 留下评论

php post 提交json格式数据

最近发现php在发送一个POST json格式的请求的时候,以前的方法都不好用。什么sockt方法也不好用。(估计socket 方法肯定能封装出来的,一定是某些地方没弄对)。后来发现的确和以前的都不一样。网络资料也非常少。有了也是ajax 提交的方式。 以前的发送请求方式 php远程下载图片三种方法 高速下载图片的一种算法 $data = array("title" => "mcyuii", "content" => "365");   $data_string = json_encode($data);   $data_string = $messageBody; $url = "http://xxxxxxx:9346/hix/user/login"; $ch = curl_init($url); curl_setopt($ch,CURLOPT_CUSTOMREQUEST,"POST"); curl_setopt($ch,CURLOPT_POSTFIELDS,$data_string); curl_setopt($ch,CURLOPT_RETURNTRANSFER,true); curl_setopt($ch,CURLOPT_HTTPHEADER, array( ‘Content-Type: application/json’, ‘Content-Length: ‘ . strlen($data_string)) … 继续阅读

发表在 PHP, WEB前端 | 标签为 | 留下评论

FireFox调试网络请求组件 HttpRequester

HttpRequester是一个FireFox的插件,用来模拟POST,GET等浏览器一系列行为。如果你需要对接一些接口,那么先使用这个工具进行模拟可以大大节省开发的调试时间。 1.到FireFox里搜索附加组件 “HttpRequester” 2.工具栏启动 如下图所示。 左边为发起请求的参数,右边为请求返回的结果。 例子中简单模拟了get 百度首页的请求,返回了百度的网页内容。 小工具用起来很不错,以前每次都用java自己发起请求,很麻烦。有了这个就方便多了。

发表在 WEB前端 | 标签为 , | 一条评论

jQuery attr函数使用

attr 匹配一个元素的任意属性。 <html> <head> <script type="text/javascript" src="jquery-1.8.0.js"></script> <script type="text/javascript"> function jq(){ alert($("img").attr("tags")); } </script> </head>   <body> <img src="http://news.baidu.com/resource/img/logo_news_137_46.png" name="myimage" tags="baidu" /><br>       <a href="#" id="test" onClick="jq()">jQuery</a>   </body>   </html> 当然也可以匹配src alert($(“img”).attr(“src”)); attr函数还可以给一个属性赋值 $(“img”).attr(“alt”,”baidu logo2 Image”); 批量赋值 … 继续阅读

发表在 WEB前端 | 标签为 | 留下评论

jQuery 元素隐藏函数toggle

toggle 函数一个函数搞定以前写js里,if($(“x”).style.display==”block”){….}else{} 一个函数全部搞定。方便不少。函数还可以回调其他函数。 <html> <head> <script type="text/javascript" src="jquery-1.8.0.js"></script>   </head>   <body>   <script type="text/javascript"> function jq(){ alert("b"); } </script>     <img src="http://news.baidu.com/resource/img/logo_news_137_46.png" style="width:150px"/> <a href="#" onClick=’$("img").toggle("slow")’>jQuery1</a>   <hr> <div id=a1 style="width:200px;height:200px;background:blue;"></div> <a href="#" onClick=’$("#a1").toggle("normal",jq)’>jQuery2</a> </body>   </html> $(selector).toggle(speed,callback,switch) … 继续阅读

发表在 WEB前端 | 标签为 , | 留下评论

玩转Discuz门户功能

1.如何开启Discuz门户功能 进入后台点击全局——站点功能——功能模块——点击“门户”开启即可。 对应其他版本应该也差不多吧。 月小升采用的是Discuz! 2.5 UTF8版本开启门户功能方法 2.如何将门户设置为首页 点击 界面—–导航设置—-选择门户为首页 完毕。 3.如何换一个Discuz门户的首页模板 点击 界面——-风格管理—–获取更多风格 就可以安装现成的一些模板了。 Discuz功能还是蛮强大的,有人直接拿这套体系做了一个门户。

发表在 PHP, WEB前端 | 标签为 , | 留下评论