2020-09-01 html的列表元素的兄弟元素为div + css的鼠标悬停图片放大 + JS的class与普通构造函数区别 + 软技能的V8引擎

本文链接：https://blog.csdn.net/vampire10086/article/details/108636337

2020-09-01 题目来源：http://www.h-camel.com/index.html

[html] 如果列表元素li的兄弟元素为div，会产生什么情况？

元素开始与结束标签嵌套错误，页面可以在大部分浏览器被正常解析，IE9会出现解析错误

在<p>元素内嵌入<div>等元素造成所有浏览器的解析错误

在<h1>~<h6>元素内嵌入<div>等元素所有浏览器可以解析正常

在<a>元素内嵌入<a>元素会导致所有浏览器的解析错误

在列表元素<li><dt><dd>等插入非列表兄弟元素会导致IE6\IE7的解析错误

[css] 使用css制作鼠标经过图片时，放大图片1.5倍

.container{
　　background-size: 100% 100%;   
　　transition: all 2s;   
}

.container:hover{   
　　background-size: 120% 120%;   
}

/************************************************/

img{
　　transition: all 2s;   
}   
img:hover{  
　　transform:scale(1.2);   //图片放大的倍数 
}

[js] class和普通构造函数有什么区别？

1.js的构造函数

function MathHandle(x,y){
this.x = x
this.y = y
}

MathHandle.prototype.add = function(){
    return this.x +  this.y
}

var m = new MathHandle(1,2)
console.log(m.add())

2.class基本语法

class MathHandle{
constructor(x,y){
    this.x = x
    this.y = y
}
add(){
    return this.x + this.y
    }
}

const m = new MathHandle(1,2)
console.log(m.add())

class在语法上更为接近面向对象的思想，实现的继承也更容易理解。

转自 https://www.jianshu.com/p/2aaaacd8bad3