firefox中的事件onmouseover无法触发,请高手帮帮忙.......急

hbzyaxiu520 2009-08-22 03:21:37
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>兼容性好的TAB选项卡(IE,FF,Opera,Safari,Chrome)</title>
<style type="text/css">
#tab_container1{width:600px;text-align:left;}
.cls_tab_nav{height:26px;overflow:hidden;font-size:12px;text-align:left;background:url(images/line_bg.jpg) repeat-x bottom;}
.cls_tab_nav ul{font-size:9pt;margin:0;padding:0;}
.cls_tab_nav_li{background:url(images/tab_bg.jpg) no-repeat -157px 0;width:157px;height:26px;line-height:26px;float:left;display:inline;overflow:hidden;text-align:center;cursor:pointer;}
.cls_tab_nav_li_first{background-position:0px 0px;}
.cls_tab_nav_li a{text-decoration:none;color:#555;font-size:12px;}
.cls_tab_body{border:1px solid #FFAE1E;border-top:none;min-height:260px;padding:20px;}
.cls_div{display:none;font-size:14px;}

/*新添样式*/
.cls_tab_body .cls_div li{list-style:none; width:203px;padding:5px 0;padding-left:5px;text-align:left;background:#ffffff; word-wrap:break-word;word-break:normal; list-style:none; list-style-image:url(images/li.gif);}
.cls_tab_body .cls_div li.colorful{background:#eeeeee;}
.cls_tab_body .cls_div li.contents{background:#000000;color:#ffffff;display:none;}
.cls_tab_body .cls_div li.hide{display:none;}
.cls_tab_body .cls_div li.show{display:block;}
</style>
</head>
<body>
<div id="tab_container1">
<div class="cls_tab_nav">
<ul>
<li class="cls_tab_nav_li cls_tab_nav_li_first"><a href="/">淘气榜</a></li>
<li class="cls_tab_nav_li"><a href="/sort/list_1_1.shtml">好评榜</a></li>
<li class="cls_tab_nav_li"><a href="#">其它</a></li>
</ul>
</div>
<div class="cls_tab_body">
<div class="cls_div" style="display:block;">tab选项卡</div>
<div class="cls_div">
<ul>
<li id='l1' class="colorful">1.美特斯邦威，不走寻常路</li>
<li id='l11' class="contents" ><img src="images/mst.gif" alt="美斯特"/>1.美特斯邦威，不走寻常路美特斯邦威，不走寻常路美特斯邦威，不走寻常路美特斯邦威</li>
<li id='l2' >2.关键时刻，我只信赖诺基亚</li>
<li id='l21' class="contents">2.关键时刻，我只信赖诺基亚关键时刻，我只信赖诺基亚关键时刻，我只信赖诺基亚关键时刻，</li>
<li id='l3' class="colorful">3.DHC妆前平整乳太棒了</li>
<li id='l31' class="contents">3.DHC妆前平整乳太棒了DHC妆前平整乳太棒了DHC妆前平整乳太棒了</li>
<li id='l4'>4.李宁，中国的名族魂</li>
<li id='l41' class="contents">4.李宁，中国的名族魂李宁，中国的名族魂李宁，中国的名族魂</li>
<li id='l5' class="colorful">5.波导手机，手机中的战斗机</li>
<li id='l51' class="contents">5.波导手机，手机中的战斗机波导手机，手机中的战斗波导手机，手机中的战斗波导手机，手机中的战斗三</li>
<li id='l6'>6.王老吉，不是一般的喜欢你</li>
<li id='l61' class="contents">6.王老吉，不是一般的喜欢你王老吉，不是一般的喜欢你王老吉，不是一般的喜欢你王老吉，不是一般的喜欢你</li>
<li id='l7' class="colorful">7.雅芳，我觉得真不错</li>
<li id='l71' class="contents">7.雅芳，我觉得真不错雅芳，我觉得真不错雅芳，我觉得真不错雅芳，我觉得真不错</li>
<li id='l8'>8.不得不赞，移动客服</li>
<li id='l81' class="contents">8.不得不赞，移动客服不得不赞，移动客服不得不赞，移动客服不得不赞，移动客服不得不赞，移动客服</li>
</ul>
</div>
<div class="cls_div">其它内容/</div>
</div>
</div>
<script type="text/javascript">
try
{
document.execCommand("BackgroundImageCache", false, true);
}
catch(e){}
//获取某个元素对象
function $(element)
{
if(arguments.length>1)
{
for(var i=0,elements=[],length=arguments.length;i<length;i++)
elements.push($(arguments[i]));
return elements;
}
if(typeof element=="string")
{
return document.getElementById(element);
}

else
{
return element;
}

}
//创建一个函数对象
var Class=
{
create:function()
{
return function()
{
this.initialize.apply(this,arguments);
}
}
}
//实现对象的继承
Object.extend=function(destination,source)
{
for(var property in source)
{
destination[property]=source[property];
}
return destination;
}
/*新增方法*/
//为元素添加新的元素的class属性
function hasClass(element, className)
{
var reg = new RegExp('(\\s|^)'+className+'(\\s|$)');
return element.className.match(reg);
}
var addClass = function(elem, className) {
if ((" " + elem.className + " ").indexOf(" " + className + " ") == -1) {
if (elem.className == "") {
elem.className = className;
} else {
elem.className += (" " + className);
}
}
};
/*function addClass(element, className)
{
if (!this.hasClass(element, className))
{
element.className += " "+className;
}
} */
function removeClass(element, className)
{
if (hasClass(element, className))
{
var reg = new RegExp('(\\s|^)'+className+'(\\s|$)');
element.className = element.className.replace(reg,' ');
}
}

//为某一元素添加事件
var addEvent = function(elem, eventName, handler) {
if (elem.addEventListener) {
elem.addEventListener(eventName, handler, false);
} else if (elem.attachEvent) {
elem.attachEvent("on" + eventName, handler);
}
};
//创建tab选项卡对象
var tabMenu=Class.create();
tabMenu.prototype={
initialize:function(container,selfOpt,otherOpt){
this.container=$(container);
var selfOptions=Object.extend({fontWeight:"bold",fontSize:"12px",color:"#FFBC44"},selfOpt||{});
var otherOptions=Object.extend({fontWeight:"normal",fontSize:"12px",color:"#666"},otherOpt||{});
//用for循环得到objs数组,主要是为了兼容非IE浏览器把空白也当作子对象
for(var i=0,length=this.container.childNodes.length,objs=[];i<length;i++)
{
if(this.container.childNodes[i].nodeType==1)
objs.push(this.container.childNodes[i]);
}
var tabArray=objs[0].getElementsByTagName("li");
//用for循环得到divArray数组,主要是为了兼容非IE浏览器把空白也当作子对象
var divArray=new Array();
for(i=0,length=objs[1].childNodes.length;i<length;i++)
{
if(objs[1].childNodes[i].nodeType==1)
divArray.push(objs[1].childNodes[i]);
}

//用for循环得到liArray
var liArray=objs[1].childNodes[1].getElementsByTagName("li");
/*var liArray=new Array();
for(i=0,length=objs[1].childNodes[1].childNodes[0].childNodes.length;i<length;i++)
{
if(objs[1].childNodes[1].childNodes[0].childNodes[i].nodeType==1)
{
liArray.push(objs[1].childNodes[1].childNodes[0].childNodes[i]);

}
}*/
alert(liArray.length);

for(i=0,length=liArray.length;i<length;i++)
{
addEvent(liArray[i],"mouseover",function(){alert("sfsdfsdf")});
liArray[i].length=length;
liArray[i].index=i;
if(i%2==0)
{
liArray[i].onmouseover=function(e)
{
var thisid=this.id;
var li=document.getElementById(thisid);
var li_color=document.getElementById(thisid+"1");
addClass(li,"hide");
addClass(li_color,"show");



};

liArray[i].onmouseout=function()
{
var thisid=this.id;
var li=document.getElementById(thisid);
var li_color=document.getElementById(thisid+"1");
/*alert(li);
alert(li_color);*/
removeClass(li,"hide");
removeClass(li_color,"show");

}
}
} for(i=0,length=tabArray.length;i<length;i++)
{
tabArray[i].length=length;
tabArray[i].index=i;
tabArray[i].onmouseover=function()
{
//其它选项卡样式设置
for(var j=0;j<this.length;j++)
{
tabArray[j].style.backgroundPosition="-"+tabArray[j].offsetWidth+"px 0";
for(var property in selfOptions)
{
tabArray[j].firstChild.style[property]=otherOptions[property];
}
}
//当前选项卡样式
this.style.backgroundPosition="0 0";
for(var property in selfOptions)
{
this.firstChild.style[property]=selfOptions[property];
/*
注意this.style.property和selfOptions.property的用法错误
style.fontWeight正确
style["fontWeight"]正确
style["font-weight"]错误
*/
}
//隐藏其它选项卡
for(j=0;j<this.length;j++)
{
divArray[j].style.display="none";
}
//显示当前选项卡
divArray[this.index].style["display"]="block";
}
}
}
}

var tab1=new tabMenu("tab_container1",{fontSize:"14px",color:"#FFBC44",fontWeight:"bold"},{fontWeight:"normal",color:"#666"});


</script>
</body>
</html>
...全文
806 15 打赏 收藏 转发到动态 举报
写回复
用AI写文章
15 条回复
切换为时间正序
请发表友善的回复…
发表回复
iyvan 2011-06-21
  • 打赏
  • 举报
 回复
友情帮顶
zyh0311 2010-06-09
  • 打赏
  • 举报
 回复
进来看看
苦茶seo 2010-04-19
  • 打赏
  • 举报
 回复
颜色要用#号
s_liangchao1s 2009-08-24
  • 打赏
  • 举报
 回复
[Quote=引用 10 楼 hbzyaxiu520 的回复:]
引用 8 楼 evionmzs 的回复:
引用 4 楼 s_liangchao1s 的回复:
引用 3 楼 evionmzs 的回复:
经测试，问题还是没解决

你是哪门子测试...

好评榜里面的OnMouseOver在IE7里有效，Google和ff里无效，其它的没测。

是啊，就是兼容性没有解决好，我在IE6 IE8下都没问题，FF就是不行！所以请大家给分析哈啊！
[/Quote]

我在2楼已经给你改了一部分 你可以参考下.
hbzyaxiu520 2009-08-24
  • 打赏
  • 举报
 回复
[Quote=引用 8 楼 evionmzs 的回复:]
引用 4 楼 s_liangchao1s 的回复:
引用 3 楼 evionmzs 的回复:
经测试，问题还是没解决

你是哪门子测试...

好评榜里面的OnMouseOver在IE7里有效，Google和ff里无效，其它的没测。
[/Quote]
是啊，就是兼容性没有解决好，我在IE6 IE8下都没问题，FF就是不行！所以请大家给分析哈啊！
禽兽v5 2009-08-24
  • 打赏
  • 举报
 回复
一般都是被挡住了，把z-index设置一下就好。
cgisir 2009-08-23
  • 打赏
  • 举报
 回复
在FF下用 firstChild lastChild nextSibling ... 时要注意
FF下会把换行也认为是一个节点 所以如果下面这样
<ul>
<li></li>

这里 ul.firstChild可能是#text(一个\n) 这时你调用 ul.firstChild.style.就会报错...
执行的结果也不一定是你想要的

s_liangchao1s 2009-08-23
  • 打赏
  • 举报
 回复
[Quote=引用 3 楼 evionmzs 的回复:]
经测试，问题还是没解决
[/Quote]
你是哪门子测试...
马少华 2009-08-23
  • 打赏
  • 举报
 回复
经测试，问题还是没解决
马少华 2009-08-23
  • 打赏
  • 举报
 回复
[Quote=引用 8 楼 evionmzs 的回复:]
引用 4 楼 s_liangchao1s 的回复:
引用 3 楼 evionmzs 的回复:
经测试，问题还是没解决

你是哪门子测试...

好评榜里面的OnMouseOver在IE7里有效，Google和ff里无效，其它的没测。
[/Quote]
如果你解决的不是这里的OnMouseOver的话，那么不好意思。是我看错了。
马少华 2009-08-23
  • 打赏
  • 举报
 回复
[Quote=引用 4 楼 s_liangchao1s 的回复:]
引用 3 楼 evionmzs 的回复:
经测试，问题还是没解决

你是哪门子测试...
[/Quote]
好评榜里面的OnMouseOver在IE7里有效，Google和ff里无效，其它的没测。
mmrwbb7 2009-08-23
  • 打赏
  • 举报
 回复
我的天 好长的代码。。。。帮你顶了
KK3K2005 2009-08-23
  • 打赏
  • 举报
 回复
写简化的HTML和JS
样式 数据 全不要
这样调试方便

还有现在底层的JS操作 推荐用现成的JS框架 比如jquery什么的 不要自己实现DOM操作了 自己写的话 光浏览器的兼容就很浪费时间

s_liangchao1s 2009-08-22
  • 打赏
  • 举报
 回复
劝楼主在没有完全理解OOP的时候尽量别进行过渡封装.看你的代码感觉有点像拼凑的代码 看上去很乱..根本没起到封装的效果...


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml"> 

<head> 

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 

<title>兼容性好的TAB选项卡(IE,FF,Opera,Safari,Chrome) </title> 

<style type="text/css"> 

#tab_container1{width:600px;text-align:left;} 

.cls_tab_nav{height:26px;overflow:hidden;font-size:12px;text-align:left;background:url(images/line_bg.jpg) repeat-x bottom;} 

.cls_tab_nav ul{font-size:9pt;margin:0;padding:0;} 

.cls_tab_nav_li{background:url(images/tab_bg.jpg) no-repeat -157px 0;width:157px;height:26px;line-height:26px;float:left;display:inline;overflow:hidden;text-align:center;cursor:pointer;} 

.cls_tab_nav_li_first{background-position:0px 0px;} 

.cls_tab_nav_li a{text-decoration:none;color:#555;font-size:12px;} 

.cls_tab_body{border:1px solid #FFAE1E;border-top:none;min-height:260px;padding:20px;} 

.cls_div{display:none;font-size:14px;} 



/*新添样式*/ 

.cls_tab_body .cls_div li{list-style:none;  width:203px;padding:5px 0;padding-left:5px;text-align:left;background:#ffffff; word-wrap:break-word;word-break:normal; list-style:none; list-style-image:url(images/li.gif);} 

.cls_tab_body .cls_div li.colorful{background:#eeeeee;} 

.cls_tab_body .cls_div li.contents{background:#000000;color:#ffffff;display:none;} 

.cls_tab_body .cls_div li.hide{display:none;} 

.cls_tab_body .cls_div li.show{display:block;} 

</style> 

</head> 

<body> 

<div id="tab_container1"> 

<div class="cls_tab_nav"> 

  <ul> 

  <li class="cls_tab_nav_li cls_tab_nav_li_first"> <a href="/">淘气榜 </a> </li> 

  <li class="cls_tab_nav_li"> <a href="/sort/list_1_1.shtml">好评榜 </a> </li> 

  <li class="cls_tab_nav_li"> <a href="#">其它 </a> </li> 

  </ul> 

</div> 

<div class="cls_tab_body"> 

  <div class="cls_div" style="display:block;">tab选项卡 </div> 

  <div class="cls_div"> 

  <ul> 

<li id='l1' class="colorful">1.美特斯邦威，不走寻常路 </li> 

<li id='l11' class="contents" > <img src="images/mst.gif" alt="美斯特"/>1.美特斯邦威，不走寻常路美特斯邦威，不走寻常路美特斯邦威，不走寻常路美特斯邦威 </li> 

<li id='l2' >2.关键时刻，我只信赖诺基亚 </li> 

<li id='l21' class="contents">2.关键时刻，我只信赖诺基亚关键时刻，我只信赖诺基亚关键时刻，我只信赖诺基亚关键时刻， </li> 

<li id='l3' class="colorful">3.DHC妆前平整乳太棒了 </li> 

<li id='l31' class="contents">3.DHC妆前平整乳太棒了DHC妆前平整乳太棒了DHC妆前平整乳太棒了 </li> 

<li id='l4'>4.李宁，中国的名族魂 </li> 

<li id='l41' class="contents">4.李宁，中国的名族魂李宁，中国的名族魂李宁，中国的名族魂 </li> 

<li id='l5' class="colorful">5.波导手机，手机中的战斗机 </li> 

<li id='l51' class="contents">5.波导手机，手机中的战斗机波导手机，手机中的战斗波导手机，手机中的战斗波导手机，手机中的战斗三 </li> 

<li id='l6'>6.王老吉，不是一般的喜欢你 </li> 

<li id='l61' class="contents">6.王老吉，不是一般的喜欢你王老吉，不是一般的喜欢你王老吉，不是一般的喜欢你王老吉，不是一般的喜欢你 </li> 

<li id='l7' class="colorful">7.雅芳，我觉得真不错 </li> 

<li id='l71' class="contents">7.雅芳，我觉得真不错雅芳，我觉得真不错雅芳，我觉得真不错雅芳，我觉得真不错 </li> 

<li id='l8'>8.不得不赞，移动客服 </li> 

<li id='l81' class="contents">8.不得不赞，移动客服不得不赞，移动客服不得不赞，移动客服不得不赞，移动客服不得不赞，移动客服 </li> 

</ul> 

  </div> 

  <div class="cls_div">其它内容/ </div> 

</div> 

</div> 

<script type="text/javascript"> 

try 

{ 

document.execCommand("BackgroundImageCache", false, true); 

} 

catch(e){} 

//获取某个元素对象 

function $(element) 

{ 

if(arguments.length>1) 

{ 

for(var i=0,elements=[],length=arguments.length;i <length;i++) 

elements.push($(arguments[i])); 

return elements; 

} 

if(typeof element=="string") 

{ 

return document.getElementById(element); 

} 

  

else 

{ 

return element; 

} 

  

} 

//创建一个函数对象 

var Class= 

{ 

create:function() 

{ 

  return function() 

  { 

this.initialize.apply(this,arguments); 

  } 

} 

} 

//实现对象的继承 

Object.extend=function(destination,source) 

{ 

for(var property in source) 

{ 

destination[property]=source[property]; 

} 

return destination; 

} 

/*新增方法*/ 

//为元素添加新的元素的class属性 

function hasClass(element, className) 

{ 

    var reg = new RegExp('(\\s|^)'+className+'(\\s|$)'); 

return element.className.match(reg); 

} 

var addClass = function(elem, className) { 

if ((" " + elem.className + " ").indexOf(" " + className + " ") == -1) { 

if (elem.className == "") { 

elem.className = className; 

} else { 

elem.className += (" " + className); 

} 

} 

}; 

/*function addClass(element, className) 

{ 

    if (!this.hasClass(element, className)) 

{ 

        element.className += " "+className; 

} 

} */ 

function removeClass(element, className) 

{ 

    if (hasClass(element, className)) 

{ 

      var reg = new RegExp('(\\s|^)'+className+'(\\s|$)'); 

  element.className = element.className.replace(reg,' '); 

} 

} 



//为某一元素添加事件 

var addEvent = function(elem, eventName, handler) { 

if (elem.addEventListener) { 

elem.addEventListener(eventName, handler, false); 

} else if (elem.attachEvent) { 

elem.attachEvent("on" + eventName, handler); 

} 

}; 

//创建tab选项卡对象 

var tabMenu=Class.create(); 

tabMenu.prototype={ 

initialize:function(container,selfOpt,otherOpt){ 

  this.container=$(container); 

    var selfOptions=Object.extend({fontWeight:"bold",fontSize:"12px",color:"#FFBC44"},selfOpt||{}); 

  var otherOptions=Object.extend({fontWeight:"normal",fontSize:"12px",color:"#666"},otherOpt||{}); 

  //用for循环得到objs数组,主要是为了兼容非IE浏览器把空白也当作子对象 

  for(var i=0,length=this.container.childNodes.length,objs=[];i <length;i++) 

  { 

  if(this.container.childNodes[i].nodeType==1) 

objs.push(this.container.childNodes[i]); 

  } 

  var tabArray=objs[0].getElementsByTagName("li"); 

  //用for循环得到divArray数组,主要是为了兼容非IE浏览器把空白也当作子对象 

  var divArray=new Array(); 

  for(i=0,length=objs[1].childNodes.length;i <length;i++) 

  { 

  if(objs[1].childNodes[i].nodeType==1) 

    divArray.push(objs[1].childNodes[i]); 

  } 

  

  //用for循环得到liArray 

  var liArray=objs[1].childNodes[1].getElementsByTagName("li"); 

  /*var liArray=new Array(); 

  for(i=0,length=objs[1].childNodes[1].childNodes[0].childNodes.length;i <length;i++) 

  { 

  if(objs[1].childNodes[1].childNodes[0].childNodes[i].nodeType==1) 

{ 

liArray.push(objs[1].childNodes[1].childNodes[0].childNodes[i]); 



} 

  }*/ 

  alert(liArray.length); 



  for(i=0,length=liArray.length;i <length;i++) 

  { 

  addEvent(liArray[i],"mouseover",function(){alert("sfsdfsdf")}); 

  liArray[i].length=length; 

liArray[i].index=i; 

if(i%2==0) 

{ 

liArray[i].onmouseover=function(e) 

{ 

var thisid=this.id; 

var li=document.getElementById(thisid); 

var li_color=document.getElementById(thisid+"1"); 

addClass(li,"hide"); 

addClass(li_color,"show"); 







}; 



liArray[i].onmouseout=function() 

{ 

var thisid=this.id; 

var li=document.getElementById(thisid); 

var li_color=document.getElementById(thisid+"1"); 

/*alert(li); 

alert(li_color);*/ 

removeClass(li,"hide"); 

removeClass(li_color,"show"); 



} 

} 

  }  for(i=0,length=tabArray.length;i <length;i++) 

  { 

  tabArray[i].length=length; 

  tabArray[i].index=i; 

  var nodeE,nodeE2;

  tabArray[i].onmouseover=function() 

  { 

 

//其它选项卡样式设置 

for(var j=0;j <this.length;j++) 

{ 

tabArray[j].style.backgroundPosition="-"+tabArray[j].offsetWidth+"px 0"; 

for(var property in selfOptions) 

{ 

	nodeE = tabArray[j].firstChild;

	while(nodeE.nodeType != 1){

		nodeE = nodeE.nextSibling;

	}

	//nodeE.style.backgroundColor = "red"

 nodeE.style[property]=otherOptions[property]; 

} 

} 

//当前选项卡样式 

this.style.backgroundPosition="0 0"; 

for(var property in selfOptions) 

{ 

	nodeE2 = this.firstChild;

	while(nodeE2.nodeType != 1){

		nodeE2 = nodeE2.nextSibling;

	}

nodeE2.style[property]=selfOptions[property]; 

/* 

  注意this.style.property和selfOptions.property的用法错误 

  style.fontWeight正确 

  style["fontWeight"]正确 

  style["font-weight"]错误 

*/ 

} 

//隐藏其它选项卡 

for(j=0;j <this.length;j++) 

{ 

divArray[j].style.display="none"; 

} 

//显示当前选项卡 

divArray[this.index].style["display"]="block"; 

  } 

} 

  } 

} 



var tab1=new tabMenu("tab_container1",{fontSize:"14px",color:"#FFBC44",fontWeight:"bold"},{fontWeight:"normal",color:"#666"}); 





</script> 

</body> 

</html>
hbzyaxiu520 2009-08-22
  • 打赏
  • 举报
 回复
就是其中的onmouseover和onmouseout事件在FF中无性触发
js中event.target
Javascript event.srcElement      感觉这个挺好，可以捕获当前事件作用的对象，如event.srcElement.tagName可以捕获活动标记名称。    注意获取的标记都以大写表示，如"TD","TR","A"等。所以把看过的一些抄下来，不记得的时候再来看看。         event.srcElement从字面上可以看出来有以下关键字：事件,源  
js+flash 剪切板复制粘贴 兼容ie chrome firefox flash10
来源：http://hi.baidu.com/flondon/blog/item/d33810f552d2da72ddc47423.html Zero Clipboard的实现原理 Zero Clipboard 利用透明的Flash让其漂浮在复制按钮之上，这样其实点击的不是按钮而是 Flash ，这样将需要的内容传入Flash，再通过Flash的复制功能把传入的内容复制到剪贴板。 Zer
乱七八糟的面试题整理
忙中偷闲，整理了一些前端面试题，希望可以帮到大家，如有错误欢迎指正！ 1.MVVM和MVC的区别？ MVC： MVC模式可以这样理解，将html看成view;js看成controller，处理用户与应用的交互，响应对view的操作（对事件的监听），调用Model对数据进行操作，完成model与view的同步（根据model的改变，通过选择器对view进行操作）;将js的ajax当做Model，从服...
JavaWeb-新版
JavaWeb 参考文章： https://heavy_code_industry.gitee.io/code_heavy_industry/pro001-javaweb/lecture/ 01、Web基础概念简介 1、服务器与客户端 线下的服务器与客户端 线上的服务器与客户端 客户端的各种形式 PC端网页 移动端 Iot设备 服务器的各种形式 参考文章：https://heavy...
前端知识点整理收集（不定时更新~）
知识点都是搜集各种大佬们的，如有冒犯，请告知！ 目录 原型链 New关键字的执行过程 ES6——class constructor方法 类的实例对象 不存在变量提升 super 关键字 ES6——...（展开/收集）运算符 面向对象的理解 关于this对象 箭头函数 匿名函数 闭包 内存泄露 JavaScript垃圾回收机制 引用计数算法 循环引用...
JavaScript

87,907

社区成员

224,614

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章