04 2014 档案

基于Jquery+Ajax+Json实现分页显示
摘要：1.后台action产生json数据。 List blackList = blackService.getBlackInfoList(mobileNum, gatewayid, startDate, endDate);int totalRows = blackList.size();StringBuffer sb = new StringBuffer(); sb.appen... 阅读全文
posted @ 2014-04-13 21:51 ヤTop灬ヽ 阅读(1022) 评论(0) 推荐(0)
绕过图片防盗链的方法_实测可用
摘要：http://cdn.archdaily.net/wp-content/uploads/2011/06/1309476244-elicium-rai-01-528x351.jpg 假设这是一张防盗链的图片，直接打开时无法显示真实图片（除chrome浏览器外），而下面是两种破解的方法： 1. 使用iframe的方法2. curl的方法 用法：http://your-domain-name/showpic.php?url=image_urlshowpic.php文件代码如下：'image/gif', 'jpeg'=>'image/jpeg', 阅读全文
posted @ 2014-04-12 01:24 ヤTop灬ヽ 阅读(941) 评论(0) 推荐(0)
百度的一个Ajax跨域方法 JavaScript是没有域的限制
摘要：baidu的通行证处理都是在二级域名passport.baidu.com中处理的，但是baidu很多地方登录都好像是用ajax处理的，他是怎么做的呢？研究了一下，发现一个小技巧。在http://zhidao.baidu.com/ 未登录用户回答问题时会用iframe调用http://zhidao.baidu.com/userlogin.html，userlogin.html 有下面的 javascript：我们可以看到request方法处理异步请求使用动态往head中添加script而不是用xmlhttp发送get请求。妙就妙在这。我们知道调用javascript是没有域的限制的。当加载完成时 阅读全文
posted @ 2014-04-11 11:23 ヤTop灬ヽ 阅读(266) 评论(0) 推荐(0)
你知道HTML标签设计的本意吗？ 把HTML标签用到该用的地方去
摘要：“DIV+CSS”这个词汇不知道害了多少人，也许其提出者本意并没有错，但是跟风者从表现曲解了其意思，认为整个页面就应当是DIV+CSS文件的组合。这样做，对于视觉上并没有什么影响，因为还原了之前设计的页面效果图，但如果这种HTML文档交给机器（例如蜘蛛）去分析，它可能根本找不到重点，你整个页面对它来说，就如同一个白蚁窝，它第一件要做的事情可能就是把这些相同的东西给去掉，然后再做内容的筛选。 搜索... 阅读全文
posted @ 2014-04-11 11:19 ヤTop灬ヽ 阅读(172) 评论(0) 推荐(0)
CSS让图片垂直居中的几种技巧 三种方法介绍
摘要：在网页设计过程中，有时候会希望图片垂直居中的情况。而且，需要垂直居中的图片的高度也不确定，这就会给页面的布局带来一定的挑战。下面总结了一下，曾经使用过的几种方法来使图片垂直居中，除了第一种方法只限于标准浏览器外，另外两种方法的兼容性还不错。 方法一 将外部容器的显示模式设置成display:table，这个设置的意思不用多说了吧… img标签外部再嵌套一个span标签，并设置span的显示模式... 阅读全文
posted @ 2014-04-11 10:43 ヤTop灬ヽ 阅读(487) 评论(0) 推荐(0)
IE 6最小最大宽度与高度的写法
摘要：最小最大宽度，最小最大高度，这是CSS很常见的一个要求。在现代浏览器中，一个 min-height，min-width 就可以解决问题，但是在IE系列，比如IE6则比较繁琐一点。下面总结一些IE 6下的最小最大宽度与高度的一些写法。 IE6最小最大宽度： .min-width { min-width:600px; _width:expression(document.b... 阅读全文
posted @ 2014-04-11 10:21 ヤTop灬ヽ 阅读(208) 评论(0) 推荐(0)
使用CSS3线性渐变实现图片闪光划过效果
摘要：在百度音乐 http://music.baidu.com/ 看到这么一个图片效果，当鼠标移上去的时候，会有一道闪光在图片上划过，效果挺酷炫的。于是把这个效果再实现一下： 这个 CSS3 的效果怎么实现呢？ HTML 设计成这样： CSS 为： .overimg{ position: relative; display: ... 阅读全文
posted @ 2014-04-11 10:05 ヤTop灬ヽ 阅读(168) 评论(0) 推荐(0)
分享29个超赞的响应式Web设计
摘要：原文自：http://www.csdn.net/article/2013-01-16/2813678-responsive-design-websites最近几年，响应式Web设计不断印入人们眼帘，几乎每个人都在讨论响应式设计。如今，各个企业都在积极拥抱响应式设计作为未来的发展趋势。此外，越 来越多的网站如雨后春笋般层出不穷，如何做到适应每一台设备呢？我们一起来看下这些最新的、智能的且时尚的响应式布局，兴许能为你开发网站带来一丝灵感。 文中分享的这些网站来自不同的企业，涉及范围比较广比如，教育类、新闻类、电子商务类，所有的这些网站都有一个共同点即：强大的响应式设计。1. BBC 作为全球最大. 阅读全文
posted @ 2014-04-11 00:47 ヤTop灬ヽ 阅读(260) 评论(0) 推荐(0)
css初始化代码方案
摘要：css初始化代码方案 为了消除各浏览器对css默认的设置，保持网页在各浏览器中的外观保持一致，初始化css就显得非常必要了！很多时候出现的样式不兼容问题，都可以通过css初始化代码来解决。下面列举常用的一些方案：1.最耗资源的，最简单的* { padding: 0; margin: 0; border: 0; } 2.选择性初始化举例（综合）body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,legend,buttonform,fieldset,input,textarea,p,blockquote,th,td { paddin... 阅读全文
posted @ 2014-04-11 00:26 ヤTop灬ヽ 阅读(265) 评论(0) 推荐(1)
盗链网易163、腾讯QQ、新浪sina、百度Baidu的图片之PHP独立版
摘要：网易相册频道，网易相册确实是一个高质量图片的地方，而且免费，唯一缺点是很多加了水印，但这个不重要了，无意间发现网易163相册频道的图片是防止盗链的，于是便自己写了一个小程序来突破这个。 本盗链图片最新程序相对其他版本的程序很比较大的优势（我个人注重质量和安全）。【优势】1、独立安装版，安装很简单，下载后简单配置即可使用（配置主要是安全方面的）2、读取图片机制完善，每种错误都有对应的错误图片显示3、安全性高，杜绝了PHP的安全漏洞，防止通过程序访问本站资源，保护其他应用和服务器安全=====================================原版图片链接，未启用盗链，一般情况网友只能 阅读全文
posted @ 2014-04-09 10:01 ヤTop灬ヽ 阅读(765) 评论(0) 推荐(1)
AJAX 跨域请求 - JSONP获取JSON数据
摘要：Asynchronous JavaScript and XML (Ajax ) 是驱动新一代 Web 站点（流行术语为 Web 2.0 站点）的关键技术。Ajax 允许在不干扰 Web 应用程序的显示和行为的情况下在后台进行数据检索。使用 XMLHttpRequest 函数获取数据，它是一种 API，允许客户端 JavaScript 通过 HTTP 连接到远程服务器。Ajax 也是许多 mashup 的驱动力，它可将来自多个地方的内容集成为单一 Web 应用程序。不过，由于受到浏览器的限制，该方法不允许跨域通信。如果尝试从不同的域请求数据，会出现安全错误。如果能控制数 据驻留的远程服务器并且每 阅读全文
posted @ 2014-04-08 16:38 ヤTop灬ヽ 阅读(293) 评论(0) 推荐(0)
JQuery jsonp使用小记
摘要：在一个不支持PHP的主机上，需要对某些页面做访问统计。我的方案是在静态的HTML页面上，用JSONP向能够执行PHP的主机进行跨域请求，从而使用PHP解决这个访问量统计问题。在服务器端，PHP页面返回的JSONP格式应该是这样的：而静态HTML发起请求的代码可以参考下面：通用方法：// 初始化数据，同一个cookie一分钟的访问量都算一次function init_count(pageType, id){ var j = null; $.ajax({ type: "get", //使用get方法访问后台 dataType: "jsonp", //返回js 阅读全文
posted @ 2014-04-08 14:21 ヤTop灬ヽ 阅读(218) 评论(0) 推荐(0)
JQuery select控件的相关操作
摘要：JQuery获取和设置Select选项方法汇总如下：获取select先看看下面代码：$("#select_id").change(function(){//code...}); //为Select添加事件，当选择其中一项时触发var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Textvar checkValue=$("#select_id").val(); //获取Select选择的Valuevar checkInd 阅读全文
posted @ 2014-04-08 14:11 ヤTop灬ヽ 阅读(153) 评论(0) 推荐(0)
使用$.getJSON实现跨域ajax请求
摘要：jQuery中常用getJSON来调用并获取远程的JSON字符串，将其转换为JSON对象，如果成功，则执行回调函数。原型如下：jQuery.getJSON( url, [data], [callback] ) 跨域加载JSON数据。url: 发送请求的地址data : (可选) 待发送key/value参数callback: (可选) 载入成功时的回调函数主要用于客户端获取服务器JSON数据。简单示例：服务器脚本，返回JSON数据：// $.getJSON.php$arr=array("name"=>"zhangsan", "age&qu 阅读全文
posted @ 2014-04-08 13:31 ヤTop灬ヽ 阅读(521) 评论(0) 推荐(0)
JQuery解析XML数据的几个例子
摘要：用JavaScript解析XML数据是常见的编程任务，JavaScript能做的，JQuery当然也能做。下面我们来总结几个使用JQuery解析XML的例子。第一种方案： 第二种方案： 一般步骤如下：1. 读取xml文件$.get("xmlfile.xml",function(xml){ //xml即为可以读取使用的内容，具体读取见第2点});2. 读取xml内容如果读取的xml是来于xml文件，这结合上面的那点，处理如下：$.get("xmlfile.xml",function(xml){ ... 阅读全文
posted @ 2014-04-08 13:20 ヤTop灬ヽ 阅读(174) 评论(0) 推荐(0)
QQ空间API接口
摘要：（以下内容可能会随着时间改变而改变！）查看对方QQ空间的背景音乐http://qzone-music.qq.com/fcg-bin/cgi_playlist_xml.fcg?json=0&uin=QQ号码json=1 为使用json json=0 为XML--------------------------------------------------------------------------------------------------------------------------------------------------------获取对方指定相册里面所有相片的列 阅读全文
posted @ 2014-04-08 13:01 ヤTop灬ヽ 阅读(3018) 评论(0) 推荐(0)
用Web Picasa API搭建站内相册
摘要：在flickr时代，为了专门把站内嵌入相册，还专门写了一篇文章把Flickr相册搬回家。flickr被墙之后，我就把个人相册转到了Web Picasa上。用Picasa Web就简单多了，官方提供了Slideshow Flash，而且形式也比较漂亮，阅微堂之前也是用这样的方式，不过这种方法麻烦的一点是在Picasa上添加相册，就要手动到blog这边更新一次。这两天看到了Web Picasa API，感觉这玩意儿的功能太强了，完全可以做一个Picasa的站内镜像版。最后的效果见阅微堂相册。更令人惊讶的是，这种效果完全是javascript（JSON API）实现的（虽然我觉得如果在后台用php实 阅读全文
posted @ 2014-04-08 11:14 ヤTop灬ヽ 阅读(251) 评论(0) 推荐(0)
两列等高布局效果
摘要：一个CSS布局的实例，等高的两个左右Div，很多时候，我们都需要两列等高，那怕其中一个是自适应高度呢。如例子所示，只要你按代码的方法去做了，不管有多少列，它都会以左边列为标准，自动适应高度，而且在兼容性方面，似乎做的也不错的。CSS特效-两列等高布局效果 这里是我的网站的头部 我也可以有背景色 不管有几个我，右边看起来总是和左边一样高 ... 阅读全文
posted @ 2014-04-07 14:56 ヤTop灬ヽ 阅读(349) 评论(0) 推荐(0)
常见系统中文字体的英文名
摘要：因为神奇的中文有时也是会遇到国外同学都不知道原因导致一些神奇滴问题，所以要用更神奇的英文来解决问题。Mac OS的一些：华文细黑：STHeiti Light [STXihei]华文黑体：STHeiti华文楷体：STKaiti华文宋体：STSong华文仿宋：STFangsong儷黑 Pro：LiHei Pro Medium儷宋 Pro：LiSong Pro Light標楷體：BiauKai蘋果儷中黑：Apple LiGothic Medium蘋果儷細宋：Apple LiSung LightWindows的一些：新細明體：PMingLiU細明體：MingLiU標楷體：DFKai-SB黑体：SimH 阅读全文
posted @ 2014-04-06 23:55 ヤTop灬ヽ 阅读(584) 评论(0) 推荐(0)
谷歌制图服务(Google Chart)接口生成二维码
摘要：Google公布了制图服务（Google Chart）的接口，这项服务用起来相当简单，只使用浏览器就可以用来为统计数据自动生成图片。目前谷歌制图服务提供折线图、条状图、饼图、Venn图、散点图、二维码图等。下面我们来看下如何使用这个简单的服务来生成二维码。接口地址 http://chart.apis.google.com/chart?chs=宽高值x宽高值&cht=qr&chld=等级|边距&chl=内容参数说明：宽高值：生成二维码尺寸，单位是像素，目前生成的二维码都是正方形的，所以两个宽高值都设置为一样的值等级：四个等级，L-默认：可以识别已损失的7%的数据；M-可以 阅读全文
posted @ 2014-04-03 22:42 ヤTop灬ヽ 阅读(933) 评论(0) 推荐(0)
4种检测是否支持HTML5的方法，你知道几个？
摘要：4种检测是否支持HTML5的方法，你知道几个？1，检查特定的属性是否存在于全局的对象里面，比如说window或navigator.比如geolocation，它是HTML5新加支持的新特性；它是由HTML5工作组以外的Geolocation工作组制定的。要检查浏览器是否支持它可以用一下方法。function supports_geolocation() { return !!navigator.geolocation;}2，创建一个元素，检查特定的属性是否存在。如检查是否支持Canvas.function supports_canvas() { return !!document.create 阅读全文
posted @ 2014-04-03 22:35 ヤTop灬ヽ 阅读(527) 评论(0) 推荐(0)
JS生成二维码，支持中文字符
摘要：一、使用jquery-qrcode生成二维码先简单说一下jquery-qrcode，这个开源的三方库（可以从https://github.com/jeromeetienne/jquery-qrcode 获取），qrcode.js 是实现二维码数据计算的核心类，jquery.qrcode.js 是把它用jquery方式封装起来的，用它来实现图形渲染，其实就是画图（支持canvas和table两种方式）支持的功能主要有：text : "https://github.com/jeromeetienne/jquery-qrcode" //设置二维码内容 render : " 阅读全文
posted @ 2014-04-03 21:58 ヤTop灬ヽ 阅读(834) 评论(0) 推荐(0)
js时间戳转为日期格式
摘要：转自：http://wyoojune.blog.163.com/blog/static/57093325201131193650725/这个在php+mssql(日期类型为datetime)+ajax的时候才能用到，js需要把时间戳转为为普通格式，一般的情况下可能用不到 弹出：2010年12月23日 10:53也可以用： 如果想弹出：2010-10-20 10:00:00这个格式的也好办 1 function formatDate(now) { 2 var year=now.getYear(); 3 ... 阅读全文
posted @ 2014-04-02 12:13 ヤTop灬ヽ 阅读(251) 评论(0) 推荐(0)
jsonp是什么以及jsonp的使用
摘要：1概述Jsonp(JSON with Padding)是资料格式 json 的一种“使用模式”，可以让网页从别的网域获取资料。由于同源策略，一般来说位于 server1.example.com 的网页无法与不是 server1.example.com的服务器沟通，而 HTML 的2. 在客户端写callbackFunction函数的实现3. 页面展示4. 最终Page Code Top Customers with Callback 3体现JQuery下：1、$.getJSON$(document).ready(function() { $.getJSON("... 阅读全文
posted @ 2014-04-02 09:15 ヤTop灬ヽ 阅读(376) 评论(0) 推荐(0)