更多
声明：本博客除特别标注均为原创文章，转载请在文章头部或尾部以链接方式添加上文章来源。请尊重原创，谢谢！

Sencha Touch 2的有效xtype清单

2013年2月19日 83 次阅读 1 条评论

阅读全文…

分类: 资源 标签:

移动跨平台移动应用程序的快速开发平台-phonegap

2013年1月23日 75 次阅读 没有评论

PhoneGap是一个开源的开发框架，使用HTML，CSS和JavaScript来构建跨平台的的移动应用程序。它使开发者能够利用iPhone，Android，Palm，Symbian，Blackberry，Windows Phone和Beda智能手机的核心功能——包括地理定位，加速器，联系人，声音和振动等。

官方网址（中国）：http://www.phonegap.cn/

记录一下，有机会要学习学习。

分类: 资讯 标签: ,

观察者模式3.0版本

2013年1月6日 82 次阅读 1 条评论

终于成为无业游民了，也有时间又把观察者模式整理了一下，效率方面订阅和发布可以接受，就是取消订阅清理订阅的主题对象的时候遍历较多，效率不尽人意，当然你还可以选择不清理，只是在主题对象里会有空对象，具体屏蔽操作只要把unsubcribe里面的cleanTopic函数调用注释掉就行了！本人水平有限，一直在想更有效的方法，一直无果，看能不能找到高手解决~

代码就不贴了自己去GitHub上面去拿吧！

https://github.com/NewtonNiu/observer

分类: JS/AJAX 标签: ,

乱弹PHP之MVC

2012年12月28日 61 次阅读 4 条评论

前段时间突击了一下PHP，虽然还有很多没弄明白，但也还是明白了一些该明白的东西。我算是JSer，能透彻的了解一门后台语言固然是好的，但在有限的时间里，能做好最适当的事便好了。我没有抢PHPer饭碗的意思，所以可以指正，不要乱喷。

PHP的基础以前了解过一些，做项目的时候看代码多了一般的阅读也没什么问题。那段时间我主要学习的是系统层面的架构。我没有从函数学起，对数据库操作也有点晕，一上手就是Zend Framework。我的目的很明确，弄清楚从数据库到页面显示PHP都干了些什么。

阅读全文…

分类: PHP 标签: , ,

转：Adobe发布HTML5网页动画工具{Adobe Edge}

2012年12月6日 131 次阅读 2 条评论

Flash VS HTML5之争似乎即将见分晓。Adobe刚刚发布了一个新的工具{Adobe Edge}，允许设计师通过HTML5、CSS和JavaScript制作网页动画。无需Flash。

Adboe Edge的目的是帮助专业设计师制作网页动画乃至简单游戏。目前该工具的重点放在动画引擎上，但未来将增加更多HTML5功能，比如Canvas、HTML5音频/视频标签等。支持Android、iOS、webOS、黑莓PlayBook、Firefox、Chrome、Safari和IE9等各个平台。产品界面如下（点击查看大图）：

阅读全文…

分类: 资讯 标签: ,

邮件输入自动提示jQuery插件2.0

2012年12月5日 164 次阅读 4 条评论

很早就想优化下邮箱提示插件了，今天终于抽了些时间做了较大范围的改动，API没有变动，不会影响原来的写法，可以平滑过渡！

先把更新日志贴出来：本次更新主要增强了提示的触发效果，现在支持鼠标粘贴和拖拽触发，当然键盘的效果还是在的，另外稍微优化了下代码层次和逻辑！

阅读全文…

分类: JS/AJAX 标签: , ,

关于fancybox初始显示图片原始尺寸

2012年11月24日 241 次阅读 1 条评论

fancybox是一款基于jQuery开发的一款图片浏览器插件，目前最新版本是2.1.3，有需要的朋友可以去下载。由于官网上的API是英文的，所以个人觉得写的太不清楚了。

其中有个问题找了我半天才找到原因。就是 初始显示图片的原始尺寸。

fancybox的其中一个特色就是图片会自适应窗口尺寸，但是呢，有的时候我们是不需要这个功能的。

之前在API上试过了 autoSize:false和autoResize:false和autoWidth:false和autoHeight:false都没用。。。

有效接口是：

fitToView: false

老版本(具体哪个版本未考究)的fancybox的类似接口是autoScale:false

所以如果autoScale不行的话就试试fitToView吧。

最后晒出效果图，随便打个小广告，最近做的网站：潮元素，上面有很多情侣装哦~

潮元素

分类: JS/AJAX 标签: ,

转：腾讯网无障碍说明

2012年11月6日 115 次阅读 3 条评论

W3C要求

  1. 必须有DOCTYPE
  2. 必须指定字符编码

语言

  1. 每个页面的html标签要指定lang属性，<html xml:lang=”zh” lang=”zh”>

线性阅读

  1. 不以表格作为布局使用
  2. 采用定位的时候，将css去除，查看内容的阅读顺序是否符合有意义

标题

  1. 页面中必须包含一个title元素，并且不应为空
  2. title中的内容应该少于60个字
  3. title应该包含网站名字和页面的主题
  4. 页面中必须包含至少一个h1，并且不能为空
  5. h1和title中应该包含有相同的某些词汇
  6. h1和title应该使用相同的词序（词序） 链接链接…链接这种吧）
  7. h1的内容不应该仅仅来自于图片的alt属性值

阅读全文…

分类: HTML/CSS 标签:

chrome浏览器打印背景颜色和图片

2012年10月22日 594 次阅读 3 条评论

chrome很好用，但是打印功能不给力。jzaun在Google Groups发起的讨论中描述，该问题自2009年该问题就存在。同时，在Chorme开发版本Chromium项目组中的Issue 2294同样报告了该问题（2008年09月），但是至今（2012年7月），该问题仍未解决。

目前，有一个临时解决方案：为body标签增加一个CSS属性-webkit-print-color-adjust: exact;
幸好Chrome提供了一个非常友好的CSS编辑功能，下面lesca简单介绍下如何操作：

打开待打印的页面
1、按快捷键Ctrl – Shift – I
2、在Elements中选中body标签
3、在右边Style中的element.style的大括号里单击，进入编辑模式
4、将-webkit-print-color-adjust: exact;粘贴进去
5、按ESC键结束编辑

到此为止，在打印预览中即可看见背景图片和颜色。

注：
1、最好把你的浏览器升级到最高版本，目前作者用24.0.1284.2版本是有效的，chrome 15不行。
2、bug还是满天飞。
首先背景不能用定位（CSS精灵），否则会导致背景拉伸
使用box-shadow会出现一条黑线，影响页面美观。
3、仅对打印有效的CSS写法：

或
分类: HTML/CSS 标签:

Google的忽略还是失策, Google Chrome打印功能上的短缺依旧

2012年10月22日 181 次阅读 没有评论

Google Chrome的出现, 颠覆了浏览器市场的格局, 各家浏览器为了保住地位都在默默的为自家浏览器推出许多新版本.

Google Chrome, Firefox, IE9和Opera都在为一个功能打拼, 就是拼网页的浏览速度, 一个字, 快! Google Chrome的搞怪广告用Chrome和声音, 闪电类的速度来形容Google Chrome.

难道一个浏览器只需要快? 当然不是, 它们还要能兼容HTML5, 更安全的身份保护, 高兼容性等等. 新版本的浏览器还将支持GPU加速, 也就是显卡加速. Google Chrome在实用性和美观上都可以赢得一片喝彩, 但是就目前的Google Chrome, 占据个人电脑上的一席之地没问题, 完全取代用户电脑上其他浏览器的则为时尚早.

Google Chrome的功能已经越来越完善, 但截至目前最新的Chrome, 依然没有完善的打印功能. 最基本的打印页面设置功能在Gogole Chrome完全找不到.
打印页面设置可以根据需求设置页眉页脚, 是否打印背景颜色和图案等等. 许多人对于打印页的标题和底端显示的网址不感兴趣, 但对于企业或者公司来说则难以接受, 相信没有多少人见到企业的打印纸张上面有打印来源的地址或者标题吧. B2C的网络零售商更是直接在线打印订单的装箱单之类, 没有打印页面设置让他们选择了使用其他浏览器来完成这一步.

对于Google来说, 添加这么一个最基本的功能应该是易如反掌, 从最初的Beta版到最新的Beta版这个功能都没有实现, 将这个提议提交到Google人不在少数, 下一个版本的Google Chrome是否还是让大家失望的不懂用户的浏览器呢? 也许Google真的把打印功能给遗忘了。

阅读全文…

分类: 资讯 标签: