前言 多行文本折叠在前端是一个很常见的交互， 如下图微博展示，当内容超过一定行数，会显示省略号和“全文”按钮。那么该如何通过实现这样的效果呢？本文将介绍两种实现方案。

首先我们要了解less.modifyVars为什么可以进行一键换肤，less的modifyVars方法是是基于 less 在浏览器中的编译来实现。并且less.modifyVars是将我们设置的...

现如今的页面越来越复杂，一个页面往往承载着大量的元素，最常见的就是一些电商页面，数以万计的商品列表是怎么保证渲染不卡顿的，大家在面对这种长列表渲染的场景下，一般都会采用分页或者虚拟列表来减缓页面一次性

我的新的专栏 -- 现代 CSS 与 Web 动画解决方案。 将专注于实现复杂布局，兼容设备差异，制作酷炫动画，制作复杂交互，提升可访问性及构建奇思妙想效果等方面的内容。 在兼顾基础概述的同时，注重对

你是不是还在手写按钮、文本字体等简单样式？这些工具就可以帮你解决以上种种难题，从此下班你将快人一步，赶快用起来吧！

     由于项目是多人开发的并有多人接手过，导致项目里面没有统一的css命名的规范，从而短横线，下划线，驼峰式的class命名混杂。作为一个没有自己原则的小白就迷失了方向，故从各个大佬的文章处搬砖以

何为技巧，意指表现在文学、工艺、体育等方面的巧妙技能。代码作为一门现代高级工艺，推动着人类科学技术的发展，同时犹如文字一样承托着人类文化的进步。 每写好一篇文章，都会使用大量的写作技巧。烘托、渲染、悬念、铺垫、照应、伏笔、联想、想象、抑扬结合、点面结合、动静结合、叙议结合、情景…

Tips：若 gif 图片未加载出，请尝试刷新。 将导航栏分为左右两部分，当窗口宽度减少时，使用css媒体查询实现样式修改，当宽度减小至最小时，隐藏当前导航显示，替换为下拉列表展示。

多行文本展开收起是一个很常见的交互， 如下图演示 实现这一类布局和交互难点主要有以下几点 位于多行文本右下角的“展开收起”按钮 “展开”和“收起”两种状态的切换 当文本不超过指定行数时，不显示“展开收