2014年12月26日

摘要: 第一章打开网站慢现状分析在公司访问部署在IDC机房的VIP网站时会感觉很慢。是什么原因造成的?为了缩短页面的响应时间,改进我们的用户体验,我们需要知道用户的时间花在等待什么东西上。可以跟踪一下我们的登录页面,如下图所示从上图我们可以分析知道,HTML文档只占了总响应时间的20%,其它80%响应时间用... 阅读全文
posted @ 2014-12-26 15:25 蓝、调 阅读(158) 评论(0) 推荐(0) 编辑
 

2014年12月25日

摘要: Knockout是在下面三个核心功能是建立起来的:监控属性(Observables)和依赖跟踪(Dependency tracking)声明式绑定(Declarative bindings)模板(Templating)工作中,最重要的是建模,模型建好了,能减少很多的工作和代码,只要着重于维护好自己的... 阅读全文
posted @ 2014-12-25 17:31 蓝、调 阅读(175) 评论(0) 推荐(0) 编辑
 
摘要: Knockout是一个轻量级的UI类库,通过应用MVVM模式使JavaScript前端UI简单化。Knockout有如下4大重要概念:声明式绑定(Declarative Bindings):使用简明易读的语法很容易地将模型(model)数据关联到DOM元素上。UI界面自动刷新(Automatic U... 阅读全文
posted @ 2014-12-25 17:12 蓝、调 阅读(239) 评论(0) 推荐(0) 编辑
 

2014年2月26日

摘要: 像你所遇到的问题一样, IE6浏览器有太多的bug让制作网页的人头疼。这篇文章介绍的是介绍的是如何解决IE6不支持position:fixed;属性的办法。如果我们需要做某个元素始终位于浏览器的底部,不会因为浏览器窗口的缩放和滚动条的滚动而变化,那个肯定是想到的用position:fixed生成绝对定位,只要设置这个CSS属性就能达到刚刚的需求。当其他浏览器都正常显示的时候,只有IE6不那么完美。该元素的位置是通过"left", "top", "right" 以及 "bottom" 属性进行规定。一般的 posit 阅读全文
posted @ 2014-02-26 11:21 蓝、调 阅读(399) 评论(0) 推荐(0) 编辑
 

2014年2月21日

摘要: HTTP 400 - 请求无效HTTP 401.1 - 未授权:登录失败HTTP 401.2 - 未授权:服务器配置问题导致登录失败HTTP 401.3 - ACL 禁止访问资源HTTP 401.4 - 未授权:授权被筛选器拒绝HTTP 401.5 - 未授权:ISAPI 或 CGI 授权失败HTTP 403 - 禁止访问HTTP 403 - 对 Internet 服务管理器 的访问仅限于 LocalhostHTTP 403.1 禁止访问:禁止可执行访问HTTP 403.2 - 禁止访问:禁止读访问HTTP 403.3 - 禁止访问:禁止写访问HTTP 403.4 - 禁止访问:要求 SSLH 阅读全文
posted @ 2014-02-21 16:47 蓝、调 阅读(1764) 评论(0) 推荐(0) 编辑
 

2014年2月17日

摘要: 1. Javascript 返回上一页history.go(-1), 返回两个页面: history.go(-2);2. history.back().3. window.history.forward()返回下一页4. window.history.go(返回第几页,也可以使用访问过的URL)例:向上一页response.Write("")response.Write("")向上一页页面跳转:onclick="window.location.href='list.aspx'"P.S.小技巧(JS引用JS):Javas 阅读全文
posted @ 2014-02-17 13:06 蓝、调 阅读(173) 评论(0) 推荐(0) 编辑
 

2014年2月13日

摘要: 做微信平台遇到的bug,没有什么方法修改,至今只是避免出现,还未解决1.header的position:fixed定位:如果整个页面的高度不足屏幕高度时,安卓部分手机header与title之间会有一条缝隙。2.一个页面中有input标签和header的position:fixed定位,页面长度超过input标签选中的状态下往上滑。input标签会覆盖fixed定位的元素。3.微信有的版本或者有的手机不支持tel属性 无法拨打电话 前两个bug由于z-index不管用,所以页面布局舍弃fixed,而用普通流布局,看易迅和其他类似的相似的问题也会出现,解决方法也都类似。有的第二个bug都不解决. 阅读全文
posted @ 2014-02-13 14:29 蓝、调 阅读(212) 评论(0) 推荐(0) 编辑
 

2014年1月16日

摘要: 近期项目中使用iScroll遇到一个问题,在设定wrapper为横向滚动时,如果你手指放在该区域,将无法拉动页面,也就是说该区域取消了默认事件。这个体验是实在是无法接受,特别是页面中有多个横向滚动区域时,很容易触碰到这种区域,这时用户将觉得页面很卡。Google搜了一下,看来很多人都为这个问题而烦恼。有高人给出了解决方案,在这里可以找到。代码如下:myScroll=newiScroll('scrollpanel',{ // other options go here... vScroll:false, onBeforeScrollStart:function(e){ if(th 阅读全文
posted @ 2014-01-16 14:07 蓝、调 阅读(280) 评论(1) 推荐(0) 编辑
 
摘要: iScroll 4 这个版本完全重写了iScroll这个框架的原始代码。这个项目的产生完全是因为移动版webkit浏览器(诸如iPhone,iPad,Android 这些系统上广泛使用)提供了一种本地化的方式来对一个限定了高度和宽度的元素的内容进行滑动。很不幸的是,这种情况下所有的web应用的页面就不能够包含具有position:absolute的头、页尾或者是一个内容可滚动的中间区域。然而,Android系统最新修订版已经可以支持这种功能了(尽管支持的力度还不是特别好),Apple公司似乎不太情愿将one-finger滑动事件运用到div元素上。除了以前版本的iScroll的特性以外,iSc 阅读全文
posted @ 2014-01-16 09:11 蓝、调 阅读(473) 评论(0) 推荐(0) 编辑
 

2013年12月28日

摘要: 在动态网页中,常常需要在单击超链接时处理一些数据,而不是跳转一个网页。在这种情况下,通常有以下三种处理方式:不设置标签的href属性,只设置onclick属性。在这种处理方式下,通常超链接文本会和正文的文本以相同的形式出现,即不 会有默认的下划线。当鼠标放在超链接上也不会显示小手的形状(除非为该超链接设置了CSS)。因此,用户很难知道这是一个可以点击的超链接。将标签的href属性值设置为"#",并设置onclick属性。在这种处理方式下,用户可以很明显地看出哪些文字是超链接。在 单击该超链接时,也可以执行onclick属性值中的JavaScript语句,并且不会跳转网页。但 阅读全文
posted @ 2013-12-28 14:00 蓝、调 阅读(9028) 评论(0) 推荐(2) 编辑