28
2013
03

IE8 inline-block容器不撑开问题(利用重绘解决)

碰上问题 —— 分析问题 —— 解决问题。

浏览器兼容问题就这么出现的,今天就碰上一个IE8的问题。内容增加后,容器却不撑开。下面来看看详细的吧。


碰上问题:

问题: 有A,B,C三个容器,其中A设置了display:inline-block,A容器包含B容器,B容器包含C容器。此时C容器的高度增加时(脚本动态为C增加内容),A容器的高度居然不变? 问题如下图,A容器下面的内容被覆盖了。

20
2013
03

浏览器工作原理 - 浏览器架构简介

浏览器工作原理,知道浏览器才知道如何对前端进行优化和很好的处理各类前端问题。看看浏览器的架构图。

image

  1. User Interface(用户接口,浏览器展示部分):包括地址栏、前进/后退按钮,书签菜单等,最重要的还有一个请求展示窗口。

25
2013
02

利用safari6.0远程调试iPhone/iPad上的网页

在PC机或则Mac机上做web开发时我们用到的调试工具很多,但是做iPhone/iPad下的网页调试工具却很少。在iOS6之前我们也许可以用iWebInspector来进行调试,现在我们可以直接用Safari来进行调试了。看看原理图,利用Mac机的Safari远程调试iPhone/iPad设备上的网页,或则利用Mac机的Safari调用本机iOS Simulator上的网页,非常方便

image

23
2013
02

Windows7上搭建iPhone/iPad网页调试环境

要搭建iPhone/iPad网页调试环境在Windows7上,其实挺坑爹的,地球人都知道要用到虚拟机才行,本文方法也不例外。麻烦,耗资源,但有需求就得上。下面四步让你win7上可以开发iPhone/iPad应用(准备好你的PC吧)

  1. 安装虚拟机软件VMware 9,和mac os. 图文教程可以到我同事Unmi网站看详细教程:http://unmi.cc/vmware9-install-mac-os-x-mountain-lion

01
2013
02

Javascript多变量声明的艺术

在我们写Javascript脚本的时候总避免不了多个变量同时声明的情况,看过一些相关Javascript性能优化书籍的同学也明白变量声明的对性能的一些影响。复习一下,Javascript如何声明变量能使执行的性能提到最高呢?

  1. 尽量将所有变量声明放到函数的开始位置。

  2. 用一个var同时声明多个变量,而少用多个var声明变量。

这两句话的意思是:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
function a(){
   //推荐放这里
   var foo = 1, bar = 2;
   ...
   ...
   //不推荐放这里
   var foo = 1;
   foo++;
   var bar = 2;
   bar--
}
                                                                                               
//提高性能,推荐这么写
var foo = 1,
   bar = 2;
//不推荐
var foo = 1;
var bar = 2;

而这里我想分享的是,我对第二点写法的一种看法。因为这种写法在一些情况下会有一些不确定性。


29
2013
01

HTML5新特性应用:利用localStorage来处理你的Javascript脚本错误

localStorage作为HTML5中的新特性,它的出现可以说对于前端性能体验来讲可以获得相当大的改善。存储一些用户经常用到而又不是涉及隐私和安全的东西,的确是一个非常好的选择。下面分享一下用localStorage来处理客户端代码错误的例子来了解一下它的用途吧。


对于Javascript脚本的一些不确定性的错误,做前端的人都知道有时候很难捕获。某些错误错误甚至跟一连串的操作有关,那么如何捕捉错误就成了一门可以研究学问,这不是本文的重点,重点是用localStorage在客户端记录下错误,然后用户碰到错误(当然用户不知道脚本错误,只要用户操作出现问题就可以发送错误,这得看我们的代码如何处理用户使用过程中的异常了)可以选择性的发送到服务器。

29
2013
01

实现无阻塞加载js广告(重写document.write)

无阻塞加载javascript,对于页面性能优化有很大的作用,这样能有效的减少js对页面加载的阻塞。特别是一些广告js文件,由于广告内容有可能是富媒体,更是很可能成为你页面加载提速的瓶颈,高性能javascript告诉我们,同学,提升你的网页速度,就无阻塞地加载JS吧。


于是便有一下代码出现。

(function() {
var s = document.createElement('script');
s.type = 'text/javascript';
s.async = true;
s.src = 'http://yourdomain.com/script.js';
var x = document.getElementsByTagName('script')[0];
x.parentNode.insertBefore(s, x);
})();


29
2013
01

多ajax请求的各类解决方案(同步, 队列, cancel请求)

疯狂的ajax,ajax带来很好的用户体验,于是一个稍微注重web系统使用ajax基本成为必然。当传统功能型web项目向用户体验型项目转变时,层出不穷的需求就来了。正如本篇所介绍的就是一个多个AJAX请求的情况下,如何利用jquery来处理几种case。


多个ajax请求同时发送,相互无依赖。

多个ajax请求相互依赖,必须有先后顺序。

多个请求被同时发送,只需要最后一个请求。


第1种case

26
2010
08

手机开发中你需要注意的问题

继续转载挨踢民工的文章,手机网站开发应注意的事项。肯定的说:文章很不错,很仔细。带上原文链接:http://www.fool2fish.cn/?p=324#more-324

  1. 手机网页编码需要遵循什么规范?
       遵循XHTML Mobile Profile规范(WAP-277-XHTMLMP-20011029-a.pdf),简称为XHTML MP,也就是通常说的WAP2.0规范。 XHTMLMP是为不支持XHTML的全部特性且资源有限的客户端所设计的。它以XHTML Basic为基础,加入了一些来自XHTML 1.0的元素和属性。这些内容包括一些其他元素和对内部样式表的支持。和XHTML Basic相同,XHTML MP是严格的XHTML 1.0子集。

...

26
2010
08

手机浏览器兼容性测试结果概要

最近公司项目有意要加入手机网站的想法,于是说,看了一些关于手机网站的资料。看了资料后才发现还是在06年接触过手机编程的我,还停留在WAP1.1,够火星吧! 看了XHTML MP后才发现3G时代终于到了,手机浏览器居然比PC机还多,那就意味着可怜的我们做手机网站的测试工作进一步加重......