摘要： 转自：http://www.cnblogs.com/jaxu/archive/2009/07/02/1515506.html常规的Web应用程序中涉及到文件上传的部分都不可避免地会使用到<input type="file"/>控件，在上传文件的时候通过点击“浏览”按钮，在弹出的文件选择对话框中选择本地要上传的文件。当然，如果你已经知道要上传的文件的本地路径，也可以复制路径到控件的输入框中（例如要选择的文件的路径特别长）。这就存在一个问题，如果你所复制的文件路径根本不存在，那么上传的时候就无法正确获取到文件，而且在javascript中没有判断该控件所选择的文件是 阅读全文

摘要： 前台用了jquery框架，索性就在select的onchange的function中利用$(".content #select1").val();来调用select选中的option的value值。FF/Chrome等浏览器都能正常获取到value，但IE6下获取不到。后来在网上快速搜了一下，发现其实有个很简单的办法。直接在select中写入方法：onchange="selchange(this.value);"this.value就能直接调用选中的option的value值了。 阅读全文

摘要： View Source读完一章，真正了解到html结构化是多么的重要。运用html语义化标签能更好的体现出html的结构。通过图片替换，隐藏说明文字，能够起到很好的换肤效果。css Zen Garden的结构化很清晰，让人一目了然。Design简洁设计要点设计阶段。可以从相片和调色板入手，将各种元素不断组合直至满意（图像和色彩），然后将设计好的付诸于css实现。排版样式。通过运用不同的文本大小、文字间距和颜色来调整版面样式。图标。图标要是对物体本质的抽象，强烈、一致的方式与要表示的概念关联起来。有的图标仅仅起到标号作用，简洁不能宣兵夺主。分界线。适当使用分界线，让页面有韵律，添加额外的维度。不 阅读全文

摘要： 项目的新需求下来后，首先要做的是，在父页面中嵌套一个子页面。父页面是设备端的页面，而子页面是公司服务器上的页面。这两个页面明显不在同一个域下面。嵌套子页面用iframe就能轻松搞定。但是后面的需求接踵而至。要求是：在子页面显示出错（例如，服务器上的子页面的地址更改或者服务器挂了）的时候，父页面不能显示出错误信息。这个当然是为了良好的用户体验。如果显示出“无法找到网页”或者404错误等，用户肯定觉得莫民奇妙。为了搜寻这个要求的解决方案，问了度娘（等于白问，没什么实质性的东西），又问了谷哥。通过层层渠道，求证了很多篇文章，找到了第一个的解决方案。第一个解决方案：利用location.hash来进行 阅读全文

摘要： 有的html标签不太常见。但在特定的时候用上这些语义化标签将带来很大的好处。<em><strong>强调，前者斜体，后者粗体<ins>插入<del>删除<code><var>代码和变量、<pre>配合<code>让代码换行<cite>、<q>和<blockquote>表示引用别人说的<blockquote cite="http://www.baidu.com"><p><cite>百度</cite> 阅读全文

摘要： 浏览器专有属性Webkit核心浏览器：-webkit-Gecko核心浏览器：-moz-Konqueror：-khtml-Opera：-o-IE8：-ms-选择器种类繁多，已经有人总结了。偷个懒，贴个链接：http://www.ruanyifeng.com/blog/2009/03/css_selectors.htmlRGBA和透明度rgba(164,173,183,.15)opacity:0.8RGBA和opacity之间的不同时前者只会应用到指定的元素上，而后者会影响我们指定的元素及其子元素多栏布局不用使用多个div标签实现多栏布局，直接利用css。div{ -webkit-column-. 阅读全文

摘要： 我还是比较喜欢看设计类的书籍，虽然可能对这方面的修炼还不够，只能简单操作以下。不过看看还是觉得很有帮助。写了一个简单的读书笔记，在此记录一下。前端设计的重要性： 前端设计已经不单是HTML、CSS、Ajax等元素的整合了，更关注的交互的流畅性、操作的便利性、流程的合理性、结构的清晰度及可维护性。前端开发的学习：现在的前端设计师不仅仅是做页面的程序员了。不仅需要关注用户看到的界面美观程度，更需要关注是否能让用户获得良好的体验。知识的多元性，使学习的过程比较缓慢。前端开发领域需要学习的知识非常多，比较零散，关联性不高，常常还需要跟一些跨领域的知识融合。前端开发的学习会存在一个明显的阶梯性成长过程. 阅读全文

摘要： 项目中需要用到手机拖动事件，但对于pc浏览器的mousedown、mouseover和mouseup手机支持没有pc好，所有搜了一篇关于iphone上的触摸和手势来学习学习。以下为原文：我先来说说iPhone的控制台，因为我发现它在测试时是非常重要的。在Settings-Safari-Developer下，你可以把它打开或 关闭。它提供了一些简单的信息，包括错误、警告等。当我阅读这份[Apple Developer Connection page]文档之后，虽然它写的很生动和完整，但仍 然给我留下了一些细节上的困惑。并且，如果你不是ADC（Apple开发者中心）的会员，看这个文档可能会让你更迷 阅读全文

摘要： 在项目中用到javascript不断获取服务器的摄像头图片来显示视频效果。但是当服务器停机时前台页面img获取失败后自动停止，服务器重启后必须手动刷新页面才能继续观看视频。现在需要前台自动识别服务器是否停机或重启。这里主要是通过img的src属性去判断，如果src获取服务器图片失败，就设置定时器不断获取服务器图片直到成功。怎样判断img的src获取失败，就是img的onerror事件了。The onerror event is triggered when an error occurs loading a document or an image.支持的HTML标签有：<img> 阅读全文

摘要： 项目中遇到手机和电脑同时访问一个网站。对于网站的显示，手机需要把图片撑开占满屏幕的宽度，而电脑不需要。所以网上查找了一下关于判断客户端是否为手机的代码。var bForcepc=fGetQuery("dv") == "pc";function fBrowserRedirect() { debugger; var sUserAgent = navigator.userAgent.toLowerCase(); var bIsIpad = sUserAgent.match(/ipad/i) == "ipad"; var bIsIphoneO 阅读全文