Vue.Draggable的使用
Vue.Draggable 是一款基于 Sortable.js 拖拽插件
# 一、特点
- 完全支持 Sortable.js 的功能支持触摸设备支持拖拽和选择文本智能自动滚动支持在不同列表之间拖拽没有 JQuery 依赖项
- 与视图模型同步刷新
- 与 Vue2 动画兼容
- 支持撤销操作
- 当需要完全控制时,可抛出所有的变化事件
- 与现有的 UI 组件兼容(比如 vuetify、element、vue material 等)
Vue.Draggable 是一款基于 Sortable.js 拖拽插件
为了在 Vue 2 中实现一个组件,其中包含左右两个表格,且中间有一个可拖拽的区域来动态调整表格的宽度,你可以按照以下步骤进行:
思路:父组件通过冒号:绑定变量,然后子组件用
const props = defineProps({})
进行接收参数。
父组件代码: 在第二行那里 :name="name"
把那么传给子组件
<template> | |
<child :name="name"></child> | |
</template> | |
<script setup> | |
import { ref } from 'vue' | |
import child from './child.vue' | |
const name = ref('天天鸭') | |
</script> |
子组件代码: const props = defineProps({})
接收后直接在标签使用
<template> | |
<div></div> | |
</template> | |
<script setup> | |
import { defineProps } from 'vue' | |
const props = defineProps({ | |
name: { | |
type: String, | |
default: '', | |
}, | |
}) | |
</script> |
openssh 觉得 ssh-rsa 加密方式不安全,直接从 8.8 开始默认不允许这种密钥用于登陆了
时区是地球上的区域使用同一个时间定义。以前,人们通过观察太阳的外置(时角)决定时间,这就使得不同经度的地方的时间各有不同,为了统一使用同一个时间,就引入了时区的概念。时区通过设立一个标准时间部分地解决了这个问题。世界各国位于地球的不同位置,因此不同国家,特别是东西跨度大的国家日出、日落时间必定有偏差,这些偏差就是时差。
协调世界时(UTC)是最主要的世界时间标准,其以院子时秒长为基础,在时刻上尽量接近于格林威治标准时间。协调世界时是世界上调调节时钟和时间的主要标准。如果时间是以协调世界时(UTC)表示,则在时间后面加上 “Z”,“Z” 是协调世界时中 0 时区的标志。UTC 时间也叫祖鲁时间,因为在北约音标字母中用 “Zulu” 表示 “Z”。
UTC 偏移量的表示形式为:±[hh]:[mm]、±[hh][mm] 或者 ±[hh]。比如北京时间比协调世界时(UTC)早八小时,那么应当表示为:UTC+8。
JavaScript 获得当前客户端的时区
对象是 ECMAScript 国际化 API 的一个命名空间,它提供了精确的字符串对比、数字格式化和日期格式化。我们需要使用这个 API 的DateTimeFormat
对象。具体可以参考:MDNIntl.DateTimeFormat
获得客户端当前时区:
Intl.DateTimeFormat().resolvedOptions().timeZone // 'Asia/Shanghai' |
在 JavaScript 中,进行精确的类型检查通常涉及使用 typeof
运算符和 instanceof
关键字。以下是一些实用的函数和方法,用于进行精确的类型检验:
typeof
检查原始类型(例如: string
, number
, boolean
)。instanceof
检查对象的类型,特别是检查某个实例是否是构造函数的实例。Array.isArray()
检查数组类型。typeof
和 Object.prototype.toString.call()
结合,检查复杂类型(例如: function
, object
, symbol
, bigint
)。