
获得徽章 1
- #青训营笔记创作活动#
2月11日 打卡day12
今天学习了设计一个不能操作Dom和调用接口的环境。
1)利用 iframe 创建沙箱,取出其中的原生浏览器全局对象作为沙箱的全局对象
2)设置一个黑名单,若访问黑名单中的变量,则直接报错,实现阻止\隔离的效果
3)在黑名单中添加 document 字段,来实现禁止开发者操作 DOM
4)在黑名单中添加 XMLHttpRequest、fetch、WebSocket 字段,实现禁用原生的方式调用接口
5)若访问当前全局对象中不存在的变量,则直接报错,实现禁用三方库调接口
6)最后还要拦截对 window 对象的访问,防止通过 window.document 来操作 DOM,避免沙箱逃逸展开评论点赞 - #青训营笔记创作活动#
2月1日 打卡day11
今天学习了vite项目屏幕适配的方案, 采用px转rem的方式,1rem等于一个字体的大小。评论点赞 - #第五届青训营阅读打卡#
1月31日 打卡day10
今天学习了很多实用的css属性,比如sticky解决了吸顶动画,:empty添加提示增加用户体验感。评论点赞 - #青训营笔记创作活动#
一月25日 打卡day9
今天学习了使用tinypng来压缩图片,经过压缩后的图片与原图看不出区别,因此可以有效的减少图片体积,是一个不错的工具评论点赞 - #青训营笔记创作活动#
1月22日 打卡day8
今天了解了ESbuild,Esbuild 内部算法设计是经过精心设计的,尽可能充分利用所有的 CPU 内核。所有的步骤尽可能并行,这也是得益于 Go 当中多线程共享内存的优势,而在 JS 中所有的步骤只能是串行的。 使用go语言加快打包进度。展开评论点赞 - #青训营笔记创作活动#
1月21日 打卡day7
今天学习了webRTC,了解了他的基本用法,有支持视频录制之类的api,还有分享屏幕之类的,里面介绍了使用方法等。评论点赞 - #青训营笔记创作活动#
1月20日 打卡第六天
今天学习了抓包的作用及方法:
抓包就是将网络传输发送与接收的数据包进行截获、重发、编辑、转存等操作,便于我们对发送或者接收数据的具体信息。评论点赞 - #青训营笔记创作活动#
1月19日 打卡day5
今天学习了js的工具方法,有如回到顶部,判断函数等,极大的提高了我们的开发效率。评论点赞 - #青训营笔记创作活动#
1月18 打卡day4
今天学习了异步代码发展的进程,async await 解决了回调地狱的问题,而且使用try,catch使代码结构更易读。async声明函数为异步函数,await 后面必须是promise类型的值,而其后的值在变为fullfiled或者rejected时才会执行之后的代码。展开评论点赞 - #青训营笔记创作活动#
1月17 打卡day3
今天学习了为什么前端离不开monorepo,概念:把多个项目放到一个仓库里,解决了代码复用,版本管理,项目基建成本降低,使团队协作更加容易。评论点赞