至于未来会怎么样 反正路还长 天总会亮

Life is a journey, not a destination, care should be the scenery along the way and the mood to see the scenery.

个人博客
  • ...
     前端 浏览(8)  tangzihan ++阅读原文
    行内元素有哪些?块级元素有哪些? 空(void)元素有那些?行内元素和块级元素有什么区别?
    行内元素 行内元素:span,strong,em,br,img,input,label,select,textarea,cite 块级元素 块级元素:div,p,from,ul,li,ol,dl,address,fieldset,hr,menu,table 空(void)元素 void元素...
  • ...
     前端 浏览(6)  tangzihan ++阅读原文
    HMTL5新增Api
    网络状态检测 //网络连接 window.addEventListener('online',function(){ alert('有网') }) window.addEventListener('offline',function(){ alert('网络断开')...
  • ...
     前端 浏览(7)  tangzihan ++阅读原文
    h5新增小功能
    class的操作 在之前我们不使用第三方类库操作class是这样的 test.Node.className='active' 上面代码对于一个class还好如果有多个呢? 我们还得自己编写追加类名的逻辑,或者引入第三方类库如jquery 其实不用那...
  • ...
     前端 浏览(7)  tangzihan ++阅读原文
    本地存储
    本地特性 1. 本地存储将数据存储在浏览器中 1. 设置、读取方便刷新页面数据也不会丢失 1. 容量大,sessionStorage约5M、localStorage约20M 2. 只能存储字符串,将对象通过JSON.stingify()编码后存储 本地特性 本地存...
  • ...
     前端 浏览(8)  tangzihan ++阅读原文
    弹性布局(伸缩布局)
    弹性布局 弹性布局是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。 使用方法 :父元素设置`display:flex` > 注意:父元素属性设置了flex布局其子元素的float,clear,vertic...
  • ...
     前端 浏览(4)  tangzihan ++阅读原文
    简谈Bootstrap4与Bootstrap3的区别
    1. Bootsrap3采用的float布局,而Bootstrap采用的flex布局 2. Bootstrap4中的栅格系统可以不用添加指定的列数 如row 里面有2个col 会任何尺寸下均分row 3. Bootstrap3只有4种栅格类 分别为(col-xs特小,col-sm小,c...
  • ...
     前端 浏览(16)  tangzihan ++阅读原文
    HTML空白字符占位问题
    如下例 我们想实现这样一种效果 父盒子包含两个子元素,这两个子元素分别平分父元素的宽度 但我们要使两个元素显示在同一行,所以设置其`display:'inline-block'`,如下代码 php .container{ width:10...
  • ...
     前端 浏览(18)  tangzihan ++阅读原文
    连BFC都不知道谈什么前端工程师
    BFC(块级格式化上下文) > BFC是个独立的渲染区域,只有块级盒子参与,它规定了内部的盒子如何布局,但不会影响外部盒子 简单的说 它就是一块封闭的区域,里面的盒子在怎么动也不会影响外面的布局。 创建BFC也有...