获得徽章 27
#每天一个知识点# 前端截图分两种
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输出图片。
#每天一个知识点#
如何统一监听Vue组件报错?
1.window.onerror
全局监听所有JS错误
但它是JS级别的,识别不了Vue组件信息
捕捉一些Vue监听不到的错误,比如异步的报错
2.errorCaptured 生命周期 (App.vue)
监听所有下级组件的错误
返回false会阻止向上传播
监听要重要的、有风险的组件错误
3.errorHandler配置 (main.js)
Vue 全局错误监听,所有组件错误都会汇总到这里
但是errorCaptured 返回false,就不会传播到这里
和window.onerror 互斥
异步错误 无法捕获需要用window.onerror
Promise 未处理的catch需要 onunhandledrejection
#每天一个知识点# 在Vue中,$nextTick是一个实例方法,它允许在DOM更新后执行回调函数。当修改了Vue实例的数据,并且希望在DOM更新完毕后执行某些操作时,可以使用$nextTick。
#每天一个知识点# TS 和 JS 有什么差异
JS:动态类型,运行时明确变量的类型,变量的类型由变量的值决定,并跟随值的改变而改变;直接运行在浏览器和 node.js 环境中;弱类型,数据类型可以被忽略的语言。一个变量可以赋不同数据类型的值。
TS:静态类型,声明时确定类型,之后不允许修改;编译运行,始终先编译成 JavaScript 再运行;强类型,一旦一个变量被指定了某个数据类型,如果不经过强制转换,那么它就永远是这个数据类型了。
#每天一个知识点#
$router与$route的区别,
$router是一个全局router实例,通过vue根实例注入router,在注册到每一个子组件上,让整个页面拥有路由功能。其中包括了很多路由对象根属性(包括history),任何页面都可以调用$router的push()/replace()/go() 进行页面或者组件的跳转。整个应用只有一个
$route是当前的路由信息,只是当前的,能获得当前路由的path,parmas,name,query等,每个路由都有对应的。
#每天一个知识点# src 和 href
区别:src 和 href
src,比如常见的 这里的 src 所指的是这个图片的所在的位置路径,script 和 iframe 也是,src 被解析的时候,会进行下载并编译,同时会暂停该文档其他资源的下载和处理,所以 js 文件的载入最好在 body 中,而不是在 head 中。
href,href被添加,元素会被识别为 css 文件进行处理,且不会停止其它资源的运行。所以建议用 link 加载 css 文件,而不是 @import。
常用的有:超链接、引用css样式
兄弟们,你们用的统计活动天数的插件是什么啊,分享一下名字呗
#每天一个知识点# flex 布局
flex 属性,默认值 0 1 auto (flex-grow、flex-shrink、flex-basis的缩写)
(即三者的默认值:flex-grow: 0(存在空间,也不放大。); flex-shrink: 1(空间不足,缩小); flex-basis: auto(项目的本来大小);)
* flex: auto; (1 1 auto)
* flex: none; (0 0 auto)
* flex: 1; (1 1 0%) 取值为非负数数字 => 数字 数字 0%
* flex: 10px/10%; (1 1 10px/10%) 取值为一个长度或百分比 => 1 1 长度/百分比
* flex: 1 2; (1 2 0%) 取值为两个非负数字 => 数字1 数字2 0%
* flex: 2 10px/10%; (2 1 10px/10%) 取值为一个非负数字和一个长度或百分比 => 数字 1 长度/百分比
#与A-SOUL一起成为更好的自己# 感觉现在KFC周四都没那味儿了。
#与A-SOUL一起成为更好的自己# 有个同事天天内涵别人,好烦啊
下一页