2012年12月28日
在Sublime Text 2下面开发Sass
摘要： Sublime Text 2的强大之处在于简洁的界面下面有一套强大的插件。若要在Sublime Text 2下开发Sass，我们需要先安装两个插件。1、Sass插件，用来语法高亮显示Sass源文件。2、Sass Build插件，用来编译Sass文件，前提是已经安装好了Ruby环境与sass.gem。插件的安装在这里就不再赘述了，大家可以从网上搜索一下，也可以直接将从这里下载的压缩包，解压后放到Sublime Text 2目录下的data/Packages目录下面来进行安装。在Sublime Text 2下创建一个scss文件，输入以下内容并且保存为test.scss。$color: #369; 阅读全文
posted @ 2012-12-28 09:37 AUOONG 阅读(1557) 评论(2) 推荐(0) 编辑
Windows下配置Sass编译环境
摘要： Less大家想必都知道，与Sass一样都是动态样式语言，都是用来让写CSS样式更加的优美。下面来看一下关于Sass的环境配置，由于本人的机器无法上网，因此在安装的时候费了一翻功夫，特别是找sass 3.2.4.gem文件时，在Sass的官方网站竟然没找到。1、Sass的编译是依赖于Ruby的，因此第一步我们需要先安装Ruby。在Sass的官方网站我们可以找到ruby的下载地址：http://rubyinstaller.org/downloads/下载回来后就可以一步步的安装了。2、安装sass.gem。如果能够直接连网的话，直接使用gem install sass就ok了。但如果用于开发的机器 阅读全文
posted @ 2012-12-28 08:59 AUOONG 阅读(953) 评论(0) 推荐(0) 编辑
2012年12月18日
仿网易邮箱5.0(三）：panel.js
摘要： 今天我们首先来接触第一个用到的插件--Neter.Panel（登录框），在这个插件中，主要的操作有：添加一个标签，更新标签，删除标签。还是先上代码：View Code 1 /** 2 * 面板插件，支持多标签，很像TabPanel，但与之不同的在于标签宽度是平分 3 * 并且不支持url，内容仅能为html（当然，可以自己在此基础之上进行扩展） 4 * @author Ly 5 * @date 2012/11/14 6 */ 7 ;Neter.namespace('Neter.Panel'); 8 9 /** 10 * @class 11 * @name N... 阅读全文
posted @ 2012-12-18 21:22 AUOONG 阅读(820) 评论(1) 推荐(0) 编辑
2012年12月17日
关于仿网易邮箱5.0的Neter UI框架的开源声明
摘要： 经过十多天断断续续的开发，仿网易邮箱5.0的Neter UI框架已经基本接近尾声，已经将源代码托管到了GitHub上。GitHub地址：https://github.com/auoong/Neter欢迎大家上去讨论。关于此框架说明如下：1、由于是用来练手js，因此对于浏览器的兼容我没有进行处理，现在仅能正常用于IE8+、Firefox。2、代码注释若想导出成API可以直接导出，用jsdoc toolkit导出时会有一些警告信息，不用去管他，基本上是可以使用的。3、demo目录下面是仿的网易的登录与登录后的界面。4、里面有些方法我未进行测试，特别是update/remove相关的，没有做完整的测 阅读全文
posted @ 2012-12-17 20:33 AUOONG 阅读(792) 评论(0) 推荐(1) 编辑
2012年12月8日
仿网易邮箱5.0（二）：core.js
摘要： 今天我们来看在写此UI框架时的第一个js文件，本来想将所有的基本的js都写入此文件，但由于使用jquery而导致这个文件很小，不算注释仅有几十行大小。先上代码，然后我们再来一块说明每个函数在整个框架中的用处。 1 /** 2 * Neter核心库 3 * @author Ly 4 * @date 2012/11/14 5 * @version 1.0 6 * @namespace Neter 7 */ 8 ;(function(window, $) { 9 // 插件相对于调用页面的路径 10 var __path__ = '', 11 ... 阅读全文
posted @ 2012-12-08 13:40 AUOONG 阅读(395) 评论(0) 推荐(0) 编辑
2012年12月7日
仿网易邮箱5.0（一）：页面基本样式
摘要： 无论哪套UI，都需要从基本的开始，这样才能达到样式统一，今天我们就先把网易邮箱的基本样式来列一下，主要是input输入框与按钮，还有一套字体，在网易邮箱中，使用了自定义外部字体的方式来引入特定的字体库，这部分的字体主要用来当作按钮的图标。毕竟是仿的网易的，效果还是有些出入，而且所有的样式与插件都仅做到IE8+，Firefox。本人未做更深入的兼容处理。1、首先我们来看如何来引入外部的字体，定义一个字体我们可以使用@font-face。而至于这个字体的名称就可以使用font-family来指定，字体的源就要使用src了。而由于不同的浏览器使用的文字格式不同，因此我们还要针对不同的浏览器来进行写不 阅读全文
posted @ 2012-12-07 11:49 AUOONG 阅读(649) 评论(0) 推荐(0) 编辑
2012年12月4日
动态加载css文件导致IE8崩溃的问题
摘要： 动态加载css文件有很多种方式，但对于简单的方式来说，我们可以直接创建一个link标签并且放到head中。比如以下代码： 1 <!doctype html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <script type="text/javascript" src="jquery.js"></script 阅读全文
posted @ 2012-12-04 17:38 AUOONG 阅读(490) 评论(0) 推荐(0) 编辑
2012年11月30日
PHP中使用socket通信响应速度慢的原因与解决办法
摘要： 在PHP中作为客户端与服务器端使用socket进行通信时，一般我们使用fsockopen，但在使用这个函数进行通信时，有时候发现数据的反应时间特别长，更有甚者能达到1分钟。以下是代码片段： 1 <?php 2 3 function send($data /* String */) { 4 $result = ''; 5 6 $fp = fsockopen($this->url, $this->port, $errno, $errstr, 10); 7 8 if (!$fp) { 9 return null;10 } else... 阅读全文
posted @ 2012-11-30 13:23 AUOONG 阅读(1277) 评论(0) 推荐(0) 编辑
页面调试中关于Console应该注意的地方
摘要： 在近期仿网易邮箱5.0UI时，为了更方便的输出错误信息，自己在console的基础之上简单的封装了一下。代码如下： 1 /** 2 * 日志输入，如果开启Firebug，则直接使用console.log进行输出 3 * @param {String|HTMLElement} msg 要输出的信息，可以是字符串，也可以是一个dom元素 4 * @param {String} type 输出类型，默认为log，支持info/warning/error等 5 */ 6 'log' : function(msg/* , [param, param, ... ] */, type) { 阅读全文
posted @ 2012-11-30 12:44 AUOONG 阅读(323) 评论(0) 推荐(0) 编辑
ASP+Access查询时按时间进行查询
摘要： 前两日帮在弄一个ASP的小站，想查询出最近七天的新闻，使用以下语句即不报错，出来的数据也不对。SQL = "SELECT * FROM table AddTime>" & (date() - 7)搜了半天，发现关于这方面的还真不多，也难怪，谁让ASP已经过时了，就连博客园都没ASP的语法着色。后来无意间看到#号，突然想起来在我以前写ASP的时候好像用过。因此把SQL语句改为如下就ok了。SQL = "SELECT * FROM table AddTime>#" & (date() - 7) &“#” 阅读全文
posted @ 2012-11-30 11:57 AUOONG 阅读(382) 评论(0) 推荐(0) 编辑