霓裳依旧

摘要： 大屏自适应布局（来源于：百度） 阅读全文

摘要： vue3中hooks用法详解 vue3 中的 hooks 就是函数的一种写法，就是将文件的一些单独功能的js代码进行抽离出来，放到单独的js文件中，或者说是一些可以复用的公共方法/功能。其实 hooks 和 vue2 中的 mixin 有点类似，但是相对 mixins 而言， hooks 更清楚复用 阅读全文

摘要： CSS设置元素的宽度根据其内容自动调整 width: fit-content 是 CSS 中的一个属性值，用于设置元素的宽度根据其内容自动调整 默认情况（width: auto）块级元素（如 <div>）会占满父容器的全部可用宽度，width: fit-content 会让块级元素像 行内块 一样收 阅读全文

摘要： 元素width:100%; 设置padding出现横向滚动条的问题 方法一：最简单的办法是去掉元素宽度值设置，width:100%，块级元素默认就是100%宽度，设置padding后，padding会被计算为宽，实际效果的宽度会自适应的调整为100% 方法二：利用css3新特性给父级设置box-si 阅读全文

摘要： 前端数据存储全解析：localStorage、sessionStorage 与 Cookie 阅读全文

摘要： 报错‘＜template v-for＞‘ cannot be keyed. Place the key on real elements instead vue2：<template> 标签不能拥有 key <template v-for="i in list"> <div :key="'index 阅读全文

摘要： 三维空间中的Pitch、Yaw、Roll值 Pitch(抛、倾斜，一般指俯仰角)、Yaw（偏航角）、Roll（翻滚）值 阅读全文

摘要： flex-grow：默认为0，这意味着flex items不会增长以填充额外的空间。 flex-shrink：默认为1，这意味着flex items可以缩小以适应容器。 flex-basis：默认为auto，这意味着flex items的初始大小由其内容决定，也就是由其 width 或 height 阅读全文

摘要： 网页F12调试陷入无限断点(Debugger)的解决方法 直接在console输入以下代码，步骤如下： 打开F12点击Console 输入(function(){}).constructor Function，回车； 如果返回的是true，继续输入Function.prototype.constru 阅读全文

摘要： 原理 Vue2 响应式原理是利用es5的 Object.defineProperty()对数据进行劫持结合发布订阅模式来实现 Vue3 响应式原理是利用es6的 proxy 对数据代理，通过reactive() 函数给每一个对象都包一层 proxy，通过 proxy 监听属性的变化，从而实现对数据的 阅读全文