白菜帮子

摘要： 关于页面加载时的时间消费，许多书中都做出了介绍，也提出了很多种方法。本文章就详细介绍XHR注入。概述：JS分拆的方法1.XHR注入：就是用ajax异步请求同域包含脚本的文件，然后将返回的字符串转化为脚本使用，该方法不会造成页面渲染和onload事件的阻塞，因为是异步处理，推荐使用。2.iframe注入：加载一个iframe框架，通过使用iframe框架中的脚本来避免src方式加载脚本的阻塞，但是iframe元素开销较大，不推荐。3.DOM注入：就是创建script元素，通过制定该元素的src并放入DOM树中，根据该语句书写的文字不同，会造成渲染或onload事件的阻塞。4. document. 阅读全文

摘要： 1.在js中修改元素background-size样式火狐：obj.style['backgroundSize']='XXX';谷歌及其他：obj.style['background-size']='XXX'; 或obj.style['backgroundSize']='XXX';2.火狐无法再JS... 阅读全文

摘要： 声明：这篇文章不是手册，所以不会说的很详细，只是告诉初学者CSS3显著的改进有啥，高手老手绕行。一、在边框上的改进1.可以给方框加圆角了，值越大越圆，解决了过去大方框的不美观2.可以给控件加阴影了，让控件看着更立体3.可以用图片做边框了，用类似于相框的图片最好。二、背景上的改进1.可以规定background-image的图片的大小/比例了，不像原来傻乎乎平铺或严丝合缝的切图。2.可以规定做背景图片所处的位置了，根据CSS盒模型的 border、padding和context的位置放背景图片。3.可以用多个背景图片作为一个背景呈现了，不过个人觉得这样不太好，中国这网速渲染背景得多费劲儿。三、文 阅读全文

摘要： 1.先把canvas选出来，不选出来你往哪儿画！var oCan= document.getElementById('xxx');2.声明基于 canvas 的context对象，没他你怎么调用方法画？！ var cxt=oCan.getContext('2d');//还不支持3d呢3.然后就用context对象的XXXStyle方法呗，你画画的时候不得选什么色儿的笔呀！(其实不选笔也行，默认就是黑色，此步骤可以省略) var cxt.fillStyle='Red';4.想画啥玩意儿就用什么方法，自己看表格去：想画啥就点这儿看5.想好了画啥就动笔 阅读全文

摘要： 1.margin padding的四个值得顺序：上右下左，就是顺时针的从12点到24点。2.div（一个层）垂直水平居中：先知道该div（层）的宽高，然后{height:100px; width:200px; margin:-50px 0 0 -100px; top:50%; left:50%;}3.CSS的叫法：嵌入式样式表（就是head中的） 内联式样式表（style中的） 链接式样式表（link中的）4.CSS中适应所有对象的是 背景附件 ？啥意思？5.CSS的内外补丁其实就是 margin 和 padding6.margin-top和margin-bottom是可以重合的。7.CSS浮 阅读全文

摘要： 1.有滚动条的控件的距离：scrollTop和scrollLeft：分别指有滚动条的容器控件的滚动条的top和left；页面滚动条的通用取法：document.body.scrollTop（FF\CHROM） || document.documentElement.scrollTop(IE); 当然了，你要非想给没滚动条的控件加scrollTop，也不报错，就是0；2.DOM控件的距离：offsetTop和offsetLeft：指标签对应父级的绝对Top和Left;offsetWidth和offsetHeight：算出控件的绝对宽度和绝对高度，就是控件宽加边框宽。火狐是一个很奇葩的浏览器，加了 阅读全文

摘要： getDate ：得到的是今天是 几号（1-28、29、30、31）。getDay : 得到的是今天是 星期几（1-7）。getFullYear ： 得到的是今天是 几几年（4位）。getHours ： 得到的是当前 几点（0-23）。getMilliseconds ：得到的是当前 毫秒（1-1000）。getMinutes ：得到的是当前 几分（0-59）。getMonth : 得到的是当前 几月（0-11）。getTime ： 得到的是从 1970年1月1日至今 的毫秒数。getSeconds ：得到的是当前 秒数 （0-59）。getTimezoneOffset ：返回格林威治时间和本地 阅读全文

摘要： 1.判断页面控件是否加载完毕：javascript：window.onload=function(){};JQuery: $("document").ready(functiong(){});2.JQuery和javascript编写方式的差异：javascript习惯：控件.事件=function(){};JQuery习惯：控件.事件(function（）{});3.JQuery特效方法使用的前提：淡入淡出：fadeIn():使用前，控件的display属性为none;同理fadeOut时display为block;滑动：JQuery的滑动不是控件来回来去跑，而是控件显示 阅读全文

摘要： 淘宝网前端开发面试题第一部分：HTML & CSS面试题1. Doctype? 严格模式不混杂模式-如何触发这两种模式，区分它们有何意义? 答：DOCTYPE就是： 严格模式和混杂模式： 标准模式和混杂模式（quirks mode）。在标准模式中，浏览器根据规范呈现页面；在混杂模式中，页面以一种比较 阅读全文

摘要： 1.submitinput 标签的 type里的submit是提交表单的按钮提交时应注意 为 标签加上 “name=""”字段和form标签，才能达到想要的效果2.正则表达式在写一个正则表达式用于replace时，正则表达式书写不用加引号，如 reg=\a\g 就行了3.Json的解析：分为两种方式：(1) ({key:value,k2:v2}) 这种方式eval出来的，在遍历json的时候，item就是key(2) [{key:value},{k2:v2}] 这种方式eval出来的遍历的item就是 0 1 2...n4.将Cookie解析为json是注意应将cookie 阅读全文