
获得徽章 1
- #青训营笔记创作活动#
2月13日 打卡day26
今天学习了四个场景下css代替JS:
1.颜色选择器:<input type="color" value="#FF99FF">
2.实现滚动条立即触顶/触底效果 scroll-behavior:smooth
3.顺滑切图,加上scroll-snap-type:x mandatory
展开评论1 - #青训营笔记创作活动#
2月10日 打卡day23
今天学习了你访问的页面需要关灯后查看,总体部分可以拆分为背景浮点,灯杆,灯罩,灯泡,光追,文字。背景浮点需要注意的是加上content,box-show:x x x,x x x,x x x;
电线杆可以采用贝尔塞曲线,杆进行旋转,transform:rotate;灯罩用boder-radius;
灯泡用一部分圆加一部分阴影;
追光直接用边框可以画出来。
展开评论1 - #青训营笔记创作活动#
1月31日 打卡day13
今天学习了如何使用fabric.js去开发一个图片编辑器 很好的一篇文章,自己看的懵懵懂懂,但是也学习到很多,有很多可以借鉴的地方。评论1 - #青训营笔记创作活动#
2月1日 打卡day14
今天学习了前端实现人脸检测,很棒的一个新思路。首先需要引入tensorflow续。训练好的人脸特征检测模型。人脸的远近取4帧画面比例,张嘴去两帧画面比例 ,眨眼取4帧与阀值对比,左右摇头取四帧对比展开评论1 - #青训营笔记创作活动#
1月28日 打卡day11
今天学习了vite适配两种方案 一种是基于rem的适配方案,将像素元素生成rem单位;另一种树基于scale的适配方案,实现页面的缩放效果。评论1 - #青训营笔记创作活动#
1月30日 打卡day12
今天学习不使用JS使用CSs实现点击节流,这种思路优点在于禁用逻辑与业务逻辑是完全解耦的,局限在于只限于点击动作,应用场景单一,思路是使用pointer-events,animation,:active,找到动作对应属性,当点击一次之后,禁用该按钮。展开评论1 - #青训营笔记创作活动#
1月29日 打卡day12
今天学习了用iframe创建一个沙箱,禁止dom操作和接口调用,主要思路是设置一个黑名单,添加document,xmlrequest,fetch,websocket禁止开发者操作dom和接口调用,并且判断要访问的变量是否在window对象里面展开评论1 - #青训营笔记创作活动#
1月22日 打卡day6
今天学习了前端抓包技能这篇文章,感觉受益匪浅,之前一直有听到抓包这个词,感觉肯定很难,看过这篇文章后,原来抓包主要是做一个中间监听者 跟中间人类似,获取来自服务器原本该返回给客户端的数据 进行处理。展开评论1 - #青训营笔记创作活动#
1月19日 打卡day3
今天学习Monorepo,他主要思想是想多个项目放在一个仓库之中进行管理,与之对立的是multirepo,每个项目放入单独的仓库分散管理,其主要原因是因为multirepo模式管理项目的时候,存在代码复用复杂,版本管理麻烦,基建项目问题不断等多重原因,而反之使用Monorepo模式管理,不存在上面问题
展开评论1 - #青训营笔记创作活动#
1月18日 打卡day2
今日学习一些前端实用工具的使用,虽然大部分自己之前都使用过了,但是很久不用,再熟悉一边也是一个很优的选择,并且也了解了部分自己之前不知道但是很棒的网站,比如在线图片压缩网站tinypang,比我之前使用的生成icon网站bitbug功能更多,更方便,可以压缩webp,png,jpeg格式,而之前自己使用的只能制作iconic展开评论1