用户中心USER CENTER

首页/用户
  • 聊一聊几种常用web图片格式:gif、jpg、png、webp

    摘要:由于采用了无损压缩,相比古老的格式,尺寸较小,而且支持透明和动画。采用无损压缩,是基于直接色的位图格式。正是因为其高品质,无损压缩,非常适合用于源文件或需要二次编辑的图片格式的保存。 前言 在大多数的web页面中,图片占到了页面大小的60%-70%。因此在web开发中,不同的场景使用合适的图片格式对web页面的性能和体验是很重要的。图片格式种类非常多,本文仅针对几种web应用中常用的图...

    leo108 发布于Css
  • SVG的正确使用姿势

    摘要:在中使用很简单,但是也有一些需要知道的事情。兼容的方法在里面使用如果想要通过控制,但是又想避免内联的弊端,可以在里面使用。记得去掉换行它可以在上述的所有场景里面使用,除了内联。 原文地址: https://css-tricks.com/using-...原文作者: Chris Coyier 翻译作者: https://github.com/chenmf6 翻译出处:https://gi...

    leo108 发布于Css
  • 送给CSS初学者的悬停过渡动画三部曲

    摘要:最后,将动画函数选为。的表现状态就是起止过程比较缓慢,中间过渡迅速。褪色效果首先,添加一个褪色的过渡。通过百分比的方式指定动画的进度相对于初始位置右移。同时希望动画持续秒的时长,采用的动画效果。 CSS不一定要写得多么复杂才能实现特殊效果。如下就是三个超级简单的过渡的例子,可能只是几行代码,但是添加到Web应用程序中,却会让它增色不少。showImg(https://segmentfa...

    leo108 发布于Css
  • 学习 JavaScript:9 个常见错误阻碍你进步

    摘要:错误好高骛远最常见的错误之一就是在理解概念之后立即采取行动。其实这也是人们常说要放弃学习的常见原因之一。当项目逐渐深入时,他们就放弃学习了。关键点是,认真学习你正在学习的东西,你会得到进步。挑战意味着你正在提升个人能力,这将使你进步。 showImg(https://segmentfault.com/img/remote/1460000011209193); 前言 很多人尝试学习 Ja...

    leo108 发布于Css
  • 基础触屏手势学习

    摘要:最近接到一个小的项目,需要实现触屏滑动,图片缩放旋转移动,故而花了三天时间学习并实现了一下,在此记录一下学习过程关键就是触屏手势用到的技术过渡转换我就不说了,与是属于轻量级的触屏手势封装库,其中水平移动用的是别的功能用的是。 最近接到一个小的项目,需要实现触屏滑动,图片缩放旋转移动,故而花了三天时间学习并实现了一下,在此记录一下学习过程:关键就是css、 触屏手势用到的技术:css过...

    leo108 发布于JavaScript
<