摘要: vue3中ref函数和reactive函数 1、ref函数 作用:定义一个响应式的数据 语法:const xx = ref(initValue) 创建一个包含响应式数据的引用对象(reference对象,简称ref对象) js中操作数据:xxx.value 模版中读取数据:不需要.value,直接: 阅读全文
posted @ 2023-01-03 10:35 marilol 阅读(29) 评论(0) 推荐(0) 编辑
摘要: 属性: translate: 含义:元素移动 用法: X轴上的移动,transform:translateX(...px/em/rem/%),百分比按元素的尺寸,可以任意单位;正数往右,负数往左; Y轴上的移动,transform:translateY(...px/em/rem/%),百分比按元素的 阅读全文
posted @ 2020-09-02 16:17 marilol 阅读(184) 评论(0) 推荐(0) 编辑
摘要: 基本用法: 定义一些帧 把这些帧组成一组 给这组帧起个名字 应用给元素 ex: @keyframes [name]{ from{ ... }, /*0%{ ... }*/ to{ ... } /*100%{ ... }*/ }div{ animation-name: [name]; animatio 阅读全文
posted @ 2020-08-25 11:13 marilol 阅读(133) 评论(0) 推荐(0) 编辑
摘要: 设备划分 尺寸区间 超小屏幕(手机) <768px 小屏设备(平板) >=768px ~ 992px 中等屏幕(桌面显示器) >=992px ~ 1200px 宽屏设备(大桌面显示器) >= 1200px 可使用以下技术: viewport用户网页的可视区域 使用流体宽度,设置max/min-wid 阅读全文
posted @ 2020-07-30 22:18 marilol 阅读(49) 评论(0) 推荐(0) 编辑