通常情况下，我们要实现代码高亮功能，需要借助复杂的语法高亮库，例如Prism或highlight.js 这些库的基本原理是扫描代码，并将关键词包裹一层标签，然后通过CSS样式改变代码颜色。 但是，这种

2种方式实现页面滚动时，元素缓慢上升效果；第一种通过自定义指令方式实现；第2种通过封装为组件使用(SSR页面中也可正常使用)

最近在项目中碰到了一个这样的树状结构目录，效果如下 代码片段如下 CSS tree (juejin.cn) 如果用到了 Ant Design 这样的框架，那可以直接用现成的组件。如果没有用到这样的框架

这是一种社交平台的常见需求，比如说在掘金平台中让用户选择感兴趣的标签，通常都是用JS来处理已经选择了的标签数量。今天给出一个css版本： 然后自定义label样式，接着设置CSS计算器。 设置如果文字长度超出指定的宽度，则隐藏超出宽度的内容。 设置文字在一行显示，不能换行。 设…