摘要：
前几天参加了阿里的笔试题，题目虽然很简单，但是现在回想下发现出了不少问题，还是基础不牢固啊。把这些题目写出来也算是对自己的一种提升吧。 1.html题 代码：<!DOCTYPE html><html> <head> </head> <style> table,td,th{ border: 1px solid #000; border-collapse: collapse; text-align: center; } </style> <body> <table class="table" 阅读全文
摘要：
最近在使用正则表达式的g标志时出现了错误，索性就把正则表达式在总结下，算是加强理解吧！ 1、创建正则表达式 1.1使用正则表达式字面量（即//）来创建 var reg = /(.)at/g; 1.2使用构造函数（RegExp） var reg = new RegExp('(.)at','g'); 1.3上述二种方法的不同 1.3.1、表达式中存在元字符（例如[、|等） 前者: var reg = /\.at/g //匹配 .at;后者：var reg = new RegExp('\\.at','g'); 2.标志g的用法 正则表达 阅读全文
摘要：
1.margin是什么？ margin用于控制元素周围空间的间隔，从视觉上达到空间间隔的目的。相对于前一个元素有相应的外边距。用于隔开元素与元素的。始终是透明的。2.外边距的合并问题（参见w3school）---前提：元素出于文档流中 2.1 两个垂直外边距相遇时，在垂直方向上会发生外边距的叠加，最终的外边距等于二者的较大值； 2.2 当一个元素（没有边框和内边距）包含另外一个元素时，将在垂直方向上发生叠加； 2.3 当一个元素为空元素时（且没有外边距和），自身会发生外边距的叠加3.margin在块元素和行内元素中的区别 margin在块元素中会影响块元素的上下左右，可以随意控制；而在内联元素 阅读全文
摘要：
1.多列等高问题---padding补偿法 解决办法有：可以使用javascript，也可以使用边框模拟法。这里就介绍一种负边距的办法。View Code 1 <div id="content"> 2 <div class="first"></div> 3 <div class="second"></div> 4 </div> 5 6 <script> 7 #content{ 8 overflow: hidden; 9 }10 .first,.seco 阅读全文
摘要：
0.前言看了一个下午的工场模式，晚上就总结一下，也算是一种成果吧。1.工场模式的定义 工场模式分为简单工场模式和复杂工场模式，为了动态创建对象。2.分类 2.1简单工场模式 简单工场模式是通过定义一个方法，根据参数（或条件）的不同来创建相应的对象。 View CodeView Code 1 var XHR = { 2 createXHR:function(){ 3 var methods = [ 4 function(){return new XMLHttpRequest();}, 5 function(){return... 阅读全文
摘要：
介绍单例模式的特点以及使用 阅读全文
摘要：
没想到javascript还可以模拟接口，顿时觉得js更加强大，所以把《javascript设计模式》的内容摘录出来，供大家学习，内容稍有改动.1.在javascript中引入接口的好处： 接口具有自我描述性，可以促进代码的重用；有利于不同的类之间进行通信，在大型项目中尤其有用；有利于代码的测试和调试。2.引入接口的弊端 接口的引入强化了类型的作用，降低了语言的灵活性；带来额外的开销；无法强迫其他程序员遵守你定义的接口。3.模仿接口的方法 方法1：用注释描述 View Code 1 /* 2 interface composite{ 3 function add(child)... 阅读全文
摘要：
1.预加载的好处 提高打开页面的速度，提高用户的体验。2.缺点 增加了无用的请求。3.实现function preLoad(url,fn){ var img = new Image(); img.src = url; if(img.complete){ fn.call(img); }else{ img.onload = function(){ img.onload = null; fn.call(img); } } }提高效率获取图片尺寸：参考var imgReady = (funct... 阅读全文
摘要：
一下均为个人理解，如果错误还望大家指正.1.块元素的定义 个人认为，块元素就是一个矩形框，作为参考，可以便于内部的元素定位和尺寸的计算。 在浏览器生成显示的页面的时候，每一个框都有一个定位，这个定位受其包含快的影响，不过它不被包含块所限制，而且可能会溢出到包含快之外。2.包含快的确定 1.跟预算怒存在的包含快成为初始包含快； 2.如果元素的定位（position）为relative或者static，它的包含块由它最近的快级、单元格（table cell）或者行内快（inline-block）祖先元素的内容框创建。 3.如果元素的定位（position）为fixed，包含块由视口创建。 ... 阅读全文
摘要：
1.在创建XMLHttpRequest对象时存在兼容 var xhr;if(window.XMLHttpRequest){ xhr = new XMLHttpRequest();}else if(window.ActiveXObject){ xhr = new ActiveXObject('Microsoft.XMLHTTP');}2.事件对象event的创建和属性存在差异 IE中，event事件作为window对象的一个属性；而FF则作为参数传递给函数。 同时IE阻止冒泡、阻止默认行为、事件源对象分别为： e.cancelBubble = true ,returnValue 阅读全文