用户9273590572010
获得徽章 1
#青训营笔记创作活动#
2.4
Day19
今日学习
console 是我们开发中经常使用的功能，用来输出打印和调试开发。
console.warn
在控制台输出警告信息，用于代码存在不合理或不符合规范但不影响系统运行的提示
console.error
在控制台输出错误信息，用于代码错误和异常的提示console.time和console.timeEnd
这两个方法一般是配合使用，用于计算代码段的执行时间，有助于性能调试和判断
2.4
Day19
今日学习
console 是我们开发中经常使用的功能，用来输出打印和调试开发。
console.warn
在控制台输出警告信息，用于代码存在不合理或不符合规范但不影响系统运行的提示
console.error
在控制台输出错误信息，用于代码错误和异常的提示console.time和console.timeEnd
这两个方法一般是配合使用，用于计算代码段的执行时间，有助于性能调试和判断
展开
评论
点赞
#青训营笔记创作活动#
2.3
Day18
今日学习
clamp() 函数的作用是把一个值限制在一个上限和下限之间，当这个值超过最小值和最大值的范围时，在最小值和最大值之间选择一个值使用。
max() 函数，在 0px 和 min()的计算值之间进行比较，并选择较大的值。
min() 函数在 8px 和 calc((100vw - 4px - 100%) * 9999 的计算值之间进行比较，这会得到一个非常大的正数或负数。
2.3
Day18
今日学习
clamp() 函数的作用是把一个值限制在一个上限和下限之间，当这个值超过最小值和最大值的范围时，在最小值和最大值之间选择一个值使用。
max() 函数，在 0px 和 min()的计算值之间进行比较，并选择较大的值。
min() 函数在 8px 和 calc((100vw - 4px - 100%) * 9999 的计算值之间进行比较，这会得到一个非常大的正数或负数。
展开
评论
点赞
#青训营笔记创作活动#
2.2
Day17
今日学习
借助 CSS 来更好的控制定时器的方法。
分别有hover 延时触发（hover配合transition延时、transitionend监听可以实现鼠标经过延时触发效果，长按触发事件（active配合transition延时、transitionend监听可以实现长按触发效果，轮播和暂停（CSS 动画设置infinite后配合animationiteration监听可以实现周期性触发效果。
2.2
Day17
今日学习
借助 CSS 来更好的控制定时器的方法。
分别有hover 延时触发（hover配合transition延时、transitionend监听可以实现鼠标经过延时触发效果，长按触发事件（active配合transition延时、transitionend监听可以实现长按触发效果，轮播和暂停（CSS 动画设置infinite后配合animationiteration监听可以实现周期性触发效果。
展开
评论
点赞
#青训营笔记创作活动#
2.1
Day16
今日学习
了解了非常有用的人脸检测。
分为以下几步，创建人脸模型（人脸识别，可以引入tensorflow训练好的人脸特征点检测模型，特征检测（人脸的远近，张嘴，眨眼，左右摇头）。
2.1
Day16
今日学习
了解了非常有用的人脸检测。
分为以下几步，创建人脸模型（人脸识别，可以引入tensorflow训练好的人脸特征点检测模型，特征检测（人脸的远近，张嘴，眨眼，左右摇头）。
展开
评论
点赞
#青训营笔记创作活动#
1.31
Day15
今日学习
了解了如何调试antd的源码。
antd有三种入口。1.main 是 commonjs 的入口，对应了lib的目录。2.module 是 esm 的入口，也就是 import xx from 'antd' 的时候会走这个。3.unpkg 是 UMD 的入口，也就是通过 script 标签引入的时候或者 commonjs 的方式等都可以用。
想要 sourcemap 映射到 tsx 源码，需要把 devtool 设置成 cheap-module-source-map，然后开启 babel-loader 和 ts-loader 的 sourcemap
1.31
Day15
今日学习
了解了如何调试antd的源码。
antd有三种入口。1.main 是 commonjs 的入口，对应了lib的目录。2.module 是 esm 的入口，也就是 import xx from 'antd' 的时候会走这个。3.unpkg 是 UMD 的入口，也就是通过 script 标签引入的时候或者 commonjs 的方式等都可以用。
想要 sourcemap 映射到 tsx 源码，需要把 devtool 设置成 cheap-module-source-map，然后开启 babel-loader 和 ts-loader 的 sourcemap
展开
评论
点赞
#青训营笔记创作活动#
11.30
Day14
今日学习
快速开发图片编辑器，通过这个项目学习到fabric.js的基础用法。
框架设计
初始化（fabric.js创建对象，用EventEmitter创建事件发射器，可订阅单选、多选、取消选择事件
背景设置
插入元素
属性调整（特定属性
元素对齐
11.30
Day14
今日学习
快速开发图片编辑器，通过这个项目学习到fabric.js的基础用法。
框架设计
初始化（fabric.js创建对象，用EventEmitter创建事件发射器，可订阅单选、多选、取消选择事件
背景设置
插入元素
属性调整（特定属性
元素对齐
展开
评论
点赞
#青训营笔记创作活动#
11.29
Day13
今日学习
今天学习了用CSS防止按钮重复点击。函数节流是一个常见的优化方式，可以避免函数过于频繁地执行。而CSS与JS做节流的思路不同，CSS的实现的重点在于在于找到和该场景相关联的属性。
11.29
Day13
今日学习
今天学习了用CSS防止按钮重复点击。函数节流是一个常见的优化方式，可以避免函数过于频繁地执行。而CSS与JS做节流的思路不同，CSS的实现的重点在于在于找到和该场景相关联的属性。
展开
评论
点赞
#青训营笔记创作活动#
11.28
Day12
今日学习
学习了沙箱，一种安全机制，阻止开发者操作DOM和调接口。
使用场景大概有以下四种，1.浏览器打开的每个页面均为一个沙箱
2.执行 jsonp 请求回来的字符串时或引入不知名第三方 JS 库时，可能需要创造一个沙箱来执行这些代码
3.Vue 模板表达式的计算是运行在一个沙箱中，模板字符串中的表达式只能获取部分全局对象
4.微前端框架 qiankun
11.28
Day12
今日学习
学习了沙箱，一种安全机制，阻止开发者操作DOM和调接口。
使用场景大概有以下四种，1.浏览器打开的每个页面均为一个沙箱
2.执行 jsonp 请求回来的字符串时或引入不知名第三方 JS 库时，可能需要创造一个沙箱来执行这些代码
3.Vue 模板表达式的计算是运行在一个沙箱中，模板字符串中的表达式只能获取部分全局对象
4.微前端框架 qiankun
展开
评论
点赞
#青训营笔记创作活动#
11.27
Day11
今日学习
学习了关于Vite项目屏幕适配的两种方案，包括基于rem的适配方案和基于scale的适配方案。基于rem的适配方案适用于不固定宽高比的Web应用，适用于绝大部分业务场景。基于scale的适配方案适用于固定宽高比的Web应用，如大屏或者固定窗口业务应用。
11.27
Day11
今日学习
学习了关于Vite项目屏幕适配的两种方案，包括基于rem的适配方案和基于scale的适配方案。基于rem的适配方案适用于不固定宽高比的Web应用，适用于绝大部分业务场景。基于scale的适配方案适用于固定宽高比的Web应用，如大屏或者固定窗口业务应用。
展开
评论
点赞
#青训营笔记创作活动#
11.26
Day10
今日学习
今天了解到了8个css的属性，包括position: sticky，empty 选择器，gap，background-clip: text，user-select，invalid 伪类，focus-within 伪类，mix-blend-mode:difference
11.26
Day10
今日学习
今天了解到了8个css的属性，包括position: sticky，empty 选择器，gap，background-clip: text，user-select，invalid 伪类，focus-within 伪类，mix-blend-mode:difference
展开
评论
点赞
赞了这篇文章
#青训营笔记创作活动#
11.25
Day9
今日学习
在制作页面很多时候需要将图片进行压缩，文章教给我们使用TinyPng进行压缩。压缩一共分为五步：查找、分配、上传、下载、写入。
11.25
Day9
今日学习
在制作页面很多时候需要将图片进行压缩，文章教给我们使用TinyPng进行压缩。压缩一共分为五步：查找、分配、上传、下载、写入。
展开
评论
点赞
#青训营笔记创作活动#
11.24
Day8
今日学习
今天学习了由 Figma的CTO Evan Wallace基于Golang开发的一款打包工具Esbuild。它主要有以下几个优势，使用golang开发，节省运营时间；多核并行，充分利用所有的 CPU 内核；从零开始造轮子，没有任何第三方库的黑盒逻辑，保证极致的代码性能；高效利用内存。
11.24
Day8
今日学习
今天学习了由 Figma的CTO Evan Wallace基于Golang开发的一款打包工具Esbuild。它主要有以下几个优势，使用golang开发，节省运营时间；多核并行，充分利用所有的 CPU 内核；从零开始造轮子，没有任何第三方库的黑盒逻辑，保证极致的代码性能；高效利用内存。
展开
评论
点赞
#青训营笔记创作活动#
1.23
Day 7
今日学习
学会如何使用 WebRTC 的一些 API
学会如何分享屏幕，录制屏幕（通过 getDisplayMedia 来获取屏幕共享的媒体流
学会如何通过 WebRTC 实现拍照（原理通过canvas
学会如何实现视频虚拟背景
搭建一个 1v1 的 WebRTC 实时音视频通话
1.23
Day 7
今日学习
学会如何使用 WebRTC 的一些 API
学会如何分享屏幕，录制屏幕（通过 getDisplayMedia 来获取屏幕共享的媒体流
学会如何通过 WebRTC 实现拍照（原理通过canvas
学会如何实现视频虚拟背景
搭建一个 1v1 的 WebRTC 实时音视频通话
展开
评论
点赞
#青训营笔记创作活动#
1.22
Day6
今日学习
今天又学习了一个新技能抓包，通过抓包进行网络分析、检测网络使用流量等问题。作为前端开发者，抓取应用层的 HTTP/HTTPS 的包，设置一个中间人进程负责抓包。
HTTP + 加密 + 认证 + 完整性保护 = HTTPS
1.22
Day6
今日学习
今天又学习了一个新技能抓包，通过抓包进行网络分析、检测网络使用流量等问题。作为前端开发者，抓取应用层的 HTTP/HTTPS 的包，设置一个中间人进程负责抓包。
HTTP + 加密 + 认证 + 完整性保护 = HTTPS
展开
评论
点赞
#青训营笔记创作活动#
11.21
Day5
今日学习
今天学习了关于js的11种方法，印象最深的事儿防抖和节流。
防抖：一定时间内频繁地触发，以最后一次触发为准
节流：一定时间内频繁地触发，只会触发一次
11.21
Day5
今日学习
今天学习了关于js的11种方法，印象最深的事儿防抖和节流。
防抖：一定时间内频繁地触发，以最后一次触发为准
节流：一定时间内频繁地触发，只会触发一次
展开
评论
点赞
#青训营笔记创作活动#
1.20
Day4
今日学习
今天了解到了16个前端必备的实用工具与网站。对于我来说，github desktop帮助最大。因为最为前端新手，很难一下子记住这么多git命令
1.20
Day4
今日学习
今天了解到了16个前端必备的实用工具与网站。对于我来说，github desktop帮助最大。因为最为前端新手，很难一下子记住这么多git命令
展开
评论
点赞
#青训营笔记创作活动#
1.19
Day3
今日学习
今天了解到了Monorepo，一种新的管理方式。了解到了Monorepo的优点，例如工作流的一致性，降低项目基健成本等。
1.19
Day3
今日学习
今天了解到了Monorepo，一种新的管理方式。了解到了Monorepo的优点，例如工作流的一致性，降低项目基健成本等。
展开
评论
点赞
#青训营笔记创作活动#
1.18
Day2
今日学习
作为一个刚学习前端不久的小白来说，看完这篇文章我真的受益匪浅，但是目前只学习了html和css，有一些部分不是很理解。希望有一天我也能用纯js写一个拖拽
1.18
Day2
今日学习
作为一个刚学习前端不久的小白来说，看完这篇文章我真的受益匪浅，但是目前只学习了html和css，有一些部分不是很理解。希望有一天我也能用纯js写一个拖拽
展开
评论
点赞
#青训营笔记创作活动#
1.17 打卡day1
今日学习
通过css写动画，纯用css布局。了解到了css3的属性animation，运用它来为元素实现动画效果。
1.17 打卡day1
今日学习
通过css写动画，纯用css布局。了解到了css3的属性animation，运用它来为元素实现动画效果。
评论
点赞