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

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

个人博客
  • ...
     前端 浏览(3)  tangzihan ++阅读原文
    闭包的缺点与解决办法
    我们知道闭包延展了局部变量的生命周期,使得外部操作局部变量成为可能,一般来讲函数在调用执行后函数就会被释放,但如果函数中产生了闭包,就会导致函数执行完毕后,函数内部的局部变量没有被释放,使得占用内存时...
  • ...
     前端 浏览(3)  tangzihan ++阅读原文
    每天20个灵魂拷问系列二
    二十一、es5中是如何定义一个函数模块 示例 假定函数模块为Promise.js / 自定义Promise函数模块 / (function (window){ function Promise(executor){ } //向外暴露Promsie函数...
  • ...
     前端 浏览(3)  tangzihan ++阅读原文
    h5新增小功能
    class的操作 在之前我们不使用第三方类库操作class是这样的 test.Node.className='active' 上面代码对于一个class还好如果有多个呢? 我们还得自己编写追加类名的逻辑,或者引入第三方类库如jquery 其实不用那...
  • ...
     前端 浏览(2)  tangzihan ++阅读原文
    每天20个灵魂拷问系列一
    一、怎么让一个不定宽高的盒子 垂直水平居中? 这里给出两种解决办法 第一种使用css方法 父元素 .box{ display: table-cell; text-align: center; vertical-align: middle; width: 300px;...
  • ...
     前端 浏览(2)  tangzihan ++阅读原文
    CSS3d转换
    3D特点 近大远小 物体后面遮挡不可见 三维坐标系 x轴:水平向右 右边是正值,左边是负值 y轴:垂直向下 下面是正值,上面是负值 z轴:垂直屏幕 往外面是正值,往里面是负值 如下图: 不过在我们css中y轴向上...
  • ...
     前端 浏览(2)  tangzihan ++阅读原文
    CSS权重计算
    在没有引入权重的概念时,我们对css的优先级认识是这样的 !important`>`行内样式`>`ID`>`类/伪类|属性`>`标签 排在最前面的优先级越高。 但css是有权重机制的,css的优先级都是根据权重推算出来 如下表格 用四位数字...
  • ...
     前端 浏览(5)  tangzihan ++阅读原文
    CSS清除浮动
    了解为什么要清除浮动我们先来看一个例子 我们想要的效果是这样的 ![在这里插入图片描述](https://img-blog.csdnimg.cn/20200209113010858.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,t...
  • ...
     前端 浏览(6)  tangzihan ++阅读原文
    CSS Sprites(精灵图)
    引入 当用户访问网站时,需要向服务器发送请求,网页上的每张图像都要经过一次请求才能展现给用户。然而一个网页中往往会有很多小背景图片作为修饰,当网页背景图像过多时,服务器就会频繁的接收发送请求,这会大大...
  • ...
     前端 浏览(4)  tangzihan ++阅读原文
    Less
    定义 Less 是一门 CSS 预处理语言,它扩充了 CSS 语言,增加了诸如变量、混合(mixin)、函数等功能,让 CSS 更易维护、方便制作主题、扩充。Less 可以运行在 Node 或浏览器端 下面通过一些例子来加深对它的理解...
  • ...
     前端 浏览(6)  tangzihan ++阅读原文
    CSS新增2D,3D属性
    2D (谷歌浏览器和safari需加前缀-webkit-) (ie浏览器需加-ms-) (火狐浏览器需加-moz-) 格式:[前缀]transform:以下方法; `translate(x,y)`:元素移动指定像素(如果单位为像素则相对于父元素移动,如果单位为百...