掘友等级
获得徽章 0
#每天一个知识点# el-form-item的label加前缀，可以使用slot="label"内嵌。
#每天一个知识点# 今天看到的知识点，前端截图分两种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，之前用过html2canvas不行，还有别的吗？
#每天一个知识点# 分享一个很好用的前端截图功能，调用浏览器的相机navigator.mediaDevices，前提是网址必须是https
#每天一个知识点# 如果想一次性查询出来所有的列表数据，如果pageSize设置成999（n），那有第1000条数据，那不就不对了吗？总有n+1条数据，怎么办？
#每天一个知识点# 用v-for循环，里面包括el-input节点，但每次按输入就会失去焦点，不能连贯输入！！！原来是因为key值用了变量，导致触发render，使得组件进行了重新渲染，所以输入框就失去焦点了，只要key="'常量'+index"，就行了。
#每天一个知识点# 大家有用过copliot来开发代码吗？
#每天一个知识点# 如何应对35岁危机？（前端真的要润吗？还是找副业？）
#每天一个知识点# 要是系统里需要前端计算数值，可以使用bignumber.js，可以防止出现计算误差。![[看]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_97.39cdc9f.png)
![[看]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_97.39cdc9f.png)