
获得徽章 2
#青训营笔记创作活动#
2月13日 打卡day20
今日学习了「纯前端实现「羊了个羊」小游戏」这篇文章,对前端游戏开发有了更深刻的了解。学习到了如何利用 HTML5 中的 canvas 元素和 JavaScript 实现游戏画面的渲染和动画效果,以及如何利用事件监听实现用户与游戏的交互等
2月13日 打卡day20
今日学习了「纯前端实现「羊了个羊」小游戏」这篇文章,对前端游戏开发有了更深刻的了解。学习到了如何利用 HTML5 中的 canvas 元素和 JavaScript 实现游戏画面的渲染和动画效果,以及如何利用事件监听实现用户与游戏的交互等
展开
评论
点赞
#青训营笔记创作活动#
2月12日 打卡day19
今日学习了关于前端开发中浏览器调试技巧的文章,了解到了许多实用的方法和工具。例如,使用浏览器开发者工具来查看网页元素,调试JavaScript代码,利用console.log()打印日志,以及使用断点调试等。这些技巧将有助于我在开发中节省大量时间,提高效率。总之,这篇文章让我对前端调试有了更深入的了解。
2月12日 打卡day19
今日学习了关于前端开发中浏览器调试技巧的文章,了解到了许多实用的方法和工具。例如,使用浏览器开发者工具来查看网页元素,调试JavaScript代码,利用console.log()打印日志,以及使用断点调试等。这些技巧将有助于我在开发中节省大量时间,提高效率。总之,这篇文章让我对前端调试有了更深入的了解。
展开
评论
点赞
#青训营笔记创作活动#
2月11日 打卡day18
今日学习了 Clamp(), Max(), 和 Min() 函数,这些函数可以帮助我们更方便地控制 CSS 中的数值,而不用写大量的代码。Clamp() 函数可以限制数值的范围,Max() 函数可以取数值的最大值,Min() 函数则可以取数值的最小值。通过使用这些函数,我们可以提高代码的可读性和可维护性,并且也可以节约开发时间。
2月11日 打卡day18
今日学习了 Clamp(), Max(), 和 Min() 函数,这些函数可以帮助我们更方便地控制 CSS 中的数值,而不用写大量的代码。Clamp() 函数可以限制数值的范围,Max() 函数可以取数值的最大值,Min() 函数则可以取数值的最小值。通过使用这些函数,我们可以提高代码的可读性和可维护性,并且也可以节约开发时间。
展开
评论
点赞
#青训营笔记创作活动#
2月10日 打卡day17
今日学习了关于如何使用 CSS 来监听事件,这是一种替代定时器的方法。在过去,我们通常使用 JavaScript 定时器来监听事件,但使用 CSS 来监听事件有很多优点,例如简单易用、性能优良等。我对这种新的方法很感兴趣,并且想尝试一下,希望能够提高我的开发效率和代码质量。
2月10日 打卡day17
今日学习了关于如何使用 CSS 来监听事件,这是一种替代定时器的方法。在过去,我们通常使用 JavaScript 定时器来监听事件,但使用 CSS 来监听事件有很多优点,例如简单易用、性能优良等。我对这种新的方法很感兴趣,并且想尝试一下,希望能够提高我的开发效率和代码质量。
展开
评论
点赞
#青训营笔记创作活动#
2月9日 打卡day16
今日学习了一篇关于前端实现活体人脸检测的文章,对于人脸识别技术有了更深刻的了解。文章中提到的一些算法和技术,如Haar特征、tensorflow等也启发我继续深入学习。这次阅读给了我很大的启发,增强了我对人脸识别技术的兴趣.
2月9日 打卡day16
今日学习了一篇关于前端实现活体人脸检测的文章,对于人脸识别技术有了更深刻的了解。文章中提到的一些算法和技术,如Haar特征、tensorflow等也启发我继续深入学习。这次阅读给了我很大的启发,增强了我对人脸识别技术的兴趣.
展开
评论
点赞
#青训营笔记创作活动#
1月29日 打卡day15
今日学习了 90% 的前端不会调试 Ant Design 源码的原因,主要是因为调试 Ant Design 源码需要对前端开发的各个方面都有所了解,需要涉及如 VSCode Chrome Debugger、react 源码里的 renderWithHooks、条件断点、antd 的三种入口、sourcemap 以及 webpack 的 cheap-module-source-map 等多种技术,这需要不断练习和提高。
1月29日 打卡day15
今日学习了 90% 的前端不会调试 Ant Design 源码的原因,主要是因为调试 Ant Design 源码需要对前端开发的各个方面都有所了解,需要涉及如 VSCode Chrome Debugger、react 源码里的 renderWithHooks、条件断点、antd 的三种入口、sourcemap 以及 webpack 的 cheap-module-source-map 等多种技术,这需要不断练习和提高。
展开
评论
点赞
#青训营笔记创作活动#
1月28日 打卡day14
今日学习使用fabric.js开发图片编辑器,发现它是一个非常强大的工具。它提供了丰富的API,可以轻松实现图片旋转、缩放、移动等操作。同时,它还支持添加文本、矩形、圆形等图形以满足需求。通过这次学习,我对canvas和javascript有了更深入的了解。
1月28日 打卡day14
今日学习使用fabric.js开发图片编辑器,发现它是一个非常强大的工具。它提供了丰富的API,可以轻松实现图片旋转、缩放、移动等操作。同时,它还支持添加文本、矩形、圆形等图形以满足需求。通过这次学习,我对canvas和javascript有了更深入的了解。
展开
评论
点赞
#青训营笔记创作活动#
1月27日 打卡day13
今日学习了用 CSS 来限制按钮重复点击的方法,感觉很新鲜。通过使用 pointer-events 来禁用事件,animation 来限制时间,和伪类:active 来触发,可以很简单地实现防止按钮重复点击。
1月27日 打卡day13
今日学习了用 CSS 来限制按钮重复点击的方法,感觉很新鲜。通过使用 pointer-events 来禁用事件,animation 来限制时间,和伪类:active 来触发,可以很简单地实现防止按钮重复点击。
展开
评论
点赞
#青训营笔记创作活动#
1月26日 打卡day12
今日学习了如何在不能操作DOM和调用接口的环境中进行开发。实现思路是利用iframe创建沙箱,设置黑名单来阻止对DOM和接口的访问。具体方法是在黑名单中添加 document、XMLHttpRequest、fetch、WebSocket 字段,并拦截对 window 对象的访问。这样能够有效地隔离代码并防止沙箱逃逸。
1月26日 打卡day12
今日学习了如何在不能操作DOM和调用接口的环境中进行开发。实现思路是利用iframe创建沙箱,设置黑名单来阻止对DOM和接口的访问。具体方法是在黑名单中添加 document、XMLHttpRequest、fetch、WebSocket 字段,并拦截对 window 对象的访问。这样能够有效地隔离代码并防止沙箱逃逸。
展开
评论
点赞