10 2022 档案

WebSocket 笔记
摘要：MDN WebSocket 阮一峰 websocket 构造实例 new WebSocket(url [, protocols]) // url 协议标识符是 ws（如果加密，则为 wss） 实例属性 binaryType: blob / arraybuffer" onopen 连接成功后的回调函数 阅读全文
posted @ 2022-10-30 23:30 海胆Sur 阅读(4) 评论(0) 推荐(0) 编辑
创建一个宽度自适应确定比例的div —— aspect-ratio
摘要：为什么需要这样的控件 图片等拥有确定比例的控件，仅需要设置长宽中的一项即可控制等比例的缩放。 其他的却不具备此特定，需要同时设置宽高。 但等比例缩放 在自适应中是一个很重要的特性。 此外等比缩放控件可以用于创建轻量的占位内容，防止布局偏移 过去如何实现 <div class="ratio-paren 阅读全文
posted @ 2022-10-24 22:39 海胆Sur 阅读(12) 评论(0) 推荐(0) 编辑
js Object 对象 属性和方法
摘要：MDN Object Object.keys 返回对象的自身可枚举属性组成的数组Object.valuesObject.entries Object.fromEntries(entries) Object.getOwnPropertyNames() 包括不可枚举属性但不包括 Symbol 值作为名称 阅读全文
posted @ 2022-10-13 21:41 海胆Sur 阅读(26) 评论(0) 推荐(0) 编辑
vue 使用DOM classList未定义 控制台能显示父级dom信息
摘要：原因： 打印信息不是实时 右侧会有i图标提示使用时DOM未完成加载 解决： 在挂载（mounted）时调用相关内容 阅读全文
posted @ 2022-10-09 21:15 海胆Sur 阅读(4) 评论(0) 推荐(0) 编辑
vue-router 在非路由组件中获取不到完整route，router
摘要：可通过BOM获取地址栏信息 window.location.href window.location.hash // 去除 hash 的 ＃ 号 window.location.hash.slice(1) // 取得最后一级 hash 路径 window.location.hash.slice(1) 阅读全文
posted @ 2022-10-09 21:10 海胆Sur 阅读(5) 评论(0) 推荐(0) 编辑
css 各种特效实现方法
摘要：图片背景渐隐 通过伪元素 线性渐变背景 遮盖掉一部分内容 div::before { content: ''; position: absolute; bottom: 0; width: 100%; height: 100px； background: linear-gradient(to top, 阅读全文
posted @ 2022-10-09 16:52 海胆Sur 阅读(59) 评论(0) 推荐(0) 编辑
css transform变换 translate rotate scale skew | transiton
摘要：MDN CSS transform 只能转换由盒模型定位的元素 translate() / translate3d() 平移 translateX() translateY() translateZ() rotate() / rotate3d() 旋转 rotateX() rotateY() rot 阅读全文
posted @ 2022-10-04 20:23 海胆Sur 阅读(23) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示