![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端开发
folling*
希望年少有为
展开
-
Flex与传统布局对比
弹性盒布局是css3中新增加的一种页面布局方式,是一种很灵活的页面布局方式。当页面需要适应不同大小的屏幕和各类设备时,可以确保各元素的布局能随之自动调节,而不至于出现页面变形。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。弹性盒由容器、子元素、和轴组成,并且默认情况下,子元素的排布方向与横轴的方向一致。弹性盒改进了块模块,弹性盒布局中的子元素通常都在一行内显示,并且默认情况下每个容器都只有一行。既不使用浮动,也不会在弹性盒容器与其内容之间合并外边距。原创 2020-05-17 13:50:25 · 745 阅读 · 0 评论 -
JS中的继承和prototype
继承是指通过某种方式让一个对象可以访问到另一个对象中的属性和方法,我们把这种方式称之为继承。Js不是一种完全的面向对象的语言,所以与其他面向对象的高级语言比如java在继承这一特征上有一些区别。在js里面其实是没有继承的概念。但在面向对象的程序设计里,类之间有显式的继承关系,一个类可以显式地指定继承自哪一个类,然后继承下来的子类就会有父类的属性和方法。js里没有这一概念,但是可以用一种类似继承的方法对原来的类进行扩展。这种方式就是通过类的prototype属性,来为类动态增加属性和方法,这种方式类似于继承原创 2020-05-17 13:48:42 · 249 阅读 · 0 评论 -
css3(相对定位和绝对定位)
绝对定位:绝对定位默认参照浏览器的左上角进行定位。如果此元素的父级元素也设置了position属性,不管属性值是什么,此元素必定参照父元素的左上角进行定位。但如果此元素的父元素没有设置position属性,那么此元素必定参照浏览器的左上角进行定位。相对定位:相对定位是参照父级元素的左上角进行定位。如果此元素没有父级元素则参照浏览器的左上角进行定位。如果此元素有父级元素,且父级元素没有设置padding值,则此元素参照父级元素的左上角进行定位。如果此元素有父级元素,且父级元素设置了padding值,则此元素原创 2020-05-17 13:45:14 · 439 阅读 · 0 评论 -
H5+JS实现三级菜单(包括水平、垂直菜单及基本网页架构)完整
用Html5和JavaScript实现三级菜单和基本的网页架构代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>JS实现三级菜单</title></head><style> ...原创 2020-03-07 17:18:41 · 1654 阅读 · 0 评论 -
H5+CSS实现三级菜单(包括水平、垂直菜单和网页架构)
用H5和CSS实现三级菜单以及基本网页架构。代码如下,仅供参考:在这里插入代码片<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>CSS实现三级菜单</title></head><style&g...原创 2020-03-07 17:13:25 · 3181 阅读 · 0 评论