牙膏 的专栏

document对象1.document.documentElement==document.childNodes[0]=document.firstNode     取到对的引用2.document.body  取得对的引用document 是 HTMLDocument  的实例对象，document对象有一些标准Document对象没有的属性docume

网页加载历程详解网页加载过程详解　　网页加载的详细步骤拆分：　　1、用户打开url链接　　2、浏览器查询url的dns地址　　3、提交url请求到服务器端　　4、服务器端处理　　5、传输处理好的html文本内容到浏览器　　6、浏览器解析html，并加载css，js，图片等内容　　7、加载完成，用户看到完整的页面内容

在谷歌浏览器，当页面有css3 animation 且有 fixed块的时候，fixed块在页面滚动的时候会出现fixed块闪动这种bug算是页面交互渲染这类问题，试着触发浏览器的重绘。webkit/blink内核渲染bug修复神器，webkit 的 haslayout:    -webkit-transform:translateZ(0); 完美搞定。

人们问我最多的问题之一是在CSS类名中--和__是什么意思？它们的出现是源于BEM和Nicolas Gallagher...BEM的意思就是块（block）、元素（element）、修饰符（modifier）,是由Yandex团队提出的一种前端命名方法论。这种巧妙的命名方法让你的CSS类对其他开发者来说更加透明而且更有意义。BEM命名约定更加严格，而且包含更多的信息，它们用于一

遇到这样的设计图，刚开始还真是不知所措，因为要防止他超过两行，所以给字体 line-height 20px  盒子高度 40px，但是在一行的时候会出现空白太多的问题，单是如果要针对一行跟两行来写样式的话，我们怎么去知道文字是一行还是两行?最后想到的解决方法就是max-height 40px ,完美解决

第一次接触 这 所谓的 “混合开发” ，困难的地方在js 与 android ios交互这块自己定义了一个接口文档给两个开发组，例如：接口名称：TestInteractive，js调用原生方法：test1(),  test2(str1);test1因为没参数，所以 android 跟ios 都没问题，都可以调用得到，但是test2(str1)是有参数的，android的定义跟js一样，参数

1.background-size:auto || || ||cover ||cantaincover: 放大铺满，但会使图片失真 contain:保持北京图片本身的比例，将图片缩放至宽或者高正好适应所定义北京容器区域支持 IE9+ Firefox3.6+ chrome 4.0+ oprea 10+ sarfri 3+2.background-break:bounding-box || ea

首先，先说的是我每个项目都会用到的一个模板页，这个我遇到大大小小的坑之后定义好的一个html文件 上面的meta可以帮我避免了好都问题遇到的问题：1.苹果手机上面，input控件会有默认的样式解决/*去掉苹果手机端web按钮默认样式，解决按钮默认圆角问题*/input[t