HTML5技术

前端代码合集 - web前端开发博客(9)

字号+ 作者:H5之家 来源:H5之家 2017-10-19 12:01 我要评论( )

var newObj = Object . assign ({}, obj , { color : 'blue' }); newObj . name = 'xiaohua' ; console . log ( obj . name ); //xiaoming console.log(newObj.name);//xiaohua console.log(newObj.color);//blue

var newObj = Object.assign({}, obj, {color: 'blue'});

newObj.name = 'xiaohua';

console.log(obj.name);//xiaoming

console.log(newObj.name);//xiaohua

console.log(newObj.color);//blue

利用Object.assign()方法进行对象的深拷贝可以避免源对象被篡改的可能。因为Object.assign()方法可以把任意多个的源对象自身的可枚举属性拷贝给目标对象,然后返回目标对象。

var obj = {

   name: 'xiaoming',

   age: 23

};

var newObj = Object.create(obj);

newObj.name = 'xiaohua';

console.log(obj.name);//xiaoming

console.log(newObj.name);//xiaohua

我们也可以使用Object.create()方法进行对象的拷贝,Object.create()方法可以创建一个具有指定原型对象和属性的新对象。

CSS

居中

#main {

   width: 440px;

   margin: 0 auto;

   position: relative;

   text-align: center;

}

菜单栏下拉

.menu > li {

   display: block;

   float: left;

   position: relative;

}

JQuery

Q设置等高的列

<div class="equalHeight" style="border: 1px solid">

   <p>First Line</p>

   <p>Second Line</p>

   <p>Third Line</p>

</div>

<div class="equalHeight" style="border: 1px solid">

   <p>Column Two</p>

</div>

$(function () {

   equalHeight(".equalHeight");

});

 

var maxHeight = 0;

 

function equalHeight(col) {

   col = $(col);

   col.each(function () {

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 客户懂点代码是最致命的毒药 - 郎中令

    客户懂点代码是最致命的毒药 - 郎中令

    2017-10-19 10:03

  • HTTP错误代码大全 - 张大哒

    HTTP错误代码大全 - 张大哒

    2017-10-18 10:01

  • 《移动Web前端高效开发实战》笔记4--打造单页应用SPA - 更爱Web-APP

    《移动Web前端高效开发实战》笔记4--打造单页应用SPA - 更爱Web-APP

    2017-10-12 09:00

  • windows server 2008使用nginx转发API异常解决办法 - 前端阿小

    windows server 2008使用nginx转发API异常解决办法 - 前端阿小

    2017-10-09 18:02

网友点评