前一阵做需求时，有个小功能实现起来废了点脑细胞，觉得可以记录一下。 产品的具体诉求是：用户点击按钮进入详情页面，详情页内的卡片标题内容过长时，标题的前后两端正常展示，中间用省略号...表示，并且鼠标悬

需求背景 前几天，甲方提了个需求，想让下面的数据循环展示，准备放在他们集团首页给他们领导演示用。 我们领导很重视这个事儿，拍了拍我，语重心长的说，小伙子，好好做。 我啪的一下就兴奋了，老板居然如此器重

在一些社群网站，经常会碰到问题、活动、商品的信息分享，这种分享通常是以海报的形式发送给好友或保存到本地。在这种场景下，海报肯定是动态变化的，所以我们要动态的渲染内容并生成图片，海报其实就是图片。

近期着手项目任务的打印功能，在此作个记录，本文介绍基于React的一种调用浏览器打印页面指定内容的方法。 整体思路： 通过构建一个隐藏的元素（该元素包裹需打印的内容），当打印行为触发时，将页面其他的一些不需要打印的元素隐藏，然后将需打印的元素追加到body中，打印完成后，再恢复…

我们知道，window.print()可以调起打印功能，但是直接用window.print()如果直接打印的话，没有样式，而且默认打印的是整个网页的内容。解决的方法可以用iframe方式引入需要打印的区域，并把样式添加进去，然后把iframe标签定位到看不到的地方去。搜了一下，…

使用react-to-print实现前端打印或转PDF，完美实现多页翻转、样式兼容、目前自测谷歌浏览器兼容

最近因为公司面单打印业务需要，对web前端打印做了一些调研。因为浏览器打印相关的知识比较冷门，很多小可爱可能都不是很熟悉，本篇博客主要是对这段时间扫盲的打印知识做一下记录分享，希望能帮到一些做打印的小可爱。 我们常说的打印其实就是将文档内容显示在物理媒介（比如纸张）上面。但是媒…

一、安装 Install NPM Install Yarn 二、引入 三、使用 以 vue 举例，这样写起来比较方便 如果想要将图片导出，可以这样写 四、配置项 名称 默认值 描述 allowTain

手把手教你使用html2canvas canvas真的很重要，闲来无事大家可以多玩玩，在做这个的时候我也是一直在尝试不使用第三方库直接canvas绘制然后转成base64