q_qiong的博客

原创 JavaScript call()和apply()方法区别

call()和apply()1.共同点：作用完全一样。 都用来代替另一个对象调用一个方法，将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。         即在调用方法是，修改当前方法的调用对象2.不同点：传入参数的形式：         xxx.call(obj,arg1,arg2,arg3)         xxx.apply(obg,[ar

原创 前端学习

原创 js中如何获取手机的屏幕大小

屏幕可用工作区高度/宽：window.screen.availHeight/window.screen.availWidth屏幕分辨率的高/宽：+window.screen.height/window.screen.width网页可见区域宽/高：+document.body.clientWidth/document.body.clientHeight如果还是出现差异试试：引

转载 理解伪元素 :before 和 :after

层叠样式表（CSS）的主要目的是给HTML元素添加样式，然而，在一些案例中给文档添加额外的元素是多余的或是不可能的。事实上CSS中有一个特性允许我们添加额外元素而不扰乱文档本身，这就是“伪元素”。事实上，的确有一些CSS家族的成员（CSS选择器）被分类为伪元素比如：:first-line, :first-letter, ::selection, :before and :after。但是，

转载 雅虎34条军规

1、尽量减少HTTP请求次数      终端用户响应的时间中，有80%用于下载各项内容。这部分时间包括下载页面中的图像、样式表、脚本、Flash等。通过减少页面中的元素可以减少HTTP请求的次数。这是提高网页速度的关键步骤。      减少页面组件的方法其实就是简化页面设计。那么有没有一种方法既能保持页面内容的丰富性又能达到加快响应时间的目的呢？这里有几条减少HTTP请求次数同时又可能保持

原创 WEB前端经典笔试/面试题

1.HTML和XHTML，XML，DHTML有什么区别    HTML：超文本标记语言，专门编写网页内容的语言。   XHTML：严格的html标准，元素必须被正确地嵌套，元素必须被关闭，标签名必须用小写字母，文档必须拥有根元素。    XML：可扩展的标记语言，标签名和属性名可自定义。    DHTML：动态的html技术，是html+css+js的统称。2.写出几种

转载 浮动原理和清除浮动

下面我先讲一下浮动的原理：浮动的框可以左右移动，直至它的外边缘遇到包含框或者另一个浮动框的边缘。浮动框不属于文档中的普通流（文档流），即脱离了文档流，当一个元素浮动之后，不会影响到 块级框的布局而只会影响内联框（通常是文本）的排列，文档中的普通流就会表现得和浮动框不存在一样，当浮动框高度超出包含框的时候，也就会出现包含框不会 自动伸高来闭合浮动元素（“高度塌陷”现象）。顾名思义，就是漂浮于普通流之

转载 div+css与table布局

1：速度和加载方式方面的区别　　div 的加载方式是即读即加载，遇到 没有遇到 的时候一样加载 div 中的内容，读多少加载多少；table 的加载方式是完成后加载，遇到 后，在读到 之前，table 中的内容不加载，或者传输中断了(document.onload()事件)的时候加载，这是因为TABLE牵涉到多行多列问题,所以只有当TABLE所有内容加载完毕,IE才知道该怎么显示2