前端学习笔记
文章平均质量分 62
丘丘用户思思澪
这个作者很懒,什么都没留下…
展开
-
videojs宫格视频选择播放
项目需要四宫格播放视频,而且还要实现点击视频加入播放。首先,肯定要实现再一个页面上显示多个视频源并播放视频:这样就能显示四个视频,但是四个视频的格式是一列的格式,与我们的目标四宫格不符。可以在前端展示部分做一个步长2的循环,让每一行都有两个视频:这样就能实现一个页面四宫格播放四个视频。但是这样只能播放固定的写死的四个视频,怎么实现选择播放哪个呢?首先,一定获取待播放的全部视频列表。之后可以按钮的方式,选择全部视频列表的某个视频,将其替换正在播放视频列表中的某一个视频。至于替换哪一个,可以通过flag的形原创 2024-08-29 16:36:55 · 1343 阅读 · 0 评论 -
前端跨域问题解决Access to XMLHttpRequest at xxx from has been blocked by CORS policy
这是由于所有使用JavaScript的浏览器都会支持同源策略。只要有一个不同,就会当作跨域请求。此时还有浏览器同源策略的保护,是防止不同源(域、协议或端口)的网页之间进行恶意操作。所以综上,前端后端处在不同的域时就会报该错误。在一些前后端不同源的项目中,前端向后端发起请求时,有时候无法正常向后端请求到服务,F12查看控制台会发现报错。然后找到请求页面,在axios的请求接口里面只写。然后找到请求页面,在axios的请求接口里面只写。如果使用vue-cli脚手架创建的项目,找到。举个例子,如果请求接口为。原创 2024-08-02 14:16:34 · 912 阅读 · 0 评论 -
vue3表格组件formatter
有时候在网页上显示表格数据时,表格的某些列值只有有限数目(例如,启用/停用),这时候后端常常使用不同的数据值表示不同状态,前端怎么将这些数据值转化为相应的列值呢?我们可以采用vue3表格组件。原创 2024-08-02 11:01:18 · 490 阅读 · 0 评论 -
vue基础学习笔记
相较于v-show,v-if操纵的是dom树,表达式的值为true,元素存在于dom树中,为false,从dom树中移除;而v-show操纵的是display。v-on可以简写成@。数组长度的更新会同步到页面上,是响应式的。根据后面布尔表达式的真假实现元素的隐藏。获取和设置表单元素的值(双向数据绑定),绑定的数据会和表单元素值相关联。设置标签的文本值,将标签内的内容完全替换为v-text绑定的值。根据表达式的真假,切换元素的显示和隐藏(操纵dom元素)。如果想要保留标签内的值,可以采用差值表达式的方式(原创 2023-03-02 15:22:31 · 244 阅读 · 0 评论