自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

chen_wen_xian的专栏

这些年,网站开发的那一些事

  • 博客(59)
  • 资源 (6)
  • 收藏
  • 关注

转载 获取浏览器可视区域宽度和高度 兼容主流浏览器

function fnGetWidthHeight() { var viewportwidth; var viewportheight; // 支持(mozilla/netscape/opera/chrome/IE7) if (typeof window.innerWidth != 'undefine

2013-08-29 14:48:56 882

翻译 条件注释判断浏览器

仅IE6可识别 条件注释判断浏览器 所有的IE可识别 除IE外都可识别 仅IE6可识别 IE6以下版本可识别 IE6以及IE6以上版本可识别 仅IE7可识别 IE7以下版本可识别 IE7以及IE7以上版本可识别 仅IE8可识别 仅IE9可识别

2013-07-25 22:52:56 765

原创 封装Cookie2

封装Cookie2window.onload=function(){//设置Cookiefunction setCookie(name, value, expiresDay){//name表示cookie的名称;value表示这个cookie的值;expiresDay表示这个cookie在几天后过期//encodeURIComponent()函数可把字符串作为 URI 组件进行

2013-06-12 00:30:21 570

原创 封装Cookie1

代码页面:封装Cookie1window.onload=function(){var CookieUtil={//所有名字和值都是经过URL编码的,所以必须使用encodeURIComponent来解码set:function(name, value, expires, path, domain, secure){//encodeURIComponent()

2013-06-11 23:28:23 498

原创 图片加载js--图片被动加载

Javascript实现的页面图片被动加载类,在使用前用1像素图像进行占位,并给img添加 自定义_src属性 ,当有图片进入可视区域内时,载入图片,提高页面载入速度,节省不必要的流量和连接数。主函数获取其他脚本注册到window上的onscroll和onresize事件,避免冲突。 本代码在IE6 firefox3.6 Firefox4.0 chrome opera 11.10中测试通过。被动加

2013-06-11 18:22:31 651

原创 js--文档碎片

文档碎片的作用:可以提高DOM操作性能(理论上),实际上不一定提高性能,反而降低性能。比如下面的两个页面进行比较:点击普通按钮和碎片按钮进行比较两个弹出的时间大小;时间越大说明性能越低;文档碎片--普通页面:无标题文档window.onload=function(){var oBtn=document.getElementById('bt

2013-06-10 15:55:35 887

原创 简单地封装一个className

封装className文档//封装className的function getByClass(oParent,sClass){   //oParent表示:父级元素,className表示:需要获得oParent(父级元素)里面的class类的类名为classNamevar aEle=oParent.getElementsByTagName('*');var aResu

2013-06-10 14:36:43 643

转载 事半功倍:你应该知道的HTML5五大特性

HTML5的诞生为Web App以及移动App开发带来了许多新鲜有趣的JavaScript与HTML API。本文将介绍5个能够让你事半功倍的HTML5特性。1. DNS PrefetchingDNS主机名解析有时会出现拖慢网站速度的问题。现代浏览器当遇到DNS解析时已经十分聪明——用户在跟随某个链接之前,浏览器先尝试解析域名再将其进行缓存。DNS Pref

2013-06-08 22:16:14 356

原创 全局变量是window的属性

1、全局变量是window的属性如var wen=12;alert(wen);//等价于alert(window.wen);特点:用一个不存在的变量会出错;但是用一个不存在的属性,会返回undefined值2、利用这个特点来解决浏览器的兼容性的问题:例如://1、创建Ajax对象var oAjax=null;if(window.XMLHttpReques

2013-06-08 15:35:08 1512

原创 封装一个ajax函数

异步获取abc.txt页面的内容在js页面function ajax(url,funSucc,funFaild){//1、创建Ajax对象var oAjax=null;if(window.XMLHttpRequest){oAjax=new XMLHttpRequest();}else{oAjax=new ActiveXObject("Micros

2013-06-07 23:33:21 1817

原创 json_encode — 对变量进行 JSON 编码

数据库结构:数据库的数据:index.php页面mysql_connect('localhost','root','');mysql_select_db('wen');mysql_query("set names utf8");$sql="select * from xian";$result=mysql_qu

2013-06-03 10:41:59 800

原创 select--查询语句

1、"select * from 表名称 where id=$id,name='$uerName'";2、"select id from 表名称 where id=$id";3、$sql="select AVG(vote) from 表名称 where id=$id";      $result=mysql_query($sql);      $row=mysql_fetch_ar

2013-06-02 22:55:07 620

原创 $.getJSON与$.each结合使用

$.getJSON与$.each结合使用:来获取json格式数据在HTML页面中:$.getJSON("ajax/rank_data.json",function(data){var con=null;var ranking=null;$.each(data,function(InfoIndex,Info){//InfoIndex表示索引;Info["nam

2013-06-02 21:58:50 1041

原创 驴途网--技术小结2

总结一下这个星期所做驴途网中的一些功能和效果:1)在用户空间页面中的日期归档效果网址:http://lvtu.gzittc.net/u/log.php(暂时没有数据)功能:(使用ajax+PHP)1、在打开页面加载时:会显示用户的当前年份的日记记录信息;2、当点击年左边的按钮时:会显示用户上一年的日记记录信息;3、当点击年右边的按钮时:会显示用户下一年的日记记录信息;

2013-06-02 21:02:02 862

转载 移动开发

就目前来说,移动开发算是比较流行的!一个大点的社交网站没有手机客户端,实在是说不过去!!我们公司最近就需要为公司的社区网络做个客户端!但是,移动开发的成本确实比较高,至少需要满足有IOS和Android客户端!而Android不同版本及分辨率的适配又是一个难度大的问题!对于公司实力小的,不可能请专职的IOS工程师和Android开发工程师!我本人也仅熟悉于PHP的开发!(仅有的an

2013-05-25 22:21:02 1679 3

翻译 onhashchange事件

onhashchange事件:是一个新的事件,改事件在location.hash发生改变的时候触发。FF3.6a2, IE 8, Chrome 4.0.206.1均支持该事件。该事件在ajax无刷新页面提交中,能带来更好的用户体验。window.location.hash属性介绍:location是javascript里边管理地址栏的内置对象,比如location.href就管理页

2013-05-25 21:30:44 5496

翻译 progress--状态交互元素

描述:是HTML5中新增的状态交互元素,用来表示页面中的某个任务完成的进度(进程);代码如下:开始下载var intValue=0;var intTimer;var objPro=document.getElementById('proDownFile');var objTip=document.getElementById('pTip');//定时事件

2013-05-25 21:04:51 734

原创 驴途网--技术小结1

总结一下这个星期我所完成的一些功能:效果网址:http://lvtu.gzittc.net/s/?q=%E7%99%BD%E4%BA%91%E5%B1%B11)为每个景点投票:功能:(使用ajax+PHP+cookie)1、鼠标移到星星上时,在右边会显示表示当前星所代表的含义;2、在没有投票的情况下,它会以黄色星星来显示数据库中本景点投票的平均数(整数);3、当点击

2013-05-24 23:19:38 1215

转载 -webkit-tap-highlight-color

-webkit-tap-highlight-color是苹果手持设备的浏览器属性,这个属性只用于iOS(iPhone和iPad);意思是:点击它,它就会出现一个半透明的灰色背景。webkit是苹果浏览器引擎,tap点击,highlight背景高亮,color颜色,颜色用数值调节。当你点击一个链接或者经由过程js定义的可点击元素的时辰,就会呈现一个半透明的灰色靠山。当然若是想要禁用高亮,设置色彩

2013-05-16 10:54:04 1105

less.js-windows

Less2Css插件依赖lessc这个工具,在windows下可以下载或者用git clone less.js-windows 到本地目录。然后把目录地址加入到环境变量PATH的中,如D:\open\less.js-windows: 设置环境变量.... 详细用法:请访问我的博客。 http://www.chenwenxian.cn/index.php/article/details/163

2016-01-27

Sublime Text_v2.02包含中文包以及使用方法

Sublime Text_v2.02包含中文包以及使用方法

2016-01-24

node-v4.2.3-x64.msi

grunt支持的node最高版本。node-v4.2.3-x64.msi,grunt 已经不支持5.5版本的node了。

2016-01-24

简单的PHP增、删、查、改

一天就学会php增、删、查、改的简单应用

2013-03-29

图片拖拽效果

这是应用jquery写的一个网页特效(重要的代码都有详细注释,含有jquery-1.8.2.min.js库):图片在浏览器中可以随意的拖拽,放在浏览器的任意位置。

2012-12-04

图片提示效果

这是应用jquery写的一个网页特效(重要的代码都有详细注释,含有jquery-1.7.2.js库):当鼠标在小图中移动时就会触发事件,淡出大图,而且大图随着鼠标在小图中移动也会有相应的移动;当鼠标移出小图时,大图就会隐藏。

2012-11-24

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除