分类：WEB开发

2015
02-08

Web开发中最致命的8个小错误 HOT

现在，有越来越多所谓的“教程”来帮助我们提高网站的易用性。本文收集了一些在Web开发中容易出错和被忽略的小问题，并且提供了参考的解决方案，以便于帮助Web开发者更好的完善网站。通过避免下面这些小错误，可以使得我们的网站变得更为友好。错误1：表单的label标签跟表单字段没有关联利用“for”属性允许用户单击label也可以选中表单中的内容。这可以扩大复选框和单选框的点击区域，非常实用。错误2：logo图片没有链接到... 继续阅读 >
2015
02-07

专为控制打印设计的CSS样式 HOT

大多数Web设计师对打印控制还不是很熟悉，他们往往更迷恋像素，而不是打印机。在现实世界中，很多人依赖从网站上打印网页来参考：在这个数字时代,在一些特殊的场合，很多人手中还会拿着纸张。Web开发人员可以采取一些措施来弥补打印机和液晶屏之间的差距。为打印机而不是屏幕设计的样式/*样式将只应用于打印*/@mediaprint{}注＊也可通单独的CSS文件,设置link的media="print"属性来指定此样式专用于打印<l... 继续阅读 >
2015
02-06

Javascript高性能动画与页面渲染

NosetTimeout,NosetInterval如果你不得不使用setTimeout或者setInterval来实现动画，那么原因只能是你需要精确的控制动画。但我认为至少在现在这个时间点，高级浏览器、甚至手机浏览器的普及程度足够让你有理由有条件在实现动画时使用更高效的方式。什么是高效页面是每一帧变化都是系统绘制出来的(GPU或者CPU)。但这种绘制又和PC游戏的绘制不同，它的最高绘制频率受限于显示器的刷新频率(而非显卡)，所以大多数情况下最高的... 继续阅读 >
2015
02-05

优化网站加载速度的14个技巧 HOT

优化了加载速度的网站不仅可以提高其搜索引擎的排名，同时也可以降低网站的跳出率，提高其转换率，还能提供更好的终端用户体验，这是当今基于Web环境取得成功的关键。下面我将介绍几个优化网站加载网页速度的简单方法，一起来看一下。1.服务器响应时间即使网站已经格外优化，但是除非服务器响应时间非常快，否则就不会有什么大的效果。当涉及到提高网站的速度，服务器响应时间起着重要的作用。下面是一些提高服务器响应时间的... 继续阅读 >
2015
02-04

提升Web性能的8个技巧总结 HOT

在互联网盛行的今天，越来越多的在线用户希望得到安全可靠并且快速的访问体验。针对Web网页过于膨胀以及第三脚本蚕食流量等问题，Radware向网站运营人员提出以下改进建议，帮助他们为用户提供最快最优质的访问体验。1.管理“页面膨胀”页面大小与性能有着密切的关系。Radware最新电商性能“行业现状”报告显示，100强电商页面大小中位数达到了1492KB，比一年半之前增大了48%。在研究报告里加载最快的10个页面中，页面包含的... 继续阅读 >
2015
02-04

HTML5应用程序缓存Application Cache详解

什么是ApplicationCacheHTML5引入了应用程序缓存技术，意味着web应用可进行缓存，并在没有网络的情况下使用，通过创建cachemanifest文件，可以轻松的创建离线应用。ApplicationCache带来的三个优势是：①离线浏览②提升页面载入速度③降低服务器压力而且主要浏览器皆以支持ApplicationCache，就算不支持也不会对程序造成什么影响离线存储技术HTML5提出了两大离线存储技术：localstorage与ApplicationCache，两者各... 继续阅读 >
2015
02-02

PHP通过气象局开放API查询指定城市（区县）天气

具体应用说不上，写这个功能纯粹为了好玩，可能在网站的小挂件里没准能用上这样的功能，或者一些生活类网站比较适用，在正式进入本话题之前，必须要通过PHP将JSON格式省市（区）二级数据插入数据库，才能进行接下来的天气查询操作，所谓巧妇难为无米之炊，斯理也。在完成省市信息入库之后，理一下实现思路：前台通过搜索框执行ajax请求，后台根据城市名称查询城市编码，然后通过城市编码组装成API接口获取该城市天气信息，返回到... 继续阅读 >
2015
02-02

即将推出的CSS4 Level 4 Selectors(第4级选择器) 推荐

注*CSS4草案发布了。是时侯学习一些新的CSS，不是吗？我们都习惯去学一个又一个的新前端框架，但是我们常常忘记了，作为我们每天使用的网络核心语言CSS本身也在不断地推出一些新功能。W3C编辑草案从1月15日的CSSSelectorsLevel4draft草案描述了一次CSS的飞跃。在我们开始之前，你应该知道：本文中的CSS，很多都无法在浏览器中工作。即使是最新的浏览器。这是因为，它们还是一些草案-处于起草... 继续阅读 >
2015
01-31

一个PHP简单文件缓存类

缓存的工作原理缓存的工作原理其实并不复杂。它的核心思想是：首先，我们将需要显示的内容存储在一个文本文件（即缓存文件）之中。然后，如果有用户请求某个页面的内容，我们首先检查此页对应的缓存（即那个文本文件）是否存在——如果存在且为最新的缓存文件，那么直接将这个文本文件中的内容输出到客户端供用户查看；如果此页对应的缓存文件不存在或缓存生成的时间不符合要求（太旧），那么直接执行一次此页对应的PHP文件，并... 继续阅读 >
2015
01-30

PHP汉字转换为拼音的类

很多时候，我们需要实现把中文直接转换成拼音的功能，比如“中华人民共和国”，我们要把它转化成“zhonghuarenmingongheguo”，那该怎么转批呢？用下面这个类就很好操作了，目前该类支持GB2312和UTF-8编码，但值得注意的是文件的编码必须与转化的编码一致，不然会产生错误，这个问题以后有机会再完善。<?phpfunctionPinyin($_String,$_Code='gb2312'){$_DataKey=... 继续阅读 >
2015
01-30

PHP采集远程图片保存本地 HOT

/***下载远程图片到本地**@param$urlstring远程文件地址*@param$filenamestring保存后的文件名（为空时则为随机生成的文件名，否则为原文件名）*@param$fileTypearray允许的文件类型*@param$dirNamestring文件保存的路径（路径其余部分根据时间系统自动生成）*@param$typeint远程获取文件的方式*@returnjson返回文件名、文件的保存路径*@authorwww.phpxs.com*/functiondownload_image($url,... 继续阅读 >
2015
01-30

使用Google Chart API生成二维码以及制作点子名片

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><title>使用gogglechartapi生成二维码</title></head><body><?php/***功能：使用gogglechartapi生成二维码**$chl二维码的数据*$sideLength二维码的尺寸*... 继续阅读 >
2015
01-30

Java读取Excel的方法，解析xls、xlsx两种格式

importjava.io.FileInputStream;importjava.io.FileNotFoundException;importjava.io.IOException;importjava.io.InputStream;importjava.util.Date;importjava.util.HashMap;importjava.util.Map;importorg.apache.poi.hssf.usermodel.HSSFWorkbook;importorg.apache.poi.ss.usermodel.Cell;importorg.apache.poi.ss.usermodel.DateUtil;importorg.apache.poi.ss.usermodel.Row;importorg.apache.poi.ss.usermodel.Sh... 继续阅读 >
2015
01-30

PHP通过淘宝API接口查询客户端地址

<?php/*通过淘宝API接口查询客户端地址调用淘宝的API接口http://ip.taobao.com/service/getIpInfo.php?ip=ip地址*/$ip=get_ip_data();functionget_ip_data(){$ip=file_get_contents("http://ip.taobao.com/service/getIpInfo.php?ip=".get_client_ip());$ip=json_decode($ip);if($ip->code){returnfalse;}$data=(array)$ip->data;return$data;}//取客户端ipfunctionget_client_ip(){if(isset($_SERVE... 继续阅读 >
2015
01-30

PHP图片加水印类，支持文字水印、透明度设置、自定义水印类

<?php/**Version:1.0*Author:River*URL:http://www.phpxs.com/*//** *图片加水印类，支持文字水印、透明度设置、自定义水印位置等。 *使用示例： *   $obj=newWaterMask($imgFileName);//实例化对象 *   $obj->$waterType=1;//类型：0为文字水印、1为图片水印 *   $obj->$transparent=45;//水印透明度 * ... 继续阅读 >