摘要: 自定义指令是什么? 内置指令例如:v-model、v-show、v-bind、v-on等等 开发者自己也可以定义指令 vue自定义指令包含两种创建方式: 全局注册和组件注册 全局注册 在src下新建 directives/index.js文件 import wht from "./wht"; imp 阅读全文
posted @ 2021-05-19 11:45 瀚海云涛 阅读(222) 评论(0) 推荐(0) 编辑
摘要: computed 应用场景: 模板中涉及到复杂运算的 使用: //template {{reservemsg}} computed:{ reservemsg:{ get:function(){ return this.message.split('').reverse().join(''); } } 阅读全文
posted @ 2021-05-18 15:30 瀚海云涛 阅读(65) 评论(0) 推荐(0) 编辑
摘要: 插槽定义 组件预留的html模板,这块模板显示不显示怎样显示由父组件决定 核心问题 显示不显示和怎样显示 匿名插槽 && 具名卡槽 && 作用域插槽 匿名插槽 又称默认插槽或者单一插槽,顾名思义,不需要设置name属性 具名插槽 需要指定name 作用域插槽 在父组件上绑定子组件传输的数据并显示出来 阅读全文
posted @ 2021-05-08 10:39 瀚海云涛 阅读(46) 评论(0) 推荐(0) 编辑
摘要: 用了 el-date-picker选择时间格式,但是默认的多出了毫秒数,接口过不去 生效:2021-04-28T08:55:27Z 不生效:2021-04-28T08:55:44.902Z 因此考虑是转化时间的毫秒数出了问题 然后去官方element-ui官网找格式,发现并未对T和Z进行格式化说明, 阅读全文
posted @ 2021-04-30 11:45 瀚海云涛 阅读(692) 评论(0) 推荐(0) 编辑
摘要: 原因: 工作中用过for...in,但是没有实际研究过,通过延伸知识点,又发现了一些好玩的东西,因此深入了解一些,加深印象 for...in 对象时候,枚举属性,可遍历对象键值 let obj = { a:1, b:2 } for(let key in obj){ console.log(key) 阅读全文
posted @ 2021-01-26 22:41 瀚海云涛 阅读(288) 评论(0) 推荐(0) 编辑
摘要: 目的: 视频源文件太大,需要压缩,例如一个1024M,压缩到100M 方案:ffmpeg压缩 相关概念 步骤 安装https://ffmpeg.org 以mac为例,先找到当前需要转换路径的地方,cd xxxxxxx/ 执行 //执行本目录下的名称为video2.mp4的文件,格式是libx264, 阅读全文
posted @ 2021-01-19 17:10 瀚海云涛 阅读(1723) 评论(0) 推荐(0) 编辑
摘要: 需求: 10个视频放入轮播图,点击其中一个后全屏播放 横屏布局 判断视频在本地缓存是否存在,有的话读本地,没有的话存服务器 打包成ios 分析: 10个视频放在同一个页面,写多个组件耗费性能且uniapp兼容性差,因此,拆分成两个界面,一个界面单独布局,一个界面单独处理video逻辑,全屏播放,可以 阅读全文
posted @ 2021-01-19 16:35 瀚海云涛 阅读(1123) 评论(0) 推荐(0) 编辑
摘要: <template> <div class="hello"> <div class="" v-wht="color">{{ num }}</div> <!-- <div class="" v-jswht="color">{{ num }}</div> --> <button @click="add( 阅读全文
posted @ 2020-12-25 09:36 瀚海云涛 阅读(82) 评论(0) 推荐(0) 编辑
摘要: npm i axios -S下载axios 创建utils/request.js 代码分析 import axios from "axios"; //导入axios import Qs from "qs"; //和后台约定好 const service = axios.create({ baseUR 阅读全文
posted @ 2020-12-01 11:03 瀚海云涛 阅读(296) 评论(0) 推荐(0) 编辑
摘要: 实现效果 核心代码 <section style="overflow: hidden;line-height: 0;height:500px"> <section style="height:500px;line-height: 0;"> <section style="background: ur 阅读全文
posted @ 2020-11-23 16:47 瀚海云涛 阅读(207) 评论(0) 推荐(0) 编辑