获得徽章 14
#每天一个知识点# storeToRefs可以把pinia中得state值结构出响应式，不然取出来就是常量了
#每天一个知识点# flex布局中的item，如果上下两个item固定的height，中间的item想要填充剩余高度，给他一个flex:auto的样式就可以了
#每天一个知识点# promise可以通过await进行同步等待，给await所在得function添加aync修饰符
#每天一个知识点# position定位，
fixed:相对视口定位
relative:相对于本来的位置定位，原来空间占用还在
absolute:相对于第一个非static的父元素定位:不占用原来空间
#每天一个知识点# flex布局总结
● 概念
○ 水平主轴 main axis
■ main start
■ main end
■ main size
○ 垂直交叉轴 cross axis
■ cross start
■ cross end
■ cross size
#每天一个知识点# 根据设备的dpi来缩放canvas的画布
const ratio = Math.max(window.devicePixelRatio || 1, 1);
canvas.width = canvas.offsetWidth * ratio;
canvas.height = canvas.offsetHeight * ratio;
canvas.getContext("2d").scale(ratio, ratio);
#每天一个知识点# 如果要做移动端的页面，高度不能用100vh,要用window.innerHeight,不然浏览器的顶部地址栏和底部的工具栏会把原本的内容区挡住
#每天一个知识点# signature_pad，一个用来做电子签名的库，有一个canvas即可实现
#每天一个知识点# 用最新的nettysocketio有bug，每次连接会创建两次，所以降级使用，netty-socketio用1.7.25.nodejs的socketio-client用2.5.0
#每天一个知识点# 之前都在写后端，最近新启一个项目，公司有个现成的基础轮子可以用，就是前端技能比较薄弱，把代码翻了一下，为了满足开发，前端的知识储备包括:nodejs,typescript,vite,vue,pinia,vue-router,naiveui,tailwindcss
#每天一个知识点# 浏览器治理的媒体类型
const possibleTypes = [
"video/webm;codecs=h264,opus",
"video/webm;codecs=vp9,opus",
"video/webm;codecs=vp8,opus",
];
possibleTypes.filter((mimeType) => {
return MediaRecorder.isTypeSupported(mimeType);
});
#每天一个知识点# 当对方有候选信息发送过来时
await pc?.addIceCandidate(candidate);
各位掘友们，大家下午好！从上周开始，我们针对站内反馈居多的标题党以及各种夸张式标题的文章，进行了回查处理，本周开始我们将更加严格的对标题党文章以及文不对题式文章进行打压，对于严重违规者，我们将进行封禁处理。
手动排查违规标题是一项耗时耗力的工作。因此，我们正在努力寻找一批与标题党相关的词组或违规标题，并将其列入我们的badcase池中，从推荐的源头进行打压处理。也希望大家看到对应的标题党，动动小手举报一下。
目前我们收集到的标题党案例有限，所以希望大家能向我们反馈更多的badcase，请大家在评论中举例一些常见的违规标题。
为了感谢大家的支持，我将从评论的用户中抽出20名幸运用户，赠送掘金盲盒1份和鼠标垫2份作为奖品。希望大家积极参与，共同营造一个更好的掘金社区！
#每天一个知识点# 当对方有offer过来时
let answer = await pc.createAnswer();
await pc.setLocalDescription(answer);
#每天一个知识点# 接收到对方的应答时放入SDP
await pc?.setRemoteDescription(answer);
#每天一个知识点# 当接收到媒体轨道信息时放入video
pc.ontrack = (event) => {
setRemoteVideoTrack(user.userType, event.track);
};
#每天一个知识点# 点对点连接当有候选信息是，发送给对方。
pc.onicecandidate = (event) => {
if (event.candidate) {
sentTo(event.candidate);
} else {
console.log("在此次协商中，没有更多的候选了");
}
};
#每天一个知识点# 创建offer作为本地sdp
let offer = await pc.createOffer({ iceRestart: true });
await pc.setLocalDescription(offer);
#每天一个知识点# webRTC创建点对点连接
const PeerConnection = window.RTCPeerConnection ||window.mozRTCPeerConnection ||window.webkitRTCPeerConnection;
const pc = new PeerConnection();
#每天一个知识点# vue两种路由跳转
router = userouter();
router.push({name:'xxx'});
router.replace({name:'xxx'});
