要一个花卷

及通过css定义变量的方式，将变量在行内注入，然后在style中使用var()获取我们在行内设置的数据即可。

getClientRects 可以获取到多行文本的宽高位置等属性，可以通过getClientRects来判断当前文本的内容总行数和每行宽度。只要不断截取文本，判断总行数，直到行数符合预期后，展示截取后的文案。 3.辅助方法：获取当前文本长度（getLines）、判断当前文本是否…

前段时间笔者收到可爱漂亮的小册姐姐的邀请，做了人生首次直播分享。分享主题是《玩转CSS的艺术之美》，跟笔者在9月底发布的掘金小册同名。 9月底发布的玩转CSS的艺术之美，首日预售就达到709本，预售仅三日就破1000本。这也让笔者感到惊讶，没想到CSS技术还是那么受倔友们的欢迎…

猫哥是一个常年混迹在 GitHub 上的猫星人，所以发现了不少好的前端开源项目、常用技巧，在此分享给大家。 已经推荐了 面试项目、css 奇技淫巧项目、代码规范项目、数据结构与算法项目、JavaScript 奇技淫巧项目、前端必备在线工具 等专题的近 100 个优秀项目了。 以…

最近忙里偷闲，给自己加油充电的时候，发现自己脑海中布局这块非常的凌乱混杂，于是花了一些时间将一些常用的布局及其实现方法整理梳理了出来，在这里，分享给大家。 单列布局是最常用的一种布局，一般是将一个元素作为容器，设置一个固定的宽度，水平居中对齐。 一栏布局（通栏）头部和底部宽度一…

一、配置子路由二、创建组件并在首页设置跳转路由效果三、发布文章组件3.1插入面包屑组件3.1.1面包屑效果3.2卡片视图3.3定义数据3.4收集标题数据3.4.1标题数据效果3.5收集类型数据3.5.

Axios 是一个基于 Promise 的 HTTP 客户端，同时支持浏览器和 Node.js 环境。它是一个优秀的 HTTP 客户端，被广泛地应用在大量的 Web 项目中。 由上图可知，Axios 项目的 Star 数为 77.9K，Fork 数也高达 7.3K，是一个很优秀…

一天造一个轮子，干就完了。 防抖和节流可以说是一对好基友，也是前端面试的手写热点考题。防抖和节流其实都是在规避频繁触发回调导致大量计算，从而影响页面发生抖动甚至卡顿。简单的说将多次回调比如页面点击或ajax调用变为一次。防抖和节流的区别在于以第一次为准还是最后一次为准。 1. …

海阔凭鱼跃，天高任鸟飞。Hey 你好！我是秦爱德。😄 就在国庆前，同事写了一个拖拽左边菜单栏改变菜单栏宽度从而得到更好的交互体验效果。But ！ 美中不足的是拖拽的时候如果手速过快，会导致卡顿效果，看起来十分难受。经过不断调试，最终是使用了setTimeout解决了该问题。那…