Xiaoxiao_Zheng的博客

vue3 + video + ts 手机端直播

项目需求1 可横屏全屏播放2 横屏播放结束需要弹框显示实现1 需求一video 自带全屏功能，但是全屏横屏显示，需要手机开启横屏切换；2 需求二需要知道全屏和结束标识，video文档有这两个事件，想着直接用就行；问题全屏事件压根不起作用，不知道为啥解决video 的全屏转换 其实也是dom元素的操作，通过监听全屏事件，将状态暴露出去...

vue+echarts+htmlCanvas文章目录vue+echarts+htmlCanvas需求一、echarts画图1. xAxis type 类型使用 time2. series配置注意事项：1 xAxis 可以不用设置data;2 series 这里data数据为二维数组，数组第一项必须是YYYY-MM-DD HH:mm 时间格式；3 这里折现数据和峰值数据是两个数组，刚开始用的是value类型，拼数据有点复杂4 使用time 类型，可以自动将峰值打点标记二、下载生成图片1.引入库2.下

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar

vue 中hook的神操作看到一篇挺好的文章，直接贴上link

Vue + vue-quill-editor基本配置使用封装组件优化使用1前提解决优化使用2场景解决基本配置使用封装组件1 公共组件<template> <quill-editor class='quill-editor' v-model="content" :options="editorOption" ref="myQuillEditor"></quill-editor></template><script>// 富文本编辑器

需求： 数据的增删改查场景： vue + iview点击增加，抽屉填写内容，保存数据，修改数据实现：1 list 列表父组件<template> <div class="dic-list"> <button @click="onAddDic>增加</button> <Table...

需求：国际化实现：1 安装依赖2 index.js

需求：计算年龄，根据开始结束时间，计算时间差实现：使用Moment.js2.10.6JavaScript 日期处理类库一，moment库的diff方法1 计算天let day=moment(endTime).diff(moment(startTime),'days');2 计算年龄letday=moment().diff(moment('2018/0...

问题：接口B需要接口A返回的数据，如果同时请求，控制不了返回速度，会出现B快于A，实现：async表示函数里有异步操作，await表示紧跟在后面的表达式需要等待结果。...

参数配置详情见 :https://www.jb51.net/article/39244.htmhttp://npm.taobao.org/package/v-cookie问题：在本地set cookie失败：this.$cookies.set("token",“value”, "8h", null, Doman);原因：本地设置的Doman域名是线上的域名；这个域名的设...

问题：中文切换为英文，form表单的提示依然为中文解决：切换语言后，刷新页面原因：不清楚，谁来回答一下这里的登录页，忘记密码，修改密码页面都是通过v-if控制的...

适用性（对普通DOM元素进行底层操作，就需要自定义指令）官网例子刚打开页面时，输入框处于聚焦状态https://cn.vuejs.org/v2/guide/custom-directive.html需求：需求中，点击input框，下拉框显示，点击其他地方，下拉框隐藏实现：（1）局部自定义命令directives对象中配置参数（2）自定义的指令用法同v-m...

1. 概念单页应用，简称spa（single page application）:重写当前的页面来与用户交互，而不需要重新加载整个页面；单页面做到了前后端分离，后端负责处理数据提供接口，前端负责渲染页面；2. 工作原理实质是：改变路由时，不刷新页面（从缓存中拿数据），两种方法：window.history对象或 location.hash（1）historywindow...

今天发现 了另一种构建vue项目的方法：方法：通过vue-ui打开一个可视化界面，来管理项目1、在一个干净的目录下敲命令 vue-ui2,、打开本地ip,端口8000，就可以看到一个可视化界面3、create项目，下面的操作基本跟用脚手架vue-cli创建项目一样了，只是这里看起来更明了；具体效果参考此链接 http://baijiahao.baidu.com/s?...

1 运行项目npm run serve（这里的serve不定，根据package.json中的配置，即下图中scripts对象中的serve属性）运行完后，可打开本地IP2 打包项目npm run build（同理，这里的build也不定，上图中，scripts对象中的build属性）Build complete表示打包成功，生成一个dist文件...

1 前提是创建好一个vue项目（可参考之前的博客）T：vue-cli3脚手架搭建2 下载elementUI库3 在项目中引入elementUI库1）引入整个库2）也可以单独引用比如只引入 Button,Select组件4 就可以在项目里面使用elementUI库了举个例子：修改helloWorld文件npm run serve运行后，可以看到效...

1 安装vue-router1）官网上下载，通过src引入js文件2）npm 安装npm install vue-router2 router实现跳转，这里通过构建vue项目main.js主文件；App.vue文件;跳转的两个页面:hello.vue add HelloWorld.vue路由配置文件index.js1）main.js配置引入相应的文件...

vue开发，单页面应用，即一个组件就是一个模块，可以互相引入；这里提供两种方式引入组件；1 import导入所需组件（正常加载）2 require方法导入组件用于路由配置页面：（1）实现（懒加载）注意：这里的@ 相当于..（2）路由配置页面使用require引用组件1）原因：import：打包后，会将路由配置里面的所有component打包到一个j...

1.vue组件注册的几种方法（1）局部注册1）2）通过 Babel 和 webpack 使用 ES2015 模块App.vue文件（2）全局注册main.js文件全局注册的行为必须在根 Vue 实例 (通过new Vue) 创建之前发生这里刚开始运行项目时会报错：Reason:因为vue模板的package.json的main字段默认为run...

1 props用来接收来自父组件的数据，可以为数组或者对象2 选项type,default:为该 prop 指定一个默认值。如果该 prop 没有被传入，则换做用这个值。对象或数组的默认值必须从一个工厂函数返回。这里主要说一下这个default:（1）工厂函数：当一个函数返回一个对象时，我们称之他为 工厂函数(factory function) 。（2）所以这里的def...

问题环境：1 iview form表单，InputNumber2 重置表单3 控制台报错问题：iview 报错，重置表单，会将默认值设置为字符串，而这里的inputNumber值是NaN解决 ：（1）使用v-if代替v-show,直接初始化数据，不使用重置方法；（2）使用input框，type =number（未测）v-show和v-if的区别...

需求：页面a，切换到页面b，再回到a页面，a页面无刷新举个例子：eg：1）a页面input框输入1232）切换到b页面3）回到a页面，123仍然存在实现：（1）keep-alive缓存数据通过路由设置keepAlive值（2）路由跳转处设置好处：加上keep-alive来对数据进行缓存处理，避免资源的重复请求...

亲手构建vue项目（feel good）：1. 打开cmd node -v查看自己电脑是否已经安装node（1）打印出node版本信息则表示已经安装并成功配置了环境变量；（2）提示node不是内部命令....有两种情况： a)node已经安装，但是环境变量没有配置正确 b)没有安装node，（去官网下载即可）2 .配置环境变量打开高级系统设置...