青衡
前端工程师
|
阿里芭芭 ｜ 🏆 掘金签约选手
获得徽章 7
- #青训营笔记创作活动#
1月16日，day3
作者鉴于原生draggable属性的拖拽功能单一，不能实现更高级的功能，所以开辟一个思路自己手动实现了拖拽，首先利用到了mousedown，mousemove，mouseup这几个属性，鼠标按下时将元素设置为绝对定位，之后利用相对偏移量offsetx配合来设置偏移位置，达到拖拽的效果，之后通过把原图设置为透明，并根据拖拽距离将原图进行放大，加上过渡动画实现顺滑的拖拽
展开评论点赞 - #青训营笔记创作活动#
1月15日 day2
从本文了解到了前端也可以通过模型来进行图像识别，具体步骤是通过导入模型自动识别出相应的人脸图像点坐标，然后根据每个图像帧对应的图像点坐标变化来判断出人脸的"远近"，"张嘴"，"眨眼"，"转头"等动作，具体来说远近是通过图像点坐标所占盒子的区域面积变化来判断，其余通过人脸坐标点变化区间阈值来判断展开赞过 11 - #青训营笔记创作活动#
1月15日 day2
从本文了解到了前端也可以通过模型来进行图像识别，具体步骤是首先通过导入模型自动识别出相应的人脸图像点坐标，然后根据每个图像帧对应的图像点坐标变化来判断出图像的“远近”，“张嘴”，“眨眼”，“转头”等动作，具体来说远近通过图像点坐标所占盒子的区域面积变化来判断，其余通过具体人脸像素点变化阈值来判断展开评论点赞 - #青训营笔记创作活动#
1月13日 ，
从本文学到了document不能直接配置的属性，如果想禁止document的操作需要涉及沙箱，常规沙箱可以通过with调整上下文和eval实现代码执行的拦截，升级版可以用到proxy来实现所有变量的拦截，而iframe又是一个天然的可截获属性，自定义配置黑名单的沙箱，我们可以在页面中创建iframe，proxy代理iframe中的window对象达到拦截dom和属性操作的目的展开1点赞