yeah_bin的博客

Canvas 是 HTML5 新增的元素，它就像一块幕布，可通过JavaScript脚本在 Web 页面上绘制图形、动画和其他可视化内容

HTMLMediaElement 是 HTML5 中 <audio> 和 <video> 元素的基类，定义了它们共享的属性、方法和事件。无论你使用的是音频还是视频元素，都可以通过 HTMLMediaElement 提供的功能来控制媒体的播放、加载、状态查询等操作

通过 video 元素+canvas 元素的方式实现。服务器 CORS 配置支持跨域的对应请求头。video 视频资源为同域或支持跨域。在 video 元素上设置跨域标识。video 元素添加跨域属性，

【代码】vue3+element-plus实现省市区三级地址多选。

week、date、datetime，返回的是一个string|number|Date，范围的包括datetimerange、monthrange、daterange（这些只能选择其实两个日期，返回的是只有两个元素的数组，数组元素是value-format的内容）、dates（可以选择单独的多个日期，返回的是包含多个元素的数组，每个元素代表每个选中日期的value-format输出内容）v-model： 动态绑定的值，类型为number、string，array，即为value-format输出的内容。

vuex 是一个状态管理工具，可以管理整个应用的状态，包括数据、状态、配置等。

需要创建一个Mixin对象，该对象包含你想要在多个组件中共享的选项。这些选项可以是data、methods、computed属性、watch或者生命周期钩子等。data() {return {},methods: {},// 其他选项...

对象中的属性为class名，值为true或false，如果为true，则添加该class，为false，则不添加该class。

/// 子组件props: {子组件内定义事件回调函数，里面发布一个事件，可以传递参数methods: {// 父组件中在子组件标签上自定义一个事件，订阅该事件,并在父组件destroyed生命周期中取消订阅methods: {},

/

vue为组件封装者提供的能力。允许开发者在封装组件时，把不确定的、希望由用户指定的部分定义为插槽。

Vue组件可能存在多个实例，如果使用对象形式定义data，则会导致它们共用一个data对象，那么状态变更将会影响所有组件实例，这是不合理的；采用函数形式定义，在initData时会将其作为工厂函数返回全新data对象，有效规避多实例之间状态污染问题。而在Vue根实例创建过程中则不存在该限制，也是因为根实例只能有一个，不需要担心这种情况。

生命周期生命周期函数beforeCreate时机：在实例初始化之后，数据观测 (data observer) 和事件/ watcher 事件配置之前被调用。此时 $el 和 data 都未被初始化，this 指针还不可用（即 this 仍然是 undefined）使用场景：适合于在数据初始化之前做一些准备工作。初始化外部库或服务：如果你的应用依赖于某些外部库或服务，你可以在 beforeCreate 钩子中进行初始化。初始化全局状态：在 beforeCreate 钩子中可以做一些全局状态的初

id必须传，不然页面渲染失败，如果不想必传递，可以设置为path: ‘/user/:id?父子路由，子路由的path必须以父路由的path为前缀，如：/user/:id/profile，/user/:id/profile/edit。如果像设置默认值，可以全局前置守护、路由前置守护中设置，或者在组件的props或者data、computed中设置。在路由each、enter之后执行，主要进行路由解析，主要用于在进入路由前执行异步操作，如数据预加载。在组件中设置，调用时机：在导航离开该组件的路由时调用。