权记

一个关于我们生活点滴的网站,一个记录我们酸甜苦辣的日志。

 

最近在Web项目开发过程中遇到的本地图片预览的需求,虽然最后因为其他原因没能使用,但是也算有些了解,整理出来。

这里我们按浏览器分,主要包括IE6,IE7/8 和Firefox3, 不包含Opera,Safari和Chrome,这三个基本上需求很小,没有研究。

总结一下就是:

IE6下可以直接从file的value获取图片路径来显示预览。
IE7和IE8下通过select获取file的图片路径,再用滤镜来显示预览。
FireFox下调用file的getAsDataURL方法获取Data URI数据来显示预览。

下面是一个完整的Demo:

Tips:You can change the code before run.

  • 0 Comments
  • Filed under: 技术
  • 这周来一直在赶一个Web项目,没多少时间focus到其他上面,于是这周的主题就干脆做个整理,整理下web项目开发时遇到的一些问题和解决办法。

    本周主题:Web 项目开发中的常见问题

    一、中文乱码

    建议统一使用UTF8,或者全局做个filter处理。

    二、表单校验

    使用第三方校验框架, 而非自己去写,可以减少很多工作量。

    三、Ajax的使用

    首页尽量少用ajax,页面初次加载时常会加载不上来,尤其多个Ajax实例同时运行。

    四、UI 规范

    UI最好是出Demo,跟客户确认,定终稿,然后开发按最终效果图实现页面最好,否则没有页面或者效果图,即使有统一的规范,还是会浪费很多时间去调UI问题。

    五、浏览器的兼容问题

    虽然IE6基本上淘汰了,可老机器上使用IE6的还是不少的,Css 在处理兼容问题时,建议分开处理,在页面进行浏览器version判断,读取不同的css,这样管理和调整起来都方便。

    六、比较完整的测试数据

    页面框架搭完了,看着效果不错,可是填完数据后会发现和想象的不太一样。

    七、用JPA Or JDBC 与数据库交互

    JPA与JDBC相比之下,使用JPA大大减少了编程人员的工作量,因此还是偏向使用JPA,特殊环境下再选择JDBC

  • 0 Comments
  • Filed under: 周主题
  • 天发现了这个好玩的东西,让本来在Linux就不咋用QQ的我有重拾QQ的冲动,感觉很不错,分享给大家,先看图吧,借用LinuxToy的图片。

    webqq-message-400x84

    原文在这里:WebQQ 桌面化

    我简要表述下主要做法:

    1、安装allTray,版本0.69,最新版的貌似不行,还是安装0.69版的比较好。

    2、创建WebQQ的桌面应用,具体看WebQQ 桌面化的做法。

    3、按照WebQQ 桌面化的格式,编辑WebQQ的属性。

    4、注意,一定要注意,图标地址别用错了,一定是你自己的图标,不要直接拷贝过来使用,检查检查是否格式正确。

    allTray一直在用,但是没有发现其还有这么好用的命令,正如作者所说用 Alltray 创建系统托盘提示功能才是那篇文章的精华!

  • 0 Comments
  • Filed under: 技术
  •