掘友等级
获得徽章 7
朋友的公司实行 12:00 ~ 18:00 的6小时工作制了，上海的公司，羡慕![[流泪]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_6.dde0d83.png)
#JUEJIN FRIENDS 好好生活计划# day819 今天又冷了
寻一份前端或全栈（偏前端）远程开发工作，或者base珠海。 全日制本科毕业将近8年工作经验， 精通 React 、Vue3、Js、Jquery、Ts、Css3. 了解Nodejs 及 Web框架 Nestjs、Fastify。 熟练 Python ，精通 Flask、熟悉 Django、FastApi。 熟练 Mysql、Redis、Mongodb、Linux、Nginx、Docker、git 。
这个MAC终端小技巧99.99%的人不知道
curl wttr.in/shanghai
摸鱼摸鱼摸鱼摸鱼摸鱼摸鱼摸鱼摸鱼摸鱼摸鱼摸鱼摸鱼摸鱼摸鱼摸鱼摸鱼摸鱼摸鱼摸鱼摸鱼摸鱼摸鱼摸鱼摸鱼摸鱼摸鱼摸鱼摸鱼摸鱼摸鱼摸鱼摸鱼摸鱼摸鱼摸鱼摸鱼摸鱼摸鱼摸鱼摸鱼摸鱼摸鱼摸鱼摸鱼摸鱼摸鱼摸鱼摸鱼摸鱼摸鱼摸鱼摸鱼摸鱼摸鱼摸鱼摸鱼摸鱼摸鱼摸鱼摸鱼摸鱼摸鱼摸鱼摸鱼
![[吐舌]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_95.6b0752f.png)
涉及到前端展示图表的，我都是按照echart的官方示例结构返给前端的
#每天一个知识点# 今天看到的知识点，前端截图分两种1、Canvas截图（代表html2canvas），通过遍历DOM克隆一份副本，将此副本在Canvas上重新绘制，并根据DOM的样式应用在对应的绘制元素上，再通过Canvas生成图片。转换过程可理解成：DOM→Canvas→Image。
2、SVG截图（代表rasterizehtml），通过遍历DOM克隆一份副本，利用SVG的foreignObject把DOM作为外部资源嵌套在SVG中，将此SVG在Canvas上重新绘制，并根据DOM的样式应用在对应的绘制元素上，再通过Canvas生成图片。转换过程可理解成：DOM→SVG的ForeignObject→Canvas→Image。
两种前端截图方式最后都是通过把DOM绘制到Canvas，再通过Canvas输出图片。
![[流泪]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_6.dde0d83.png)
![[白眼]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_22.281d379.png)
![[吐舌]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_95.6b0752f.png)