goldSlience
获得徽章 9
- #青训营笔记创作活动#
2023年1月3日 day15
今日学习：浏览器调试技巧![[太阳]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_135.5741bcc.png)
console.log/warn/error/time/timeEnd/assert/dir/table断点（条件断点 / DOM断点） 或 debuggerVS Code端点 => JavaScript Debug Terminal
还有节点截图、状态改变等功能展开评论点赞 - #青训营笔记创作活动#
2023年1月2日 day14
今日学习：CSS函数![[玫瑰]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_103.6c2eed8.png)
clamp(min, recommond, max); 或可替代媒体查询CSS中的变量是由“作用域”的，在CSS中，父级定义的变量可在子级中使用使用变量：var() 函数，eg：var(--自定义属性名称)自定义变量放在 :root 中，以方便在文档中使用var( 变量/值1，变量/值2，. . .) => 找第一个有的值 展开评论点赞 - #青训营笔记创作活动#
2023年1月1日 day13
今日学习：fabric.js框架
图片编辑器，可了解学会，作为自己的简历练习项目评论点赞 - #青训营笔记创作活动#
12月31日 day12
今日学习：
感觉比较鸡肋，但还是有收获
1. 以后多注意CSS动画 animation @keyframe from to展开评论点赞 - #青训营笔记创作活动#
12月29日 day11
今日学习：
了解了沙箱的概念：【隔离的代码运行环境】沙箱（Sandbox）是一种用于隔离正在运行程序的安全机制，通常用于执行未经测试或不受信任的程序或代码，它会为待执行的程序创建一个独立的执行环境，内部程序的执行不会影响到外部程序的运行。
实现沙箱的几大函数：with， eval，proxy, iframe标签。。。展开评论点赞 - 评论点赞
- #青训营笔记创作活动#
12月26日 day9
今日学习 不常用但好用的CSS效果
1. position: sticky
2. :empty 选择器
3. gap
4. background-clip: text 【PS剪切蒙版】
5. user-select
6. :invalid 伪类 => 表单输入值是否有效
7. :focus-within 伪类 => 内部元素被选中
8. mix-blend-mode:difference => 【PS滤镜】展开评论点赞 - #青训营笔记创作活动#
12月24日 day8
今日学习：
图片压缩库，tinypng
安装：npm i yx-tiny -D
使用：npx tiny![[右]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_117.6dd2889.png)
得学TS和源码了！！！ 展开评论点赞 - #青训营笔记创作活动#
12月20日 day7
今日学习：WebRTC - Web Real-Time Communications实时通讯技术
navigator.mediaDevices的系列功能
1. 调用设备摄像头
2. 开启录屏功能 & 保存录屏内容展开评论点赞 - #青训营笔记创作活动#
12月19日 day6
今日学习： 抓包 - 软件测试常用，或可判断问题是属于前端还是后端包：网络包，网络上信息传递的数据单元协议：TCP/IP、 HTTP、socket、SOAP、RESTful、https=http+sslwhistle(开源不收费), Fiddler, Charles, Wireshark, BurpSuite, F12, TCPdump(linux) 展开评论点赞
![[太阳]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_135.5741bcc.png)
console.log/warn/error/time/timeEnd/assert/dir/table![[玫瑰]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_103.6c2eed8.png)
clamp(min, recommond, max); 或可替代媒体查询
gitee.com![[右]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_117.6dd2889.png)
得学TS和源码了！！！