笔记说明 重学前端是程劭非（winter）【前手机淘宝前端负责人】在极客时间开的一个专栏， 每天10分钟，重构你的前端知识体系，笔者主要整理学习过程的一些要点笔记以及感悟，完整的可以加入winter的专栏学习【原文有wi…

最近不太忙，多写几篇文章。很多时候我们用js来实现视觉效果，其实不用那么麻烦，掌握一些常用的css知识能让你事半功倍，这篇文章讲的是使用纯css来实现一个列表项的选中效果，希望对你有所帮助 先上链接，点击预览https:…

做前端也有一段时间了，对于实现各种需求来说已经是游刃有余了，代码的质量和可扩展性都能把控。目前最缺乏的就是所谓的用户体验。 用户体验说起来是一个比较模糊的概念，但是又是实实在在地决定着用户用起来爽不爽。 典型的中后台应用…

HTML中的图片 < img src=””> 图片的三种格式 JPG JPG适合照片，包含一千六百多种颜色，这是一种有损格式，因为照片缩小时会丢掉图像的一些信息 不支持透明度 文件比较…

前言 优化！ 又是优化！ 切图崽们作为整个web应用的纽带，连接着用户行为和机器性能. 而优化的最终意义，在于在这两者之间取得一个最佳的平衡点. 对于图片资源的加载来说，更是如此. 今天我们就来简单说说，项目开发中常见的…

因为部分需求（跟换头像，切换轮播图等等）改变图片或者本地上传新图片，会导致图片缓存问题，从而达不到预期效果，还是加载原图片查找了一些资料，总结出2个步骤： 1.在图片的路径的后面拼接 ‘?内容’ 解决，具体如下 （1）在…

HTML5 是对 HTML 标准的第五次修订。其主要的目标是将互联网语义化，以便更好地被人类和机器阅读，并同时提供更好地支持各种媒体的嵌入。HTML5 的语法是向后兼容的。现在国内普遍说的 H5 是包括了 CSS3，Ja…

视频Videohttps://www.youtube.com/watch… 前言 如果不好好的学习对象，你就无法在JavaScript中获得很大的成就。它们几乎是JavaScript编程语言的每个方面的基础。…

本文来自 心谭博客·「译文」逐步替换Sass，最新文章请见 导航页，欢迎交流✿✿ヽ(°▽°)ノ✿ 翻译说明 这是一篇介绍现代 css 核心特性的文章，并且借助 sass 进行横向对比，充分体现了 css 作为一门设计语言…

大家都知道css里面用text-align:center加上margin:0 auto就可以实现水平居中了，但是垂直居中却没有相应的css属性来设置，而如果要设置元素能够垂直居中必须得将容器设置为display:tabl…

转载：原地址 1 前言 CSS作为网页样式的描述语言，在百度一直有着广泛的应用。本文档的目标是使CSS代码风格保持一致，容易被理解和被维护。 虽然本文档是针对CSS设计的，但是在使用各种CSS的预编译器(如less、sa…

如果二者是父子关系，可以写成这种： .face:hover .eye-bottom { margin-top: 30px; } 如果是兄弟关系： .face:hover+.ear-wrap { transform: ro…