Await-放飞梦想

Just one last dance

Await — Tue, 17 Apr 2012 11:31:57 +0800

2012-04-17 -- Work it right tonight (0)
http://www.sarahc-media.ic.cz/Sarah%20Connor%20-%20Work%20It%20Right%20Tonight.mp3...
2012-04-10 -- EveryTime (0)
http://video.ycv-servers.com/media/audio/old/60607.mp3...
2008-10-12 -- 推荐一个在线音乐播放器——Wersling MusicBox (3)
Wersling MusicBox 是基于Flash技术开发的在线音乐播放器。目前拥有超过30GB,8000多首歌曲和音乐，并有专业的音乐编辑和网友即时更新，使音乐库不断的完善和更新；所有音乐的位速都...

Work it right tonight

Await — Tue, 17 Apr 2012 11:05:43 +0800

2012-04-17 -- Just one last dance (1)
http://media01.glog.cc:8088/100/DEB2F71C07996.mp3...
2012-04-10 -- EveryTime (0)
http://video.ycv-servers.com/media/audio/old/60607.mp3...
2008-10-12 -- 推荐一个在线音乐播放器——Wersling MusicBox (3)
Wersling MusicBox 是基于Flash技术开发的在线音乐播放器。目前拥有超过30GB,8000多首歌曲和音乐，并有专业的音乐编辑和网友即时更新，使音乐库不断的完善和更新；所有音乐的位速都...

T-ara : Lovey-Dovey

Await — Tue, 10 Apr 2012 15:57:33 +0800

随机日志

2009-07-07 -- 如何使你的CSS样式更易阅读? (15)
在做wordpress主题的时候，样式是最重要的一部分。作为主题的制作者，我们不但要考滤页面的还原完整度，还要一个重要的就是要让CSS阅读起来很容易。因为不管我们怎么尽力去做到完美，但每个人都想主题更...
2008-11-25 -- CSS清除浮动的一些方法 (6)
CSS的浮动为我们的布局带来了很大的好处，利用浮动我们可以很方便的写出各种版式。但浮动同时也带来很多问题；这些问题基本上都因为没有及时的或者在适当的位置清楚浮动。下面来说下常用的清除浮动方法： ...
2008-10-24 -- 推荐一个可爱的字体——方正喵呜体 (5)
方正喵呜体，特别适合用在卡通漫画上。点击下载字体 ...
2009-11-14 -- 细线表格的处理 (6)
最近的工作中老要用到表格。说真的，我现在很不习惯表格；看到就头痛；但没办法，有需要就得满足。囧！~说到表格最常用的就是细线表格了，每次都要都搜索下细线表格；虽然很简单但却一直主不住。郁闷。所以转了篇文...
2008-10-21 -- 搜狗拼音输入法漂亮皮肤 LeftSide (5)
输入法大概是我们平常每天都会接触到的了，使用搜狗拼音输入法的人应该也不会少吧。虽然我基本上是用五笔。但有时候总会碰到一些难打的字。之前也用过很多的拼音输入法。最后还是绝定用搜狗。搜狗拼音输入法是支...

EveryTime

Await — Tue, 10 Apr 2012 15:18:38 +0800

2012-04-17 -- Just one last dance (1)
http://media01.glog.cc:8088/100/DEB2F71C07996.mp3...
2012-04-17 -- Work it right tonight (0)
http://www.sarahc-media.ic.cz/Sarah%20Connor%20-%20Work%20It%20Right%20Tonight.mp3...
2012-04-10 -- 越长大越孤单 (0)
http://cdn.dropmark.com/12706/4f4643aa9cb93/yzdygd.mp3...
2008-10-12 -- 推荐一个在线音乐播放器——Wersling MusicBox (3)
Wersling MusicBox 是基于Flash技术开发的在线音乐播放器。目前拥有超过30GB,8000多首歌曲和音乐，并有专业的音乐编辑和网友即时更新，使音乐库不断的完善和更新；所有音乐的位速都...

越长大越孤单

Await — Tue, 10 Apr 2012 14:13:17 +0800

2012-04-10 -- EveryTime (0)
http://video.ycv-servers.com/media/audio/old/60607.mp3...

使用lesscss来编码编写css

Await — Sat, 24 Sep 2011 13:10:24 +0800

lesscss 是动态的样式表语言，他让css增加变量，组合，函数，运算等语法。这个项目的网站在国内访问不到，大家都懂的。

lesscss使用方法有两种：

页面添加一个 less.js的文件，css使用 style.less 文件后缀来编写，不过需要有服务器的环境支持

<link rel="stylesheet/less" type="text/css" href="styles.less">
<script src="less.js" type="text/javascript"></script>

在服务器端使用node.js来编译，node.js 使用 less的方法如下：
先使用npm包管理器来安装
$ npm install less
然后就可以使用命令行来编译压缩less代码了
$ lessc styles.less > styles.css

下面是一些lesscss的语法：

1、使用变量：

// LESS
@color: #4D926F;
#header {
color: @color;
}
h2 {
color: @color;
}
/* Compiled CSS */
#header {
color: #4D926F;
}
h2 {
color: #4D926F;
}

2、组合

// LESS
.rounded-corners (@radius: 5px) {
border-radius: @radius;
-webkit-border-radius: @radius;
-moz-border-radius: @radius;
}
#header {
.rounded-corners;
}
#footer {
.rounded-corners(10px);
}
/* Compiled CSS */
#header {
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
#footer {
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}

3、选择器

// LESS
#header {
h1 {
font-size: 26px;
font-weight: bold;
}
p { font-size: 12px;
a { text-decoration: none;
&:hover { border-width: 1px }
}
}
}
/* Compiled CSS */
#header h1 {
font-size: 26px;
font-weight: bold;
}
#header p {
font-size: 12px;
}
#header p a {
text-decoration: none;
}
#header p a:hover {
border-width: 1px;
}

4、变量预算

// LESS
@the-border: 1px;
@base-color: #111;
@red: #842210;
#header {
color: @base-color * 3;
border-left: @the-border;
border-right: @the-border * 2;
}
#footer {
color: @base-color + #003300;
border-color: desaturate(@red, 10%);
}
/* Compiled CSS */
#header {
color: #333;
border-left: 1px;
border-right: 2px;
}
#footer {
color: #114411;
border-color: #7d2717;
}

5、import 外部css

@import "lib.less";
@import "lib";

通用引用了lesscss，我们就可以将css写得模块化，有更好的阅读性。

首先可以通过 import 讲网站的样式分成 n个模块，当页面需要哪个模块就引用哪个。还可以将css3那些新增的功能定义成类库，由于有函数的功能，那些圆角，阴影之类样式只需要定义一次就可以了。讲页面需要使用到的主要文本，边框，背景色定义成变量给后续样式使用，到时网站风格需要改变，颜色也很好的修改。

我个人觉得先阶段lesscss的不足有：

1. css3的样式不能自动补全其他浏览器的hack。
2.使用nodejs在window系统下的支持不够，不过最近刚刚不久发布了一个nodejs window版，这方面估计在不久的将来会改善
3.编辑器，ide对lesscss语法缩进支持不够友好。

转自–强记《使用lesscss来编码编写css》

2009-11-11 -- 左右两栏等高实现方法 (6)
等高布局在实际的应用中会经常用到。最常见的是左边的内容很多。而右边的内容却很少。为了不让右边出现太多的空白，有时需要让右边的高度和左边的保持一致。实现的方法有很多，以前一般是用背景填充来模拟。虽然很简...
2009-08-30 -- CSS 3.0 参考手册 (中文版) (9)
作为一个Web开发者，保持对未来Web标准的关注、学习和了解是很重要的。不管你是第一次准备去认识CSS3，还是已经略知皮毛，这个来自腾讯的webteam发布的CSS 3.0 参考手册 (中文版)将有助...
2009-07-07 -- 如何使你的CSS样式更易阅读? (15)
在做wordpress主题的时候，样式是最重要的一部分。作为主题的制作者，我们不但要考滤页面的还原完整度，还要一个重要的就是要让CSS阅读起来很容易。因为不管我们怎么尽力去做到完美，但每个人都想主题更...
2009-06-18 -- 关于CSS的书写习惯 (7)
其实每个人都有自己喜欢的书写格式习惯，我在刚学CSS的时候，什么都不知道，只是要实现什么效果，我后就写个ID或类进去。放哪个位置也不管，丢进去就行了。反正效果实现了；后来当需要修改某些地方的时候，才发...
2009-06-03 -- CSS实现自动换行的小技巧 (4)
大家都知道连续的英文或数字能是容器被撑大，不能根据容器的大小自动换行，下面是 CSS如何将他们换行的方法！对于div 1.（IE浏览器）white-space:normal; word-...

Jsonp 方式跨域获取 json 数据

Await — Sat, 17 Sep 2011 08:56:02 +0800

这两天一直大折腾这个腾讯微博的广播调用。在胖神的帮助下，总算完成的差不多了。基本上和腾讯微博的页面格式保持一致。
数据来源是用腾讯微博RSS/JSONP格式输出的地址。

http://v.t.qq.com/output/json.php?type=2&name=Dawait&sign=d9fbc9349a11247c6a891050c4fae755b023303a

type=1 为我的广播；
type=2 为我的首页时间线；
直接打开这个地址，会看到有一串很大的数据，weiboData({Data…});一开始不了解这个JSONP是啥玩意。所以用PHP把这个做相应处理后再输出JSON格式，然后AJAX请求，返回后处理。后来在胖神（现在叫胖帝了）的指导下，才知道可以直接用JS读取数据。于是一翻折腾，总算完成了。后来查了查下资料，了解了一下 jsonp 跨域请求方式.跟大家分享一下。

其实 jsonp 是个很简单的一个东西。
主要是利用了 script 标签对 javascript 文档的动态解析来实现。（其实也可以用eval函数）。

来个超简单的例子：

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Test Jsonp</title> <meta name="author" content="" /> <meta name="keywords" content="" /> <meta name="description" content="" /> <script type="text/javascript"> function weiboData(data){ alert(data.msg); } </script> <script type="text/javascript" src="http://v.t.qq.com/output/json.php?type=1&name=Dawait&sign=d9fbc9349a11247c6a891050c4fae755b023303a"></script> </head> <body> </body> </html>

提示：你可以先修改部分代码再运行。

点击运行之后会弹出一个对话框，内容为OK。
这里weiboData是回调函数名称，data就是里面的json数据。

Jsonp原理：

首先在客户端注册一个callback, 然后把callback的名字传给服务器。
此时，服务器先生成 json 数据。
然后以 javascript 语法的方式，生成一个function , function 名字就是传递上来的参数 jsonp.
最后将 json 数据直接以入参的方式，放置到 function 中，这样就生成了一段 js 语法的文档，返回给客户端。
客户端浏览器，解析script标签，并执行返回的 javascript 文档，此时数据作为参数，传入到了客户端预先定义好的 callback 函数里.（动态执行回调函数）

这个和上面的例子有点区别，腾讯微博是服务器生成固定的名称，客服端直接调用就行了。
到此终于知道JSONP是啥了。大家也可以试试去折腾

随机日志

2008-11-06 -- 北京奥运官方网站幻灯切换效果JS版 (3)
我想对于这个焦点图片轮换大家都不陌生吧.不过原来的是FLASH版的.今天偶然看到一个JS版的.效果很酷.在这和大家分享下. 佐佐制造byzuo.cn---焦点图片第三季 ...
2011-08-17 -- Flight主题更新 (19)
这几天收到有些童鞋反应主题在wp3.2版本后台不能快速编缉文章，不能上传图片。抽空看了下，是JQ库版本冲突引起，现已更新。请移步到wopus主题站下载更新后的版本。也可以通过115网盘下载。...
2009-06-04 -- 如何合理使用链接打开方式 (4)
一．链接打开方式 1. 新窗口打开优点：用户点链接的时候，当前浏览的内容不会被替换，不需要通过前进、后退去看自己看过的内容；缺点：访问一会，就会产生大量窗口，占用资源。每个窗口都需要手动...
2009-07-24 -- 能支持IE6的前端更牛，还是敢对IE6说不的更牛？ (27)
作为一个前端，是能够支持更多的浏览器比较牛，还是勇于对IE6说不，更牛一些呢？IE6在其特定历史时期内起到了举足轻重的作用。而如今，是时候让他寿终正寝，离开历史舞台的时候了，他却欲罢还休不离不弃。面对...
2008-08-20 -- 在公司加班，无聊啊！ (3)
其实我发现自己很不适合写BLOG，因为除了写点技术类的东东，我不知道自己还会写什么。有时候想写点什么的时候，进到后台后又不知道要写什么了。很郁闷... 这一周的工作让我很郁闷。公司频道的网站让我头疼...

jQuery中queue和dequeue的用法

Await — Thu, 08 Sep 2011 15:57:00 +0800

今天在做右下角那个静止的工具栏时遇到了一个问题。鼠标放上去的时候，要让周围的4个按钮按顺序显示出来，移开的时候要按顺序隐藏。左思右想发现用animate的回调函数方式来写比较麻烦。于是百度了下，发现jQuery中有一个队列方法“queue”。
定义和用法
queue() 方法显示或操作在匹配元素上执行的函数队列。
queue和dequeue的过程主要是：
1，用queue把函数加入队列（通常是函数数组）
2，用dequeue将函数数组中的第一个函数取出，并执行(用shift()方法取出并执行）

也就意味着当再次执行dequeue的时候，得到的是另一个函数了
同时也意味着，如果不执行dequeue，那么队列中的下一个函数永远不会执行

对于一个元素上执行animate方法加动画，jQuery内部也会将其加入名为 fx 的函数队列
而对于多个元素要依次执行动画，则必须我们手动设置队列进行了。

一个例子，要两个div依次向左移动，点击这里查看
如果只是轮流移动次数较少，可以使用animate的回调函数来做，一个动画放在另一个动画的回调里边
比如

$(“#block1″).animate({left:”+=100″},function() {
$(“#block2″).animate({left:”+=100″},function() {
$(“#block1″).animate({left:”+=100″},function() {
$(“#block2″).animate({left:”+=100″},function() {
$(“#block1″).animate({left:”+=100″},function(){
alert(“动画结束”);
});
});
});
});
});

但这种方法当动画较多的时候简直是残忍。

此时利用queue和dequeue则显得简单很多：

var FUNC=[
function() {$("#block1").animate({left:"+=100"},aniCB);},
function() {$("#block2").animate({left:"+=100"},aniCB);},
function() {$("#block1").animate({left:"+=100"},aniCB);},
function() {$("#block2").animate({left:"+=100"},aniCB);},
function() {$("#block1").animate({left:"+=100"},aniCB);},
function(){alert("动画结束")}
];
var aniCB=function() {
$(document).dequeue(“myAnimation”);
}
$(document).queue(“myAnimation”,FUNC);
aniCB();

1，我首先建立了一个函数数组，里边是一些列需要依次执行的动画
2，然后我定义了一个回调函数，用dequeue方法用来执行队列中的下一个函数
3，接着把这个函数数组放到document上的myAnimation的队列中（可以选择任何元素，我只是为了方便而把这个队列放在document上）
4，最后我开始执行队列中的第一个函数

这样做的好处在于函数数组是线性展开，增减起来非常方便。
而且，当不要要继续进行接下来动画的时候(比如用户点了某个按钮)，只需要清空那个队列即可。而要增加更多则只需要加入队列即可

//清空队列
$(document).queue(“myAnimation”,[]);
//加一个新的函数放在最后
$(document).queue(“myAnimation”,function(){alert(“动画真的结束了！”)});

这当然也可以用于ajax之类的方法，如果需要一系列ajax交互，每个ajax都希望在前一个结束之后开始，之前最原始的方法就是用回调函数，但这样太麻烦了。同样利用queue添加队列，每次ajax之后的回调中执行一次dequeue即可。

摘自：http://shawphy.com/2009/04/how-to-use-queue-and-dequeue.html

2011-08-17 -- Flight主题更新 (19)
这几天收到有些童鞋反应主题在wp3.2版本后台不能快速编缉文章，不能上传图片。抽空看了下，是JQ库版本冲突引起，现已更新。请移步到wopus主题站下载更新后的版本。也可以通过115网盘下载。...
2010-11-24 -- JQ弹出层插件(tipsWindow 2.8) (159)
已更新为2.7...
2010-10-12 -- 分享Flight主题中的焦点图（基于JQ） (22)
关于这个焦点图没啥说的了，网上太多了。但自己一直没找到个合适的。现在的这个是Dreamy主题中的升级版，虽然看起来一模一样。其实做了很多扩展，优化了结构和JS部分。可以选择切换方式（左右滚动，上下滚动...
2010-10-12 -- jquery ajax方法如load,get等在Chrome下失效的问题 (4)
最近碰到一个问题，发现jquery在chrome 中， ajax的load get等方法完全失效。代码如下： function getHtml(url,ctner){ //alert(c...
2009-11-30 -- 不刷新（AJAX）获取文章的内容 (53)
相信大家都知道AJAX评论这玩意。AJAX评论带来了很多好处，不用在刷新页面就能发表评论。实时提交，实时显示。很多人都用上了都给自己的BLOG上添加了这样的功能。方法在这就不说了，很多人都作了详细的讲...

WordPress主题：perfct 1.0

Await — Thu, 01 Sep 2011 14:14:51 +0800

已经很久很久没写日志了。更不知道有多久没有发布新主题了！好像已经失去了那种曾经的兴趣和动力，很多时候想写，却又找不到话题。有些技术上的文章想分享。但又懒得编缉。要分析，上代码，做实例。最终只是想想而已。在这段时间里，不是没有做过主题，很多时候，一时有了好想法。就开始写，往往是写了个首页。或头部就又写不下去了。前几天摄神发布了prower v4。看到之后，又有冲动了。于是把之前的一款放在那几个月了的主题继续整整。成了现在的perfct。

主题说明：

自定义菜单，且支持二级下拉菜单；
置顶文章区别显示；
侧边栏小工具(如何添加小工具？)
内容页侧边栏显示同分类下的最新文章；
分类页顶部显示分类名称及描述；(分类描述添加修改)
评论嵌套回复；(如何开启评论的嵌套回复？)

此主题没啥特别功能。且不再向IE6兼容。我自己测试了下，有一些小地方不兼容。所以，关于IE6的样式问题，请不要找偶。插件方面浏览次数需要“wp-postviews”支持。没装不会显示。其他的暂无！

后话：
计划在这个基础上作一些丰富的效果扩展。

兼容性修复。支持IE系列，firefox,Google Chrome等浏览器
自定义管理工具栏，默认的那个黑条条实在是太纠结了。
弹出层登录，信息提示效果。
缩略图，焦点图等效果。
主题后台功能设置
绑定腾讯微博
Ajax评论
相册，图片缩放等效果
集成表情、头像缓存功能

管理工具栏效果：

弹出登录效果：

提示信息效果：

暂时只想到这么多了。反正会慢慢折腾。直到满意为止！

下载地址：perfct-v1.0

2009-06-13 -- 主题Dreamy更新到v2.0 [06-18 00:08] (61)
距离这个主题发布上一版已经差不多两个月了，而这个主题我一直在修修改改。虽然很多同学问我要我BLOG用的版本，但很多地方没有完善，所以一直没有发布自己用的版本。但现在好了，终于可以发布这个新的版本了。这...
2009-06-07 -- 黑莓主题的改版总算完成了 (15)
这次改版很顺利，也没花多少时间。从设计到完成代码用了两天多时间；之所以这么快是因为主题是基于Dreamy这个主题的；大家可以看得出，有很多地方都相似，但细节方面有不少的修改；不废话了。看下最初的设计稿...
2009-03-31 -- 新主题预览图 (18)
自从发布Maxthon v2.0后，已经很久没有出新主题了。其中有太多原因了，其实也不是没有做，只是很多主题做到一半的时候就没在继续了，总是做着做着就觉得不行了。今天发布这个新主题的DEMO图，已经下...
2008-11-10 -- Wopus新主题终于上线了 (9)
经过最后一天的努力,WOPUS新主题终于上线.由于时间关系,仍存在很多问题.希望大家能及时反馈发现的问题,以便我们及时修正.谢谢大家的支持!~...
2011-08-17 -- Flight主题更新 (19)
这几天收到有些童鞋反应主题在wp3.2版本后台不能快速编缉文章，不能上传图片。抽空看了下，是JQ库版本冲突引起，现已更新。请移步到wopus主题站下载更新后的版本。也可以通过115网盘下载。...

Flight主题更新

Await — Wed, 17 Aug 2011 16:00:59 +0800

这几天收到有些童鞋反应主题在wp3.2版本后台不能快速编缉文章，不能上传图片。抽空看了下，是JQ库版本冲突引起，现已更新。请移步到wopus主题站下载更新后的版本。也可以通过115网盘下载。

2011-09-08 -- jQuery中queue和dequeue的用法 (1)
今天在做右下角那个静止的工具栏时遇到了一个问题。鼠标放上去的时候，要让周围的4个按钮按顺序显示出来，移开的时候要按顺序隐藏。左思右想发现用animate的回调函数方式来写比较麻烦。于是百度了下，发现j...
2011-09-01 -- WordPress主题：perfct 1.0 (96)
已经很久很久没写日志了。更不知道有多久没有发布新主题了！好像已经失去了那种曾经的兴趣和动力，很多时候想写，却又找不到话题。有些技术上的文章想分享。但又懒得编缉。要分析，上代码，做实例。最终只是想想而已...
2010-11-24 -- JQ弹出层插件(tipsWindow 2.8) (159)
已更新为2.7...
2010-10-12 -- 分享Flight主题中的焦点图（基于JQ） (22)
关于这个焦点图没啥说的了，网上太多了。但自己一直没找到个合适的。现在的这个是Dreamy主题中的升级版，虽然看起来一模一样。其实做了很多扩展，优化了结构和JS部分。可以选择切换方式（左右滚动，上下滚动...
2010-10-12 -- jquery ajax方法如load,get等在Chrome下失效的问题 (4)
最近碰到一个问题，发现jquery在chrome 中， ajax的load get等方法完全失效。代码如下： function getHtml(url,ctner){ //alert(c...

您可能也喜欢：
Work it right tonight	EveryTime	未知宽度容器的居中解决方案	搜狗拼音输入法漂亮皮肤 LeftSide	谷歌Adsense将推本地电子支付
无觅

您可能也喜欢：
Just one last dance	EveryTime	联想IdeaPad S9/S10的视频广告《爱，永远在线》	用jquery写一个简单的菜单伸缩效果	Maxthon v1.0[最新修改]
无觅

您可能也喜欢：
联想IdeaPad S9/S10的视频广告《爱，永远在线》	Work it right tonight	Wondershare Flash SlideShow Builder v4.6.0 绿色版	酷狗推出手机版	jQuery实现背景图渐变切换
无觅

您可能也喜欢：
EveryTime	CSS 3.0 参考手册 (中文版)	分享忆捷F3(8G)U盘量产并成功启动经验	Mozilla Firefox 3.5 RC1简体版发布	推荐一个在线音乐播放器——Wersling MusicBox
无觅

您可能也喜欢：
IE6因为编码问题无法正确解析CSS文件	CSS 3.0 参考手册 (中文版)	CSS中关于背景图的应用技巧	CSS清除浮动的一些方法	关于CSS的书写习惯
无觅

Await-放飞梦想

Just one last dance

相关文章

Work it right tonight

相关文章

T-ara : Lovey-Dovey

随机日志

EveryTime

相关文章

越长大越孤单

相关文章

使用lesscss来编码编写css

相关文章

Jsonp 方式跨域获取 json 数据

随机日志

jQuery中queue和dequeue的用法

相关文章

WordPress主题：perfct 1.0

相关文章

Flight主题更新

相关文章

您可能也喜欢：
关于Tab(选项卡)的一些实现方式	不刷新（AJAX）获取文章的内容	如何合理使用链接打开方式	搜狐博客开放平台博客模板设计大赛	Work it right tonight
无觅

您可能也喜欢：
WordPress主题高级技巧	WordPress主题之Maxthon 2.0.2[08-08-11]	WordPress主题”Dreamy”发布	新主题预览图	黑莓主题的改版总算完成了
无觅

您可能也喜欢：
分享Flight主题中的焦点图（基于JQ）	WordPress主题：perfct 1.0	WordPress“主题壁纸”	一种简单的主题切换方法	WordPress主题高级技巧
无觅