aaa123aaasqw的博客

链接官网：https://jsmpeg.com/官方例子：https://jsmpeg.com/perf.html在线video转ts文件：https://convertio.co/zh/mp4-ts/本文完整案例代码：https://gitee.com/liubaichao/vue3-video-h5-auto.git。

在微信中，由于安全和用户体验的考虑，自动播放视频（尤其是带有声音的视频）受到了严格的限制。特别是在iOS设备上，由于操作系统的限制，视频通常不能自动播放，除非它们被设置为静音（请注意，这仅适用于iOS设备上的Safari浏览器（包括微信内置的X5浏览器），并且需要用户之前与页面有过交互（如点击或触摸页面上的某个元素）。然而，在Android设备上，微信的X5浏览器可能会稍微宽松一些，但仍然不建议依赖自动播放功能，因为用户的浏览器设置和微信版本可能会影响这一行为。）且用户之前与页面有过交互（如点击或触摸）。

场景复现最近在项目中碰上了限制input输入框的输入内容的需求，于是查阅了资料，总结以下这些非常实用的JavaScript正则表达式。本文所用的组件以的a-input组件为例：（所有input输入框都适用）

当我们输入"2022222"、"2022-2-22"或者"2022年2月22日"时，结果就不对了。，各类办公文件也会涉及到日期的处理——中文格式（二〇二二年十二月二十二日）。调用此函数，传入参数"2022-12-22"，在控制台打印结果。，可以是2019-04-03,2019年04月03日，下面我们来获取当前时间，并进行中文格式日期转换。是其他的格式，可以尝试用dayjs进行类型转换。输入的格式不满足标准的YYYYMMDD格式。在团队或者企业的后台管理系统中，会涉及到。所以在使用此函数时，需要进行。

我们知道从 JSON 对象中检索一个值，只要我们有它的键。但是当我们应用 Object.Keys() 函数时，它返回的键是 [“0”, “2”, “3”, “4”]，按排序顺序排列。使用 Object.keys()，我们只得到一个对象的键，但是使用 Object.entries(obj)，我们可以得到一个对象中的所有条目，包括 keys 和它们的 values.的数据，这个时候我们就需要通过键来获取值，因此本期文章以此为主线，详细介绍三种方法获取数组对象里面的键(key)和值(value) 对象键值。

计算属性允许我们声明性地计算衍生值。然而在有些情况下，我们需要在状态变化时执行一些“副作用”：例如更改 DOM，或是根据异步操作的结果去修改另一处的状态。在组合式 API 中，我们可以使用watch函数在每次响应式状态发生变化时触发回调函数。vue中watch用来监听数据的响应式变化.获取数据变化前后的值watch的完整入参watch(监听的数据，副作用函数，配置对象)watch第一个参数是监听的数据对象, 可以是单个变量、数组、函数第二个参数是数据改变时的回调函数, 有2个参数, 第一个是。

接口往往是在方法中进行调用，对于不同接口 ，需要的参数也不一样，根据需求，我们传入对应的参数即可。在页面中，如果我们需要使用某个接口。则需要进行引入操作。以上就是接口调用的全部过程了。一个项目往往由这几个部分组成。文件夹下，命名采用驼峰命名法，比如。我们常常将接口文件，新建在文件夹。中，每个页面设一个文件夹，其中。调用接口有三种方式：fetch。后期文章持续更新 详细讲解。内的文件便是接口文件。） 后期文章将进行补充讲解。文件夹中的内容如下👇👇。内容则是本页面的内容。通常把后端的接口写在。

在的过程中，我们会碰到各种各样的问题，可以分为（Body）（参数名数据格式）、（URL），其中*请求地址会涉及到的解决，从而实现请求地址的成功请求。👏👏👏本期文章将会介绍跨域问题，并推荐两种用在不同领域的解决方法。👏👏👏当我们遇到请求后台接口遇到 Access-Control-Allow-Origin时，那说明跨域了。（如下图👇👇）

在进行实际开发时会遇到异步请求的问题，这时候我们异步请求的存在就非常具有合理性了。async 是异步的意思，而 await 是等待的意思，await 用于等待一个异步任务执行完成的结果。🔥1.async/await 是一种编写异步代码的新方法（以前是采用回调和 promise）。2. async/await 是建立在 promise 的基础上。3. async/await 像 promise 一样，也是非阻塞的。🔥4. async/await 让异步代码看起来、表现起来更像同步代码。

编写具体的请求，建议按照项目具体情况分文件编写。在本地项目中新建一个文件夹。文件夹中编写以下文件。

1、setup() : 开始创建组件，在 beforeCreate 和 created 之前执行，创建的是 data 和 method。8、onActivated(): 被包含在 <keep-alive> 中的组件，会多出两个生命周期钩子函数，被激活时执行；9、onDeactivated(): 比如从 A 组件，切换到 B 组件，A 组件消失时执行；2、onBeforeMount() : 组件挂载到节点上之前执行的函数；4、onBeforeUpdate(): 组件更新之前执行的函数；

Vue 实现响应式并不是数据发生变化之后 DOM 立即变化，而是按一定的策略进行 DOM 的更新。简单来说，Vue在修改数据后，视图不会立刻更新，而是等同一事件循环中的所有数据变化完成之后，再统一进行视图更新，nextTick()方法就会在这样的DOM更新循环结束后调用指定的函数。

reactive 和 ref 是 Vue 3 中的两种响应式数据绑定方式，ref 适用于简单的响应式数 据，而 reactive 则适用于复杂对象或数组的响应式数据。

vue经历从2.0到3.0更新之后,简⽽⾔之就是变得更轻更快,使⽤起来更加⽅便,下面这篇文章主要给大家介绍了关于vue3.0和vue2.0区别的相关资料,需要的朋友可以参考下Vue 3.0是一个用于构建用户界面的JavaScript框架。相比于Vue 2.x，Vue 3.0在性能、体积和开发体验上都有了很大的提升。

本文主要介绍了vue3中watch监听的四种写法,包含了ref 定义的数据,reactive定义的数据,函数返回的值（getter函数）和前面3个内容的数组,具有一定的参考价值,感兴趣的可以了了解一下作用：监视数据的变化（和vue2中的watch作用一致）特点：vue3中watch只能监视以下四种数据：1、ref 定义的数据2、reactive定义的数据3、函数返回的值（getter函数）4、前面3个内容的数组。

在使用选项式API时，我们可以通过this.$refs.name的方式获取指定元素或者组件，但是组合式API中就无法使用哪种方式获取。如果我们想要通过ref的方式获取组件或者元素，需要定义一个同名的Ref对象，在组件挂载后就可以访问了。provide和inject是Vue中提供的一对API，该API可以实现父组件向子组件传递数据，无论层级有多深，都可以通过这对API实现。setup组件默认是关闭的，也即通过模板ref获取到的组件的公开实例，不会暴露任何在**

在这里，我们自定义axois实例化对象，配置了默认的访问i后端ip和端口等，并在末尾使用export 导出api配置，便于在其他单文件中引入 request.ts.对于前后端分离项目，前端和后端端口不能重复，否则会导致前端或者后端服务起不来。这里提供两种解决方案，都是基于后端跨域访问的配置，前端不作任何允许跨域访问的设置，因为试过无效。（1）axios 是一个基于promise的HTTP库，支持promise所有的API。在项目根目录下，也就是src目录下创建文件夹api/，并创建。

接口往往是在方法中进行调用，对于不同接口 ，需要的参数也不一样，根据需求，我们传入对应的参数即可。文件夹下，命名采用驼峰命名法，比如。一个项目往往由这几个部分组成。我们常常将接口文件，新建在文件夹。中，每个页面设一个文件夹，其中。调用接口有三种方式：fetch。后期文章持续更新 详细讲解。内的文件便是接口文件。） 后期文章将进行补充讲解。文件夹中的内容如下👇👇。需要安装 /store。内容则是本页面的内容。通常把后端的接口写在。

包含设备的一些信息，可以帮助我们判断，只需要以下几行js代码即可判断设备类型是电脑PC端或手机H5端或微信端（Vue也可以用）开发中我们有时候会根据设备的不同而进行不同的操作，那怎么判断打开的设备类型呢？

话不多说直接上代码，自行研究。

1.限制input框内只能输入数字，且为11位。2.对输入手机号做校验。

推荐使用第一种或者第三种，请根据自身需求选择适当的方法！

1.在App.vue全局添加样式。

比如ABCD四个选项，删除c选项后，点击【新增答题类型】选项按钮，则默认创建是E选项。再或者就是ABCD四个选项位置删除任意一个后，顺序被打乱等，不过，好在最后解决了，就是多写好几行代码，有点繁琐。前段时间项目要求添加一个答题功能，所以答题之前，要求创建答题题库。网上找了许多关于答题功能，最终，形成如下图所示答题要求，但适用于单选题和多选题，填空题不适用。1.点击【新增答题类型】，创建答题选项，此处答题选项个数做了限制，不能超过8个。3.可以根据需要删除对应的答题选项，添加新答题类型。

市面上有很多，相比较而言我比较推荐和两款，适合简单的富文本编辑场景，易于使用；TinyMCE适合有一定技术基础的开发者使用，可以满足更加复杂的编辑需求。建议新手使用wangEditor来进行开发。

组件实现视频上传及进度条展示，后台提供视频上传API并返回URL， 百度找了一番后最终实现了。项目中需要提供一个视频介绍，使用Vue+Element UI中的。

简单的说 Node.js 就是运行在服务端的 JavaScrip，基于 Chrome JavaScript 运行时建立的一个平台，Node.js 是一个事件驱动 I/O 服务端 JavaScript 环境，基于 Google 的 V8 引擎，V8 引擎执行 Javascript 的速度非常快，性能非常好。版本过高不兼容部分插件，请注意版本node.js官网下载: 下载地址：查看是否安装成功。