overwatch
小菜
获得徽章 1
#青训营笔记创作活动#
12月30日 day14打卡
如何调试组件库，以及阅读组件的源码
12月30日 day14打卡
如何调试组件库，以及阅读组件的源码
评论
点赞
#青训营笔记创作活动#
12月29日 day13打卡
设计一个不能操作DOM和调用接口的环境
实现思路：
1）利用 iframe 创建沙箱，取出其中的原生浏览器全局对象作为沙箱的全局对象
2）设置一个黑名单，若访问黑名单中的变量，则直接报错，实现阻止\隔离的效果
3）在黑名单中添加 document 字段，来实现禁止开发者操作 DOM
4）在黑名单中添加 XMLHttpRequest、fetch、WebSocket 字段，实现禁用原生的方式调用接口
5）若访问当前全局对象中不存在的变量，则直接报错，实现禁用三方库调接口
6）最后还要拦截对 window 对象的访问，防止通过 window.document 来操作 DOM，避免沙箱逃逸
12月29日 day13打卡
设计一个不能操作DOM和调用接口的环境
实现思路：
1）利用 iframe 创建沙箱，取出其中的原生浏览器全局对象作为沙箱的全局对象
2）设置一个黑名单，若访问黑名单中的变量，则直接报错，实现阻止\隔离的效果
3）在黑名单中添加 document 字段，来实现禁止开发者操作 DOM
4）在黑名单中添加 XMLHttpRequest、fetch、WebSocket 字段，实现禁用原生的方式调用接口
5）若访问当前全局对象中不存在的变量，则直接报错，实现禁用三方库调接口
6）最后还要拦截对 window 对象的访问，防止通过 window.document 来操作 DOM，避免沙箱逃逸
展开
评论
点赞
#青训营笔记创作活动#
12月28日 day12打卡
使用纯CSS方式实现节流
12月28日 day12打卡
使用纯CSS方式实现节流
评论
点赞
赞了这篇文章
#青训营笔记创作活动#
12月26日 day11打卡
两种屏幕适配方案，基于rem和scale
12月26日 day11打卡
两种屏幕适配方案，基于rem和scale
评论
点赞
赞了这篇文章
#青训营笔记创作活动#
12月24日 day9打卡
打包工具esbuild，目前vite也在使用
12月24日 day9打卡
打包工具esbuild，目前vite也在使用
评论
点赞
#青训营笔记创作活动#
12月23日 day8打卡
使用monorepo方式管理前端项目
12月23日 day8打卡
使用monorepo方式管理前端项目
评论
点赞
#青训营笔记创作活动#
12月21日 day7打卡
用js实现好看的拖拽效果
12月21日 day7打卡
用js实现好看的拖拽效果
评论
点赞
#青训营笔记创作活动#
12月18日 day4打卡
身体不舒服，在床上躺了大半天，不知道是不是羊了。。
今天看的文章是一个批量压缩图片的小工具，但不是很懂
12月18日 day4打卡
身体不舒服，在床上躺了大半天，不知道是不是羊了。。
今天看的文章是一个批量压缩图片的小工具，但不是很懂
评论
点赞
#青训营笔记创作活动#
12月17日 day3
js工具的一些常见实现方法，但说实话质量不是很高，有些已经在评论区提出的错误作者也没有改。。但对于拓宽知识面来说已经足够
12月17日 day3
js工具的一些常见实现方法，但说实话质量不是很高，有些已经在评论区提出的错误作者也没有改。。但对于拓宽知识面来说已经足够
评论
点赞
#青训营笔记创作活动#
12月16日 day2
promise查漏补缺：
1. then/catch明确返回一个promise时，状态由这个promise决定
2. then/catch返回为普通值时，会自动封装成promise对象，相当于调用promise.resolve
12月16日 day2
promise查漏补缺：
1. then/catch明确返回一个promise时，状态由这个promise决定
2. then/catch返回为普通值时，会自动封装成promise对象，相当于调用promise.resolve
展开
评论
点赞
赞了这篇文章
#青训营笔记创作活动#
12月15日 day1打卡
工欲善其事必先利其器，今天了解了前端开发者常用的一些网站和工具，以备不时之需：
1. 图片压缩：tinypng、squoosh
2. 代码在线编辑：codepen、码上掘金
3. 代码片段：carbon、ray.so
4. 动画：css3-animation
5.建站：surge
6.测试：pagespeed、responsively
12月15日 day1打卡
工欲善其事必先利其器，今天了解了前端开发者常用的一些网站和工具，以备不时之需：
1. 图片压缩：tinypng、squoosh
2. 代码在线编辑：codepen、码上掘金
3. 代码片段：carbon、ray.so
4. 动画：css3-animation
5.建站：surge
6.测试：pagespeed、responsively
展开
评论
点赞
赞了这篇文章