小小冰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月24日 打卡day10
position: sticky：：标题在滚动的时候，会一直贴着最顶上
:empty 选择器：通过 :empty 选中内容为空的容器，然后通过伪元素为空容器添加提示。
background-clip: text用来做带背景的文字效果展开评论点赞 - #青训营笔记创作活动#
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月19日 打卡day7
WebRTC:是一项实时通讯技术，它允许网络应用或者站点，在不借助中间媒体的情况下，建立浏览器之间点对点的连接，实现视频流和音频流或者其他任意数据的传输。
WebRTC的应用场景：直播，游戏，视频会议/在线教育，屏幕共享/远程控制等
要实现音视频通话，我们肯定要先获取到摄像头的媒体流，然后通过WebRTC技术将媒体流传输到远端实现实时通讯。
展开评论点赞 - #青训营笔记创作活动#
1月17日 打卡day6
抓包就是将网络传输发送与接收的数据包进行截获、重发、编辑、转存等操作。
HTTP 抓包原理：对于 HTTP 抓包，无需做过多的处理，只需要让中间人负责转发客户端和服务端的数据包。展开评论点赞 - #青训营笔记创作活动#
1月16日 打卡day5
计算距离下次生日还有多少天：借助moment来实现
回到顶部：通过定时器去滚动视觉上会丝滑一些，但当回到顶部记得清楚计时器
复制文本：通过创建DOM元素，去把要复制的内容拿到
防抖/节流：设置定时器，规定时间后执行真实要执行的函数
过滤特殊字符：主要通过replace，pattern规则，去把字符替换成空。展开评论点赞 - #青训营笔记创作活动#
1月15日 day4
promise的状态：
pending(待定)，执行了executor，状态还在等待中，没有被兑现，也没有被拒绝
fulfilled(已兑现)，执行了resolve函数则代表了已兑现状态
rejected(已拒绝)，执行了reject函数则代表了已拒绝状态
Promise的实例方法：
实例方法，存放在Promise.prototype上的方法，也就是Promise的显示原型上，当我new Promise的时候，会把返回的改对象的 promise[[prototype]]（隐式原型） === Promise.prototype (显示原型)
展开评论点赞 - #青训营笔记创作活动#
1月14日 打卡day3
Monorepo 的概念：把多个项目放在一个仓库里面，相对立的是传统的 MultiRepo 模式，即每个项目对应一个单独的仓库来分散管理。
MultiRepo的弊端：代码复用问题、版本管理问题、项目基建问题。
Monorepo 的收益：工作流的一致性、项目基建成本的降低、团队协作也更加容易。
Monorepo 的落地：在实际场景来落地 Monorepo，需要一套完整的工程体系来进行支撑，因为基于 Monorepo 的项目管理，绝不是仅仅代码放到一起就可以的，还需要考虑项目间依赖分析、依赖安装、构建流程、测试流程、CI 及发布流程等诸多工程环节，同时还要考虑项目规模到达一定程度后的性能问题
展开评论点赞 - #青训营笔记创作活动#
1月13日 打卡day2
16个前端必备的实用工具与网络总结：
git可视化工具→GitHub Desktop
图片在线压缩→ tinypng
在线编辑→ 掘金
JSON格式化→json.cn
代码生成图片→carbon
表情符号→有很多颜文字
矢量图标-iconfont→可以找到大部分图标
css3动画→css3-animation
封面模板-canva→可以为文章制作封面
高清图片-UnSplash
在线画图→boardmix
快速部署建站→surge
在线性能评测→pagespeed
多平台测试→responsively
Chrome扩展组件→极易插件
在线简历→500丁网站展开评论点赞