weixin_44191318的博客

原创 视频播放器（flv，hls和mp4兼容）vue2使用体验（教程版）

整体项目内容太多不过分介绍（之前文章有大致提及），其中一块内容是不同格式分屏直播窗口功能，因此一款能支持多种视频流格式的视频播放器组件显得尤为重要，实现了这个那么就相当于打好了地基高楼就可以有条不紊的搭建了。在这次项目中，我尝试使用了**西瓜视频播放器插件**，整体体验非常出色。它不仅使用方便，而且功能强大，完美解决了之前项目中多格式视频兼容的痛点。

原创 不写一行代码实现自定义一套符合组件库的icon（elementui）

由于开发中遇到的是elementui的组件需要自定义其风格的图标，所以今天以elementui风格的图标为例进行举例哈。

原创 vue开发word（docx格式）文档预览

今天分享的两种方法其实原理都是将word文档的内容转换成html网页的形式进行预览展示，使用插件的好处是快速实现大致效果，缺点是只能保留最基本的标签样式，复杂的样式会丢失导致和wps或者office这种专业软件打开的效果不一致、不美观。解决方法，可以使用样式穿透对其内部标签样式进行优化，基本实现美观展示。由于个人能力有限，此次开发时间紧迫只找到了以上两种适合word文档预览的插件，功能不是很完善但是基本的功能已经实现，样式的美化需要更多的投入和开发，好了这次就分享这么多，希望有其他见解的朋友来交流学习。

原创 vue2项目中使用videojs，超级详细篇幅。

vue2中借助videjs工具利用video标签实现不同分屏模式下的视频项目，可支持多个视频同时播放，录制，截屏等

原创 日历组件（el-calendar）禁用自定义日期范围

项目要求：只能操作今日以及以前的日期由于el-calendar组件未直接提供禁用属性和相关操作，所以实现起来稍微有点麻烦，通过阅读文档还好其提供了插槽（slot="dateCell" slot-scope="{date, data}"），用气扩展可以实现想要的效果。

原创 elementUI关于时间，日期组件的使用

3.整体例子：一般情况日期时间组件会默认初始有一个时间或者时间段（默认七天前到当天）2.默认时间的使用（选择范围日期时间的时候）一、日期选择器（DatePicker）

原创 如何单独配置项目镜像源（不与全局镜像源冲突）

单独项目中配置的.npmrc的优先级高于本机的全局镜像源配置，这样个别项目使用私服的时候就不用来回切换全局镜像源了。如上一行代码便可将该项目的镜像源设置与全局不同（全局镜像源是）vue项目中在根目录下创建.npmrc文件。

原创 pc端中写的单独页面适配手机（移动端）

【代码】pc端中写的单独页面适配手机（移动端）

原创 初始化日期通用方法（xxxx-xx-xx到xxxx-xx-xx）

【代码】初始化三个月时间段的日期（xxxx-xx-xx到xxxx-xx-xx）

原创 使用el-upload组件覆盖默认的上传行为，可以自定义上传的实现（就是将默认的post方式改成get或者其他）

其主要用到了http-request方法，成功（on-success）和失败（on-error）的函数可以不写。

原创 axios使用的方法总结

【代码】axios使用的方法总结。

原创 常用正则表达式积累

1、长度最少8位及以上,至少包含大写字母、小写字母、数字、以及特殊符号。2、长度最少8位及以上,至少包含字母、数字、以及特殊符号。

原创 el-table中自定义合计样式

el-table中自定义合计样式。

原创 js实现二进制与字符串相互转化的方法

/对字符串进行解析（二进制转化）

原创 js工具函数之时间转换（统一转换为“年-月-日 时-分-秒“格式）

export function formatDate(cellValue) { if (cellValue == null || cellValue == "") return ""; //空值直接返回空 var date = new Date(cellValue) var year = date.getFullYear() var month = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.g

原创 js实现字符串数据转化为二进制

/每一项前加一个空格隔开（除了第一项）return result.join("");//将拼接后的二进制数组转化为字符串。

原创 el-table中展示树形数据（需要加图标样式）

el-table中展示树形数据

原创 h5开发语音播报功能

h5语音播报

原创 使用vuecli创建vue2项目

使用vue-cli搭建vue2版本的基础项目

原创 使用命令行修改git用户名和邮箱

使用命令行修改git用户名和邮箱

原创 如何使用el-input组件去除浏览器自动填充账号密码

如何使用el-input组件去除浏览器自动填充账号密码

原创 使用uniapp原生网络方法uni.request封装网络请求

使用uniapp原生网络方法uni.request封装网络请求

原创 使用axios封装uniapp网络请求（请求拦截和请求响应）

使用axios封装uniapp网络请求（请求拦截和请求响应）

原创 使用element中table组件的排序功能（默认排序和远程排序）

使用element中table组件的排序功能（默认排序和远程排序）

原创 将本地文件（代码）上传至远端（Gitee）

git上传代码

原创 实现背景图片随窗口大小变化而变化（不变形）

实现背景图片随窗口大小变化而变化（不变形）

原创 web端原生js实现全屏和退出全屏（F11功能）

原生js实现web端全屏和退出全屏功能

原创 uniapp中用来去除在微信中显示时候自带的标题

原创 webpack版本之一自主创建vue项目

1.项目node-sass,sass-loader,style-loader版本如下2.node.js,npm和vue版本如下3.在需要创建vue项目的文件下打开cmd窗口，输入vue init webpack 项目名

原创 用vue-cli3搭建vue项目并安装工作中会用到的基础依赖

使用vue-cli3搭建基础项目

原创 elementUI(vue-admin-beautiful)翻页组件的再次封装

最近在使用vue-admin-beautiful做后台系统的时候发现翻页组件用的频率非常高，虽然它内部已经进行封装了但每次都要重用很多代码到不同的页面，索性给它进行二次封装（放进一个文件里边，需要用到分页的时候直接引入就好），话不多说上代码。***(父组件代码截图如下)一. 第①步在父组件中直接引入封装后的翻页组件（pages），并接收翻页需要传递的参数对象queryForm。二. 第②和③步在父组件中引入子组件。三. 第④步需要将接口中传入的参数(queryForm)在...