一用书生

有时候，我们需要对一段文字中的数字添加一些特殊的样式，以突出展示。例如下面这个例子： 这时候，你可能会想：“呵呵，小菜一碟，难不倒我”。于是写出了一段如下的代码： 虽然上面的代码达到了目的，但是

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

写在前面 遥想刚入行的时候在一个媒体类的互联网单位，既然是媒体单位，文案的在线编辑，自然而然成为了一个不可绕过的坎 于是web端的富文本编辑器进入了我的世界，要知道富文本这个东西号称前端清华（这是一个

最近因为鸿星尔克给河南捐了5000万物资，真的是看哭了很多的网友，于是我想到了给鸿星尔克做了一个线上的看鞋展厅，鸿星尔克 TO BE No.1！

前言 很多时候，在业务中，我们可能要把整个网页，或者网页中的一部分转化成图片，从而达到一些业务需求，或者营销目的。在以往，我们通常会用html2canvas来完成这个操作。虽然可以满足大部分的需求，但

发挥你的想象，CSS也能实现拖拽效果。 这类效果用JS可以很容易实现，无非就是多了一些计算，多考虑了一些临界场景，然后代码量也多了一些。不过，经过我的一番脑洞，发现CSS也能几乎实现这一效果，接着往下看。 在传统 web 中，页面滚动是一个很常见交互，操作上就是利用鼠标滚轮或者…

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

事情是这样的，前天上午产品经理说想要做一个心愿墙，问我能不能行 我心想，这太容易了，但为了多摸一天鱼，我说还是有点挑战的 结果下午，产品经理和设计师就给我发来了设计参考 他们说，心愿墙的设计大致是这样