一、起因 需求要求展示两行，多余的文字用三个点替代，于是用了这几个不太规范的属性 display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vert…

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

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

在线工具https://oktools.net JSON格式化https://oktools.net/json Unix时间戳https://oktools.net/timestamp Base64编码https://o…

聊一聊BEM设计模式在Vue组件开发中的应用 回想一下在你的前端生涯中是否遇到过以下问题1.在写css的时候经常会在命名class时绞尽脑汁2.在团队多人开发中出现css命名冲突3.在进行组件化开发时如何规范书写css …

文章首发于个人博客：http://heavenru.com 在最近项目中需要实现一个精灵动画，素材方只提供了一个短视频素材，所以在实现精灵动画之前先介绍两个工具来帮助我们更好的实现需求。在这篇文章中，主要是介绍两个命令行…

css样式简写 background简写 简写公式: background: [background-color] [background-image] background-repeat [background-pos…

@media的问题没碰到,但是我的却一直报错.后来把样式表里的文件全部删除,居然好用了.然后逐类删除,逐行删除,发现问题在 .clearfix:after{content: "\20";display: block;vi…

又是一年实习季，大三的同学可能都在忙着找实习或者做简历了~ 但是肯定也有同学还不想开始找，觉得现在太早了 所以就就今天特意给大家准备了一篇关于找实习的文章，相信大家看完一定会有惊喜的 说道实习的话可能也有人想着反正大四才…

算术操作符 加减乘除这些算术操作中的每一种都必须借助于相应的操作符才能完成。操作符是JavaScript为完成各种操作而定义的一些符号。等号(=)、加号(+)、减号(-)、乘号(*)、除号(/)。 下面是一个简单的加法操…

默认样式重置 统一样式重置 input类型 input{ outline:none; border-width:0; } 盒子模型 div{ box-sizing:border-box; -moz-box-sizing:…

前言 所谓三栏布局，即使指两边定宽，中间宽度自使用的布局方式，在过去，一直是一个麻烦的问题，为了解决这个问题，有各种奇技淫巧，最出名的非圣杯布局和双飞翼布局莫属了，但是自CSS3发展以来，特别是flexbox布局的支持度…