自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

  • 博客(55)
  • 资源 (3)
  • 收藏
  • 关注

原创 使用kulor快速构建开放WEB应用

kulor提供一个快速构建开放环境流程的工具,通过它,可以实现快速的模块开发web/wap应用kulor基于nodejs git npm grunt进行工作,采用jade作为开发html模版引擎,支持实时构建/上线构建kulor介绍安装kulor支持,请确保开发机已安装git nodejs npm grunt安装kulor  :在开放目录中  命令行方式运行

2015-06-05 15:39:28 534

原创 casync.js RIA快速构建开发

casync.js RIA快速构建开发

2014-06-04 11:13:06 672

转载 apache htaccess重写

伪静态RewriteRule ^(article)-([0-9]+)\.htm$  $1.php\?id=$2根据IP阻止用户访问order allow,denydeny from 127.0.0.1allow from allRedirects 转向Redirect /article.php http://www.baidu.com防止.htaccess文

2013-12-17 18:30:24 796

原创 twitter 水洼题 JS版

function E( x ){console.log(x);};*{border: 0px; margin: 0px; padding:0px;}.main{width:80%; height:600px; margin:0px auto; position: relative;}.main .cell{width:10%; height:10%; border:1px solid

2013-11-06 19:12:42 742

原创 RIA开发一些技巧

RIA开发 作为一个单页面应用的开发 解决RIA的性能陷阱是一件非常重要的事情   下面的一些性能陷阱总结,是小弟自己在项目中摸索的,这里权作抛砖引玉欢迎各位大神吐槽1.页面html代码过多 很多人认为html代码过多后 寻找某个dom对象 将极大的影响浏览器性能,这个有个小技巧:一旦一个模块级别的dom对象被创建后,赋予它一个索引,类似c中的指针,将它放置于全

2013-06-02 12:52:46 665

原创 RIA开发

最近一个多月 一直都在为公司写一个模块化的前端管理器主要目的在于 1.减少带宽2.减少项目的复杂度3.提炼常用功能模块(这点有点类似于插件)4.方便开发人员的职责分配(每位开发人员自己负责自己的模块、对外仅提供API,各模块之间高度独立)5.方便日后拓展(基于模块高度独立)6.每个模块的html代码 JS代码 集中   模块之间不会串联  方便后天修改  同时每个模块内

2013-03-31 13:28:01 870

原创 ubuntu下hadoop搭建

参考:http://fuliang.iteye.com/blog/562396install java:JAVA相信大家都很熟悉了。下面就来看一下Ubuntu 12.04 怎样安装java 7。做好准备工作,首先,需要删除OpenJDK。  sudo apt-get purge openjdk*  安装oracle java 7,打开终端运行下面的命令:

2013-02-06 10:28:16 446

原创 linux架设WEB开发环境

关键词: apache2 mongodb php5 samba ssh 最近 小弟尝试了下载Linux下的开发环境架设    Linux指令真心强大  让在windows下的环境架设变得更加简单 下面会进行一些简单的流程介绍(我这里使用的是ubuntu)  仅供和我一样的新人菜鸟分享一下 前期的网络连接就不提了 进入命令行(ctrl + alt + T):     首先进行

2013-02-01 11:40:44 2247

原创 linux架设WEB开发环境

关键词: apache2 mongodb php5 samba ssh 最近 小弟尝试了下载Linux下的开发环境架设    Linux指令真心强大  让在windows下的环境架设变得更加简单 下面会进行一些简单的流程介绍(我这里使用的是ubuntu)  仅供和我一样的新人菜鸟分享一下 前期的网络连接就不提了 进入命令行(ctrl + alt + T):     首先进行

2013-02-01 11:39:20 250

原创 海量操作下的js编码规范

最近公司的很多项目都涉及到了海量操作  之前说好的插件基本上都趴了无奈只好自己动手写了(别问我 为什么不用类似分页之类的方法解决,客户说不行)解决了3处:图片相册   树形插件  缩略图以树形插件为例   来和大家探讨下  海量操作下的JS编码web上的树形插件不少  之前也写过几个  很简单  但是在以10W个子节点的加载情况下  运行的效果确实很糟糕(另外  我会告诉你

2013-01-02 22:15:10 877

原创 一些小函数

好久没写日志了一方面人懒  另一方面新公司只有中午一个半小时可以上网就抹杀了写日志的兴致。。。最近做了点自己的事情,写了不少自我感觉还有点用的JS小函数  当然都是基于JQ的就放出来   大神们给给意见   欢迎各种吐槽一。提供模板  彻底分离json  html  js var data = { img : "123.png"};var

2012-11-21 19:30:03 602

转载 JS一些常用的小函数

str为要去除空格的字符串:去除所有空格:   str   =   str.replace(/\s+/g,"");       去除两头空格:   str   =   str.replace(/^\s+|\s+$/g,"");去除左空格:str=str.replace( /^\s*/, '');去除右空格:str=str.replace(/(\s

2012-08-21 15:27:47 411

原创 JSONP跨域的一个例子

最近的项目碰到了跨域的问题。。。  之前有关于跨域一直研究得不是很深刻。。。刚好借这次机会,好好看了看。。。。    有看到JSONP的方法,例子如下:test.html代码:(这里只是做测试,以后可以使用php或者JSP  动态生成 ,这里就不多说了)cb({name:"hgfhhgfhgfhgfh",sex:"boy"}) //ps第二个页面:HTML代码:JS:functi

2012-08-06 15:16:30 2120

原创 php+ajax的一个实例

下午无聊刚好最近新近的公司 要求用PHP   就开始回顾回顾php的内容。。顺手写了个实例。。。很简单  完全够不上聊天室级别。。。。  只是代码思路在这里。。。最近这2周要捡PHP了。。。。 大二看了会儿。。。。都快过去2年了。。。。。。时间真是快呀。大家都一起努力吧!地址在我上传的资源里:http://download.csdn.net/detail/nih

2012-07-27 14:50:46 506

原创 AJAX+JSON 总结(一)

最近的项目 json ajax用得比较多。。。写写一些要注意的小地方。。或者有可能会用到的解决方法。一个一个来:JSON问题:多层JSON嵌套    解决办法如下  result为jsonvar _result = eval('('+result+')');var _data=new Array();for(var item in _result) _data.push(_

2012-07-20 12:21:26 613 1

原创 JQ 图片放大镜 样式插件

这个插件 在算法上未考量。。。  在局部展示方面有些出入。。回家后  我在改改。。。。  各位看官就放轻点喷啦。。。。/* CSS Document */body{background:#ffffff;}body,form,ul,ol,li,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,table,fieldset,hr,div{margin:0; paddi

2012-07-11 15:19:26 2146

原创 JQ_使用模板配合Json动态添加css样式

最近换了家公司发现新公司里的同事在做后台AJAX配合Json、时,经常将需要动态生成的css样式写在JS中,让代码的解读变得异常困难于是和组长谈论了下  写了个小JQ插件在HTML页面中 写入模板 后台JS动态根据模板内容嵌套数据即可:代码如下:Untitled Documenthtml,body,div,span,applet,object,ifr

2012-07-04 23:35:08 3116

原创 HTML5 Canvas简介(六)_简单版 捕鱼游戏

因为这里有涉及到图片路径问题。。就直接放文件了这节没什么新内容   主要是数组、对象的yingy

2012-06-26 17:04:23 259

原创 HTML5 Canvas简介(五)

@charset "utf-8"; /* CSS Document */ body{background:#fff;} body,form,ul,ol,li,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,table,fieldset,hr,div{margin:0; padding:0;} body, input,select,textarea{color:#000;

2012-06-26 10:45:05 183

原创 HTML5_canvas制作——仿WIN7下冒泡屏保

@charset "utf-8";/* CSS Document */body{background:url(images/img10.jpg) no-repeat fixed;}body,form,ul,ol,li,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,table,fieldset,hr,div{margin:0; padding:0;}body, input,sel

2012-06-25 10:35:43 2862

转载 Javascript数组及其操作

本文介绍如下几个方面的内容: 1.如何创建数组 2.如何对数组进行操作(添加,删除,读取) 3.数组常见方法和属性 如何创建一个数组,一般地根据初始化设定简单分为3种: 1.单纯创建数组: var arr=new Array(); 要点:用new关键字创建数组对象Array(),Array()对象是一个本地类,可以用new创建一个对象后使用 2.创建数组

2012-06-25 09:59:11 430

原创 HTML5 Canvas简介(三)_编写验证码

@charset "utf-8";/* CSS Document */body{background:url(images/img10.jpg) no-repeat fixed;}body,form,ul,ol,li,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,table,fieldset,hr,div{margin:0; padding:0;}body, input,sel

2012-06-21 11:04:17 3163

原创 HTML5 Canvas简介(三)__JS编写验证码

@charset "utf-8";/* CSS Document */body{background:url(images/img10.jpg) no-repeat fixed;}body,form,ul,ol,li,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,table,fieldset,hr,div{margin:0; padding:0;}body, input,sel

2012-06-21 11:02:50 213

原创 HTML5 Canvas简介(二)

//JQ引用 别忘了@charset "utf-8";/* CSS Document */body{background:#ffffff;}body,form,ul,ol,li,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,table,fieldset,hr,div{margin:0; padding:0;}body, input,select,textarea{colo

2012-06-20 15:14:04 1114

原创 下午无聊 写了个简单版本的验证插件 希望对想写插件的新人有帮助

$.fn.extend({ verify:function(_type,_str){ //_type表示验证类型:1.字符串长度(6-20) 2.有错误时报错字符串 var _error=false; var _length=[6,20]; var _obj=this; var _val=this.val(); tool={ check_special_notatio

2012-06-18 15:59:17 1380

原创 HTML5 Canvas简介(一)

页面代码:your browser does not support the canvas tag Canvas的使用 解析1.Canvas页面仅有2个属性 width和height并且为可选项,不过一起放在JS里定义应该也是个不错的选择 PS_1:如不指定width和height  将默认为300*150PS_2:虽然可以通过 CSS 来调整canvas的大小,但渲染

2012-06-14 11:32:55 1685

转载 JQ操作select项

jQuery获取Select元素,并选择的Text和Value: 1. $("#select_id").change(function(){//code...});   //为Select添加事件,当选择其中一项时触发 2. var checkText=$("#select_id").find("option:selected").text();  //获取Select选择的Text

2012-05-30 10:09:15 21425

转载 JS获取页面高宽

function getInfo() { var s = ""; s += " 网页可见区域宽:"+ document.body.clientWidth; s += " 网页可见区域高:"+ document.body.clientHeight; s += " 网页可见区域宽:"+ document.body.offsetWidth + " (包括边线和滚动条的宽)"; s

2012-05-04 09:37:55 1910

原创 IE6下的PNG图片透明

以前用PNG格式文件用得少   实在不得以必须做透明的时候  也用GIF格式最近看到个iepngfix  很强大的解决了PNG问题 下载地址:http://www.twinhelix.com/css/iepngfix/iepngfix.zip使用方法  大致翻译下:Follow these simple steps to add this to your page:

2012-04-19 10:57:47 116

原创 JQ下的ajax读取xml内容

XML内容: 王小虎 男 电脑游戏 张小凡 男 体育游戏 卓不凡 男 网球游戏html内容:Untitled Document改变输入框的内容(王、张、卓中任意)JS内容:$(document).ready(function(e) { $(":text").change(function

2012-04-12 09:39:12 2944 1

原创 JQ实现省份城市二级联动

上班无聊  随手写了个JQ的二级联动以后有用就复制了CSS部分:select{ margin-top:20px; width:275px; height:30px; padding:3px; text-align:center; font-size:14px; font-family:"微软雅黑"; float:left; margin-right:10px;

2012-04-09 10:26:05 52298

原创 JQ滑动幻灯片

网上找了好久的JQ滑动幻灯片的代码   都是高手写的 给了很多的参数    改起来用很简单  大家可以去看看 这个是我没事 自己写的   主要是练习几个函数的用法HTML部分:

2012-04-05 14:04:34 2433

原创 仿淘宝的图片放大镜

上班无聊  写了个简单的仿淘宝图片放大镜的问题  以后再碰到这类问题 直接复制好了html代码: CSS代码:*{ padding:0px; margin:0px; border:0px;}.all{ margin:0 auto; width:960px;

2012-03-30 11:12:37 5057 2

原创 JQ学习笔记4(补充)

JQ选择器的补充html: 地 区: 全部 卢湾区 徐汇区 静安区 长宁区 闵行区 浦东新区 黄浦区 普陀区 闸北

2012-03-30 09:04:55 692

原创 继承--开发规范 以及background的新认识

.top{ width:672px; height:34px; background:url(../images/0000.png) repeat-x; padding-top:3px; padding-left:3px; }.top h1{ width:128px; height:31px; padding-left:15px; padding-top:7px; font

2012-03-28 17:10:28 109

原创 JQ学习笔记3(补充)

JQ判断包含指定字符串的元素是否存在   并添加优酷视频。下面是代码:try{ if($(".detailgoods-right-one:contains('联想')").length>0){ $("#showflash div").append(""); }else if($(".detailgoods-right-one:cont

2012-03-23 09:33:57 1307

原创 JQ学习笔记2(补充)

最近写代码的时候常碰到的一些问题把具体的问题和 解决代码贴下:使用iframe多框架的一些方法:HTML部分 JQ部分var ifbrand=false;var ifprice=false;var ifsize=false;var ifCPUCount=false;var ifCPU=false;function urld(){ var

2012-03-22 11:18:14 812

原创 JQ学习笔记(补充)

关于$().get()        $().each(function(index){})  选择器的运用Untitled Document.divClass{ border:solid 1px #000000; width:350px; height:60px; background-color:#693; margin:10px; } //JQ引用$

2012-03-06 18:59:15 418

原创 .net学习笔记(一)

.net文件上传的代码:首先在页面上添加:1个fileupload控件1个Button1个Imageusing System;using System.Collections;using System.Configuration;using System.Data;using System.Linq;using System.Web;using System.W

2012-02-27 19:24:26 345

原创 .net学习笔记(一)

.net文件上传的代码:

2012-02-27 19:21:11 107

HTML5移动Web开发指南.pdf

HTML5移动Web开发指南.pdf; 好东西大家一起分享吧

2015-05-22

一个简单的php+ajax例子(聊天室)

一个简单的php+ajax例子(聊天室)

2012-07-27

强大的javascript特效

强大的javascript特效 有不下50个强大的javascript特效

2011-10-20

空空如也

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

TA关注的人

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