努力每一天

快乐笛子的博客,专注于Web前端开发

预览 | 列表

[置顶]分享自己写的一个小型 js 框架:myJSFrame (附 API 开发文档)

日期:2007年07月17日 10:42|分类:前端开发|点击:6131|评论:83|本站原创|标签:myJSFrame

  myJSFrame 是一款小巧微型的 JavaScript 框架,它有 prototype 的风格,又兼有 JQuery 的味道,它的特点是体积小(目前为17k),使用方便。
  它在一定程度上改变了传统的 JavaScript 编程风格。它还能识别 CSS 代码,它增加了 DOM 方法,扩展了 String 与 Array 原型对象,模拟  StringBuffer、NameSpace 类,支持操作 Cookie,浏览器检测。当然,Ajax 还是它的强项,$ 函数支持的 CSS 选择符也不弱 ……

发布一个简单的网络收藏夹

日期:2008年08月02日 23:16|分类:杂七杂八|点击:352|评论:0|本站原创|标签:网络收藏夹

这是一个非常简单的网络型收藏夹,你在上班时收藏的网址,将被记录在服务器上,在家里上网时也能找到之前收藏的网址。即使重装系统也不需要备份,或者出差到异地也能方便找到你收藏的网址。

这甚至不是一个软件,称为一种网络服务更为恰切一些,它需要一个非常小的客户端,安装后在 IE 窗口的右键将新增两个项目:“加入网络收藏”、“管理网络收藏”。如果你喜欢网上的一篇文章,浏览时右键选择“加入网络收藏”,就完成了收藏任务,在其他装有此客户端的电脑上就能找到文章的链接,当然需要注册用户的登录。

Select 控件加强版(IE Only)

日期:2008年07月23日 09:24|分类:前端开发|点击:405|评论:2|本站原创|标签:奇思妙想ComBox控件

预览

概述:

本控件使用 html+css+javascript模拟HTML内置的select元素,实现其部分方法与属性,也增加了一部分功能,并且从UI上超越原生select控件。本控件使用到隐藏域、文本框、隐藏框架,隐藏域保存控件的值,文本框保存选项文本,隐藏框架通过切换显示/隐藏达到菜单收展效果,并储存选项列表。

用法:

  1. 页面上先后引用 myJSFrame.jscombox.js
  2. 在需要使用控件的地方加入如下代码:
    var data = "张三:123456,李四:654321,赵武:456789,钱六:987654,赵七:000";//数据源(数据源格式包含几种格式,详细见下面所述)
    var t = new ComBox( data );//必须。创建实例
    t.name="demo"; //必须。指定实例名称,名称必须唯一,多个同类的控件名称不同
    t.write();//必须。输出控件

奥运火炬今天中午到达深圳!

日期:2008年05月08日 11:13|分类:杂七杂八|点击:587|评论:5|转载|标签:奥运火炬

  深圳奥运火炬传递将于五月八日上午八时从市民中心开传,预计历时十点五个小时,终点为深圳市体育中心西广场,路线全长四十一点六公里,为广东省内传递圣火的四个城市中最长。二百零八名深圳站奥运火炬手名单已公布。

  圣火团队于五月七日晚到达深圳。深圳站的火炬接力于五月八日上午八时开始,历时十点五个小时。传递过程将包括午餐(南山第二外国语学校)、两处休息(深圳科技园、福田体育公园)、两个活动(起跑仪式和庆典晚会)。

iPhone 已到手!

日期:2008年05月04日 00:07|分类:杂七杂八|点击:823|评论:6|本站原创|标签:iPhone
上个月在上海出差的时候曾经托老板从美国带个iPhone过来,没想到在五一前就拿到老板的礼物,衷心感谢Boss!
苹果的设计不是一般的出众,当我第一眼看见它时就被它精美的外表与极为人性化的触摸屏所吸引,赞美之词在此且略去2000字,且看我的小佳能给它拍的照片:

无级滑动条

日期:2008年04月29日 18:50|分类:前端开发|点击:1014|评论:4|本站原创|标签:标签效果
 
功能:
  • 游标可以拖动
  • 点击刻度游标跟随
  • 加载时可预设值
  • 封装成控件,可以绑定方法到游标,比如拖动游标时需要执行自定义方法,支持 onmoving 与 onend 定义。
  • 支持 FF3.0、IE7、Opera9.5、Safair,其他版本的浏览器未经测试

锦绣中华与民俗村

日期:2008年04月27日 23:56|分类:杂七杂八|点击:509|评论:1|本站原创|标签:旅游摄影
在深圳呆的时间不算短,掐指算来几近8个年头,而本地的景点锦绣中华却从未踏进去,一来对本地的东西没有好感,二来也没有时间和人少的机会。小静同学两天前拿到半价的门票,该来的还是来了,虽然今天天气不算好,一直都灰沉沉的,还有点闷,中午等小静同学一放学就直奔南山而去。

噼里啪啦,半天胡掐乱按,终于把相机的存储卡折腾完毕加耗完一对电池,看看战果,470张赫然在目。晚饭后,决定从中挑起数张贴于博客中,小静同学也仿效,又再折腾了一番,终于有下面的收成。在这里还特别提一下新上手的处理相片软件《光影魔术手》,今天发布了免费版。赞~
金戈王朝-打斗场面

W3C 发布 XMLHttpRequest 工作草图

日期:2008年04月26日 18:09|分类:前端开发|点击:671|评论:1|转载|标签:Ajax

XMLHttpRequest 最近在 W3C 标准之路上又迈进了一步,W3C Web API 工作组刚刚发布了 XMLHttpRequest 对象的工作草图。XMLHttpRequest 勾画了一种从客户端向服务器传送数据的标准脚本引擎,数据可以是 XML 或任意文本格式,以 HTTP 或 HTTPS 协议传递。

XMLHttpRequest 基于 DOM, HTML5 以及 HTTP,支持 XMLHttpRequest 的客户端必须支持这三种技术,以下是 XMLHttpRequest 对象的技术细节。

JavaScript 给汉字排序

日期:2008年04月25日 11:07|分类:前端开发|点击:761|评论:0|本站原创|标签:排序奇思妙想
    数组的 sort 方法默认字符的编码排序,有时候要给一组汉字排序,默认的方法就不适用了。比如 var arr = ["中","华","人","民","共","和","国"],在执行 sort 方法后结果为 :中,人,共,华,和,国,民,既不是拼音也不是笔划数量的排序。
    以前很少留意过 localeCompare 方法,手册中说它执行时返回一个值,指出在当前的区域设置中两个字符串是否相同。返回值有三种:-1,0,1,刚好是 sort 方法参数所需要的类型。把 localeCompare 应用到 sort 方法中去,看看结果:
 
var arr = ["中","华","人","民","共","和","国"];
alert(arr.sort(function(a,b){return a.localeCompare(b)}));//结果为:共,国,和,华,民,人,中(拼音升序)
 
    注意到 localeCompare 方法是在当前区域中进行比较的,即比较的环境为当前操作系统设置的地理区域,比如数字、货币、日期时间等的表现方式(在“控制面板”中可以查看修改),如果设置排序的方式为笔划,那上面的结果则为:人,中,民,共,华,和,国(笔划升序)。

IE6 与 IE7 中 window.onresize 被多次执行的解决办法

日期:2008年04月24日 09:31|分类:前端开发|点击:1244|评论:7|本站原创|标签:onresize探索发现
页面上给window对象定义其onresize事件,在拉伸缩小窗口时,其onresize方法将被执行多次,并且其具体执行的次数在不同的电脑有不同的值,相当诡异,Firefox等其他浏览器则无此现象,故可认定此为IE浏览器的bug。看看代码:
 
<html>
<head>
  <script type="text/javascript">
      function resizeFunc(){
         alert(Math.random());
      }
  </script>
</head>
<body>
    <div>Text...</div>
    <script type="text/javascript">
        window.attachEvent("onresize",resizeFunc); //方法一
        //window.onresize = resizeFunc;    //方法二,支持ff
    </script>
</body>
</html>

又一次扩展String原型的 trim 方法

日期:2008年04月23日 10:39|分类:前端开发|点击:582|评论:3|本站原创|标签:trim
    写这篇日志之前,先查了一下字典,确认 trim 是整理修剪之意(并非专指去除空白),在 vbscript 或 C# 里其作用去掉字符串两端多余的空格。JavaScript 语言本没有此方法,因此很多人开始给 String 原型增加 trim 方法(同时还有ltrim与rtrim),在网上能找到的版本是《增加 javascript 的 trim 函数》 ,后来我在它之上又作了一些扩展 《再次扩展 JavaScript 的 trim 函数》,写这篇日志的目的是又再次扩展trim方法(點解要講又呢?)。
 
    此次要扩展的功能是切掉字符串两端指定的字符数,类似于 vbscript 的 left()与right()方法。执行 "string".trim(1,2),其结果将是 tri 。trim 函数的两个参数类型都属于 Number,第一个表示左边需要剪切的字符数量,第二个参数表示右边需要剪切的字符数量。
 
    把之前两次的扩展总结一下,trim 方法有四种使用方法:
  1. trim()   去除字符串左右两端的空格
  2. trim("xyz")  去除字符串左右两端的字符xyz
  3. trim(/[0-9]/g)  去除字符串左右两端的数字
  4. trim(0,3)  去除字符串右端3个字符

上海出差掠影

日期:2008年04月08日 10:31|分类:杂七杂八|点击:646|评论:11|本站原创|标签:旅游摄影
在上海出差期间拍摄的一组照片:
外滩夜色

博客访问量突破百万!

日期:2008年03月10日 12:03|分类:杂七杂八|点击:638|评论:8|本站原创
今天无意中发现计数器已经上到百万关口,虽说是在页面中嵌入js文件,按PageView的计算方法统计出来的,估计会漏掉搜索引擎爬虫的访问量,但也从另外一个角度上说明,这个统计结果都是手工点击出来的~~
 
努力每一天!

修复 myJSFrame 的 CSS 选择器一处错漏

日期:2008年03月08日 22:43|分类:前端开发|点击:544|评论:2|本站原创|标签:myJSFrame
今天在处理一网友发来的邮件,这位朋友提到css选择符在某些场合中(如以ID开始)返回值不准确,查看了一下代码,确实有一处不够严谨,在第39行后再加一行:if(!document.getElementById(q.substring(1)))return null; 用以增加判断不存在元素马上令$函数返回null值。
 
谢谢这位网友 。

myJSFrame 更新到 v.2.1!API文档也一并更新!

日期:2008年03月02日 08:21|分类:前端开发|点击:1119|评论:14|本站原创|标签:myJSFrame
这次的版本其实在08年元旦就可以推出,但因为时间比较紧,而且帮助文档的 UI 的设计没有完成,因此推迟到现在。本次 myJSFrame 的升级,更新如下:
  • DOM 扩展增加 findParent、subElem、$递归调用等方法
  • 移除早先扩展 Array 原型的 uniqStr 方法,并给 String 原型增加类似的 uniq 方法
  • Function 原型增加bind方法
  • String 原型增加 format 方法,类似于 C# 的 StringBuilder,用于拼接字符串
  • 增加 Import 方法,用于在脚本执行过程临时载入脚本库
  • 增加 Redirect 方法,用于重定向到新的URL
  • Request 方法的返回值统一为字符串类型

回归本源--重新阅读《HTTP协议基础》

日期:2008年02月19日 15:08|分类:前端开发|点击:734|评论:10|转载|标签:基础知识

HTTP(HyperTextTransferProtocol)是超文本传输协议的缩写,它用于传送WWW方式的数据,关于HTTP协议的详细内容请参考RFC2616。HTTP协议采用了请求/响应模型。客户端向服务器发送一个请求,请求头包含请求的方法、URI、协议版本、以及包含请求修饰符、客户信息和内容的类似于MIME的消息结构。服务器以一个状态行作为响应,相应的内容包括消息协议的版本,成功或者错误编码加上包含服务器信息、实体元信息以及可能的实体内容。

体验 VS2008 对 JavaScript 的智能感应

日期:2008年02月15日 13:43|分类:前端开发|点击:1384|评论:7|本站原创|标签:IDE
年前就在网上看到 VS2008 90天试用的简体中文版发布了,此IDE对硬件的要求如下(来自官方的说明):
  • 支持的操作系统: Windows Server 2003; Windows Vista; Windows XP
  • 最低配置:1.6 GHz CPU,384 MB 内存,1024x768 显示分辨率,5400 RPM 硬盘
  • 建议配置:2.2 GHz 或更快的 CPU,1024 MB 或更大的内存,1280x1024 显示分辨率,7200 RPM 或更快的硬盘
  • 在 Windows Vista 上运行的配置要求:2.4 GHz CPU,768 MB 内存

建议的配置也需要1G的内存,暴汗无比~~~,单是安装文件就达4.34G!

杀鸡用牛刀--我的博客实现静态化

日期:2008年02月04日 18:03|分类:杂七杂八|点击:982|评论:14|本站原创

今天是猪年最后一天上班,无聊透顶,把blog程序翻出来捣鼓一遍。

静态化实现的方法几乎大同小异,无非是用模板+数据库的方法,168篇文章不到2秒就生成完毕,速度确实不赖

微软宣布446亿美元洽购雅虎

日期:2008年02月02日 17:11|分类:杂七杂八|点击:530|评论:0|转载

    搜索巨人谷歌刚刚才发布其令投资者失望的第四季度财报,微软公司就提出了收购雅虎的出价,它打算以每股31美元、总价值446亿美元的现金和股票收购雅虎。

微软公司首席执行官鲍尔默在声明中称:"我们相信我们与雅虎结合之后将给我们的股东带来更优的价值,给我们的客户和业界合作伙伴提供更好的选择和创新。"

IE7 与 IE6 的模式窗口尺寸差异

日期:2008年01月25日 14:12|分类:前端开发|点击:1582|评论:2|本站原创|标签:探索发现
    IE 的弹窗常用的有两种,不外乎是 window.open 与 window.showModalDialog,前者兼容性好,后者只有IE认识(Firefox的1.x版本与3.x版本支持window.open(url,handle,"modal=yes"),这是ff的模式窗口)。模式窗口由于其强制必须完成模式窗口的操作,当前window才能被继续使用,它的这一特性,使它在一些 Web Application 中应用较广,它的好处本文不赘述,这里要探究的是用 javascript 设置相同的窗口尺寸,模式窗口在 IE6 与 IE7 下竟然表现不一致。
 
    执行语句:window.showModalDialog('b.html',window,'dialogWidth:250px; dialogHeight:250px;'),对比在 IE6 与 IE7 下的表现差异:
 

Power By misshjn ©2008 粤ICP备05011319号  程序响应时间:31毫秒