小小冰452
获得徽章 1
#青训营笔记创作活动#
1月25日 打卡day11
①基于rem的适配方案：rem是指相对于根元素的字体大小的单位，在日常开发过程中我们通常把根元素（html/body）的字体设置为10px,方便于我们计算（此时子元素的1rem就相当于10px）。
②基于scale的适配方案：在CSS3中，我们可以使用transform属性的scale()方法来实现元素的缩放效果。缩放，指的是“缩小”和“放大”的意思。
（transform: scaleX(x)→沿x轴方向缩放
transform: scaleY(y)→沿y轴方向缩放
transform: scale()→同时沿x轴和y轴缩放）
1月25日 打卡day11
①基于rem的适配方案：rem是指相对于根元素的字体大小的单位，在日常开发过程中我们通常把根元素（html/body）的字体设置为10px,方便于我们计算（此时子元素的1rem就相当于10px）。
②基于scale的适配方案：在CSS3中，我们可以使用transform属性的scale()方法来实现元素的缩放效果。缩放，指的是“缩小”和“放大”的意思。
（transform: scaleX(x)→沿x轴方向缩放
transform: scaleY(y)→沿y轴方向缩放
transform: scale()→同时沿x轴和y轴缩放）
展开
评论
点赞
#青训营笔记创作活动#
1月24日 打卡day10
position: sticky：：标题在滚动的时候，会一直贴着最顶上
:empty 选择器：通过 :empty 选中内容为空的容器，然后通过伪元素为空容器添加提示。
background-clip: text用来做带背景的文字效果
1月24日 打卡day10
position: sticky：：标题在滚动的时候，会一直贴着最顶上
:empty 选择器：通过 :empty 选中内容为空的容器，然后通过伪元素为空容器添加提示。
background-clip: text用来做带背景的文字效果
展开
评论
点赞
#青训营笔记创作活动#
1月23日 打卡day9
TinyPng的压缩效果非常好，体积大幅度降低且显示效果几乎没有区别。因此，选择其作为压缩工具，是一个不错的选择。
TinyPng提供两种压缩方法：
①通过在官网上进行手动压缩；
②通过官方提供的tinify进行压缩；
1月23日 打卡day9
TinyPng的压缩效果非常好，体积大幅度降低且显示效果几乎没有区别。因此，选择其作为压缩工具，是一个不错的选择。
TinyPng提供两种压缩方法：
①通过在官网上进行手动压缩；
②通过官方提供的tinify进行压缩；
展开
评论
点赞
#青训营笔记创作活动#
1月20日 打卡day8
Esbuild：是由 Figma 的 CTO 「Evan Wallace」基于 Golang 开发的一款打包工具，相比传统的打包工具，主打性能优势，在构建速度上可以快 10~100 倍。
架构优势：Golang开发、多核并行、从零造轮子、高效利用内存
插件机制：esbuild 插件就是一个对象，里面有name和setup两个属性，name是插件的名称，setup是一个函数，其中入参是一个 build 对象，这个对象上挂载了一些钩子可供我们自定义一些构建逻辑。
1月20日 打卡day8
Esbuild：是由 Figma 的 CTO 「Evan Wallace」基于 Golang 开发的一款打包工具，相比传统的打包工具，主打性能优势，在构建速度上可以快 10~100 倍。
架构优势：Golang开发、多核并行、从零造轮子、高效利用内存
插件机制：esbuild 插件就是一个对象，里面有name和setup两个属性，name是插件的名称，setup是一个函数，其中入参是一个 build 对象，这个对象上挂载了一些钩子可供我们自定义一些构建逻辑。
展开
评论
点赞
#青训营笔记创作活动#
1月19日 打卡day7
WebRTC:是一项实时通讯技术，它允许网络应用或者站点，在不借助中间媒体的情况下，建立浏览器之间点对点的连接，实现视频流和音频流或者其他任意数据的传输。
WebRTC的应用场景：直播，游戏，视频会议/在线教育，屏幕共享/远程控制等
要实现音视频通话，我们肯定要先获取到摄像头的媒体流，然后通过WebRTC技术将媒体流传输到远端实现实时通讯。
1月19日 打卡day7
WebRTC:是一项实时通讯技术，它允许网络应用或者站点，在不借助中间媒体的情况下，建立浏览器之间点对点的连接，实现视频流和音频流或者其他任意数据的传输。
WebRTC的应用场景：直播，游戏，视频会议/在线教育，屏幕共享/远程控制等
要实现音视频通话，我们肯定要先获取到摄像头的媒体流，然后通过WebRTC技术将媒体流传输到远端实现实时通讯。
展开
评论
点赞