作者归档：VikinG

自己写的jquery tooltip插件 — vtooltip

发表于 由
回复

Update:version 1.3
这几天做了一个比较大的更新 现在使用插件不需要引入任何图片了 小三角由css完成渲染 添加了两种风格 dark.css light.css 根据您的需要引入对应的css就可以了


这个小玩意儿是完全是在我好好使用github的第一个产物 Demo页也是在github pages里面生成的 前几天公司正好有这个需求 所以我就在github里面好好写了一下

效果请看   DEMO

现在jquery的tipsy插件也很多了 我这个插件支持这些基础的功能

  1. 支持四个方向显示tipsy（top,bottom,left,right）
  2. 支持三种方式显示数据（normal，ajax，jsonp）
  3. 异步获取数据会缓存数据 不会再请求一次
  4. 计划添加几种css3样式 可以供大家切换（已经完成）
  5. 计划添加自适应功能 当页面距下边距离太短的时候 自动切换到上方

使用方法
下载以后将下面的两个文件添加进页面(jquery.vtip.js, style.css)（可以修改css文件来自定义）

参数说明

var settings = {
	//four postions,top left,right bottom
	position:'bottom',
	//three ways:normal or ajax or jsonp
	method:'normal',
	//when method is ajax or jsonp, you need a url
	url:'',
	//when you need a custom message
	desc:'',
	//custom width&height
	width:'auto',
	height:'auto'
}

使用方法

//直接显示链接的title
$('a').vtip();
//在右边显示自定义的信息
$('a').vtip({"desc":"Hey i am a custom tip","position":"right"});
//ajax方法 包含一个回调函数
$('#ajax').vtip({method:"ajax",url:"posts.php"},function(data,ele){
	//data代表服务器返回的数据 ele表示当前元素
	//code goes here

})

配置简单 中意的可以在这里fork

DOWNLOAD&FORK

How to set up a Github Pages?

发表于 由
回复

github有个特别实用的功能最近才知道，就是你在上面建立一个项目，他可以自动在上面按你的需要生成html页面，可以通过浏览器直接访问，原来我一些小东西的demo都是传到服务器上面，不仅麻烦 同步还是个问题，现在真是节省了我很多的时间。下面就是一个我项目自动生成的地址：

http://vikingmute.github.com/vtooltip/

下面我们就说说怎么样来生成  有两种方法 我推荐第二种直接用github提供的自动生成工具

将页面切换到你的项目首页 比如说https://github.com/vikingmute/vtooltip

 

然后点击这个admin按钮

然后勾选github pages的选项框

然后在弹出框里面点击 Automatic GitHub Page Generator

当这部分完成时 你就可以直接在浏览器里面看到你的页面了 这个就是地址格式http://{userid}.github.com/{project}

怎样修改这个页面的内容 只要在项目中checkout一个叫gh-pages的branch就可以了

$ cd Repos/ampere
$ git fetch origin
remote: Counting objects: 92, done.
remote: Compressing objects: 100% (63/63), done.
remote: Total 68 (delta 41), reused 0 (delta 0)
Unpacking objects: 100% (68/68), done.
From git@github.com:tekkub/ampere
* [new branch] gh-pages -> origin/gh-pages
$ git checkout -b gh-pages origin/gh-pages
Branch gh-pages set up to track remote branch refs/remotes/origin/gh-pages.
Switched to a new branch “gh-pages”

现在你只要提交gh—pages这个分支就可以变化你demo的内容

$ cd Repos/ampere
//可以在分支和主库中转换
$ git checkout master
$ git checkout gh-pages
//分支从主库更新（merge）
$ git merge gh-pages

更多帮助请看文档
git基本操作 branch和merge

Github pages文档

可怜又可悲

发表于 由
回复

今年的开头都没写总结 展望之类的  其实当时心里面已经打好一千字的腹稿 但是提笔发现半个字都搞不出来  其实几个字就可以概括 ”去年 经常傻逼 今年 继续傻逼“ 傻逼是我的特性 如果你发现我突然有一天油头滑脑 懂得聪明了 那我真的就不是我了。

技术上这几天还行 一直在学点东西 写点东西 看点东西，在github上写东西感觉挺好的。 写了一个mousetip的插件 写了一个自动加广告触发的程序 vbooks还是没有怎么动手 看了几篇好文章 包括Javascript秘密花园 http://bonsaiden.github.com/JavaScript-Garden/zh 记了笔记。

这几天无聊的时候和鬼哥一起看了电视剧 《北京爱情故事》 里面有个叫是石小猛的傻逼和我很像 丫总是一副有梦想的样子 觉得自己挺牛逼的 有着卑微而脆弱的自尊 但是偏偏找了个牛逼媳妇儿  隔三差五的因为钱的事情吃个醋 发个火。

前几天看猪蹄蹄的微博上写了一句

“世间有多少姑娘为了自己男人那点可怜又可悲的自尊心而假装无生活自理能力，假装不喜欢帅哥和名牌，假装文盲，假装一碰就高潮……真是委屈了你们。”

发现这和我很像  和大部分男人都挺像 心里面总共5平米 一句话就能占三平米  容不得别人 尤其是自己的老婆 亲戚 朋友比你强 一说到比你强的一点 就像嘴里吃了大粪似的  自尊心不能吃不能喝不能卖不能买 其实说白了还是钱的事 有钱了以后 驼背变挺直  阳痿变威猛 小四变姚明。

所以我还是多加淡定 打好篮球 努力学习+赚钱。  是的  这就是我2012年的计划

HTTP协议详解

发表于 由
回复

这几天要努力学习基础知识，在总结php curl的用法和ajax的基础的时候发现要好好总结一下http，在维基百科上把http协议好好看了看 http协议是www的基础，所以也肯定是web开发的最基础的东西，总结写在下面，有不太清楚的同学可以看看。

定义：超文本传输协议（HTTP，HyperText Transfer Protocol)是互联网上应用最为广泛的一种网络协议。所有的WWW文件都必须遵守这个标准。

工作流程：
HTTP是一个客户端和服务器端请求和应答的标准（TCP）。客户端是终端用户，服务器端是网站。通过使用Web浏览器、网络爬虫或者其它的工具，客户端发起一个到服务器上指定端口（默认端口为80）的HTTP请求。（我们称这个客户端）叫用户代理（user agent）。应答的服务器上存储着（一些）资源，比如HTML文件和图像。（我们称）这个应答服务器为源服务器（origin server）

http

curl http过程

继续阅读 →

PHP处理csv文件 以及处理中文会遇到的问题

发表于 由
回复

今天要处理一个excel文件 其实用php的一个库PHPexcel那个库就可以 但是我懒得还要下个库 就把excel先转换成csv，因为php里面有内置的函数可以直接支持csv，但是处理中文的时候会遇到乱码或者中文缺失的问题 下面这段源代码就显示怎样读取数据并怎样添加到数组中

//页面用utf-8输出 避免乱码
header('Content-Type: text/html; charset=utf-8');
//设置地区 解决中文缺失的问题
setlocale(LC_ALL,'zh_CN.utf8');
//打开csv文件
if (($handle = fopen("sichuan.csv", "r")) !== FALSE) {
	$ads = array();
	$id = 0;
    //处理数据
    while (($data = fgetcsv($handle,1000,",")) !== FALSE) {
    	$ads[$id]['id'] = $id;
    	$ads[$id]['name'] = $data[5];
    	$ads[$id]['pdps'] = '';
    	$id++;
    }
    //可以处理成json
    $str = json_encode($ads);
    echo $str;
    fclose($handle);
}