alanzyy的技术路程

直接帖上代码，对于添加事件，这里有两行代码是重点：                    fileObj.onchange = function(){checkFileSuffix()};                    delObj.onclick = function(){delInputFile(delObj)};//通过这种方式为onclick指定事件，不会直接执行del

前提说明:home.png是一张大小为1089*948大小的背景图片subscriber-login.png是一张大小为203*32大小的登陆按钮图片，而且该图片截取于背景图片中，位置为(822,171) 需求：现在想要实现一个页面，居中显示背景图片，然后点击subscriber-login.png所表示的按钮或者超链接进入登陆页面 最终代码：

文章转自：http://blog.sina.com.cn/s/blog_4ab1768f0100enx4.html直接给span标记的样式设定width属性，会发现不会产生效果。如果设置display:block，width属性生效，但是此时的span跟div一样了。如果设置display:inline-block，则span并列在同行，而且width属性生效。元素

背景描述这几天在使用Bootstrap的模态框时遇到一个问题，我使用超链接来响应模态框，代码如下： 你确定要取消与用户${userName}的关联关系吗?

Bootstrap v3本来就是一个移动为先的框架，可是我在使用的时候却丢弃了它的精髓，当作了一个简单的排版工具和组件皮肤使用。从使用Bootstrap的一开始就应该考虑手机端的显示效果，使用col-xs-? col-sm-?来为元素分配空间，最简单的情况就是只设置col-xs-?，因为更大的屏幕规则如果没有设置的画会继承小屏幕规格的设置。还有，不要忘了加上<meta name="viewport" content="width=device-width, initial-scale=1">。

今天在使用Bootstrap的Tooltip功能时遇到2个小问题：换行丢失，文字不是左对齐。然后经过百度和Bing找到了解决方案。

由于前端页面使用到了iframe，经常会出现JS/CSS更新之后，页面无法自动刷新以及按F5也无法刷新的问题，需要点击“重新加载框架”才能成功刷新页面。这会影响普通用户的使用。问题原因，iframe缓存了静态资源文件，在F5刷新时并不会刷新iframe中的缓存。解决思路，在每次发布时，修改静态资源的路径，使得访问新版本的页面时一定去下载新的资源文件。

站点图标，即打开一个网址时可以在地址栏看到的一个小图标，是一种产品logo，能够帮助用户识别和记住网站。

项目中使用jQuery DataTables插件来实现分页表格，但是默认的分页样式不能输入页码进行跳转，在页数非常多的时候使用很不方便，最主要的还是没有达到产品部门的设计要求，所以我需要寻找相应的解决方案。