用户中心USER CENTER

首页/用户
  • css浮动现象及清除浮动的方法

    css浮动现象及清除浮动的方法   首先先明确浮动最初的定义及使用场景:实现文本环绕图片的效果。 除了用浮动外,目前暂无其他方法实现文本环绕 showImg(https://segmentfault.com/img/remote/1460000016137003?w=838&h=382);   再来看看浮动的具体定义: 浮动的框可以左右移动,直至它的外边缘遇到包含框或者另一个浮动框的边缘。浮动框不...

    Kyxy 发布于Css
  • 优雅地写css

    摘要:在规则声明的左大括号前加上一个空格。规则声明之间用空行分隔开。根据属性的重要性顺序书写。因此私有在前,标准在后的写法是考虑到了以后可能会出现的问题。且最好尽量减少没有实际作用的冗余的属性。 https://csswizardry.com/2013/...https://css-tricks.com/bem-101/https://www.smashingmagazine....htt...

    Kyxy 发布于Css
  • 使用canvas绘制圆弧动画

    摘要:即,把放大为倍时,显示效果会被拉伸当不设置样式宽高时,浏览器中大小由画布大小决定在实际开发中,碰到一个例外,是在使用时,绘制的标签如果只设置画布大小时,在移动端的浏览器上显示异常,正常。回到圆弧动画,当前动画有两段,以顺时针方向这段为例。 效果预览 showImg(https://segmentfault.com/img/bVbm7UY?w=502&h=304); canvas 绘制基...

    Kyxy 发布于JavaScript
  • new命令的原理

    function Person(name, age) { this.name = name; this.age = age } var person = new Person(小明, 18); console.log(person.name); //小明 console.log(person.age); //18 执行new命令会经过以下几个步骤 创建一个空对象,这个...

    Kyxy 发布于JavaScript
  • 最简单的无缝轮播

    摘要:昨天学习了轮播的原理,今天再来看看无缝轮播的技术。无缝轮播无缝轮播的原来大致类似小时候跳大绳,小朋友一个个进入,一个个出来,出来后排到队伍末尾,等在着进入,无缝轮播也类似这种机制。 昨天学习了轮播的原理,今天再来看看无缝轮播的技术。 昨天学习的轮播机制类似于走马灯,所有图片排成一排,轮流在你眼前走过,你就会感觉他们动起来了,今天学的无缝轮播就不能用昨天的思路了,它和昨天最大的区别是,从...

    Kyxy 发布于JavaScript
<