- 博客(26)
- 收藏
- 关注
RSS订阅原创 react 截取视频随意一帧裁剪图片存为base64格式
react 截取视频随意一帧，并且裁剪图片 需要安装8.6.4版本的 react-image-crop（截取图片插件），例如：yarn add react-image-crop@8.6.4。项目中使用了react antd 以及 react-image-crop。封装了一个Modal弹框作为组件使用，需要传递进来代码中标注的一些参数。......
2022-08-10 14:33:24
1305
原创 vue+element或者react+ant design实现分页表格多选
vue+element或者react+ant design实现分页表格多选，简单理一下思路
2022-06-17 09:42:30
967
原创 取第一帧作为视频封面，获取视频第一帧图片
<video width="320" height="240" controls id="upvideo"></video> // 获取视频第一帧图片 getVideoBase64(url) { return new Promise(function(resolve, reject) { let dataURL = ""; let video = document.createElement("v...
2021-08-04 10:43:40
2333
原创 windows安装node版本管理工具NVM及使用命令
NVM是一个node版本管理工具，可以帮助你在一个操作系统内切换不同的node版本环境。一、nvm-windows下载：地址叮~传送门
2021-07-26 10:58:13
263
原创 jeecg boot打包APP
博主用的是jeecg 2.4.2版本的哦~1.vue.config.js app是不需要跨域处理的，直接设置为根据经2.这个时候打包呢会遇到 Uncaught (in promise) ChunkLoadError: Loading chunk chunk 这样的错误，打开配置router的index.js当再渲染一个路由的过程中，需要尝试解析一个异步组件时发生错误，当捕获到Loading chunk {n} failed的错误时我们重新渲染目标页面，这种实现明显更简单和友好，我们需要给route
2021-03-03 15:37:08
1228
2
原创 VSCode 不识别npm、cnpm、yarn、node命令
解决方法：1.搜索powershell，以管理员方式运行powershell2.使用命令更改计算机的执行策略执行： set-ExecutionPolicy RemoteSigned
2021-02-26 11:16:56
856
原创 外网服务加载速度的提升（jeecg boot）—— 前端
一.CDN的使用（1）在package.json文件，scripts-build添加–report，yarn build结束后，在dist中会多出一个report.html文件。（2）打开report.html文件，包含文件分析图。色块的大小代表js文件的大小，最大的两个js文件，里面都是一些第三方依赖包，将一些比较大的依赖包提取出来就可以减少chunk-vendors的大小。（3）在vue.config.js中，使用externals来防止这些依赖包被打包。解释一下：externals的值
2020-12-20 11:45:00
1457
1
原创 echarts 按条件修改y轴坐标字体颜色
效果图具体代码option = { xAxis: { type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] }, yAxis: { type: 'value', axisLabel: { show: true, textStyle: { col
2020-12-11 17:23:28
903
原创 Jeecg + Antd Design Vue 坑点记录
1.走马灯组件（a-carousel）分页后，打开页面不定位到第一页是因为后台所传数据还没有接收完就开始渲染了，需要加一个v-if判断接收数据不为空 <div class="DigitalSignage"> <a-carousel v-if="eqpList.length !== 0"> <div class='carousel-item' v-for="(item,index) in eqpList" :key="index" >
2020-11-02 16:13:51
1786
原创 移动端适配
做移动端项目，不可避要寻找一个手机端页面与手机屏幕适配最佳方案。首先要理解dpr（设备像素比的概念）设备像素比：（1）物理像素：一个物理像素是显示器(手机屏幕)上最小的物理显示单元（像素颗粒），在操作系统的调度下，每一个设备像素都有自己的颜色值和亮度值。如下图：通常手机的主屏尺寸就是物理像素，iPhone6上就有1334*750个物理像素颗粒。（2）逻辑像素设备独立像素(也叫密度无关像素)，可以认为是计算机坐标系统中得一个点，这个点代表一个可以由程序使用的虚拟像素(比如: css像素)，有时我
2020-09-29 16:05:32
188
原创 前端方法记录
判断对象是否为空 checkNullObj (value) { if (value !== undefined && value !== null) { if (Object.keys(value).length === 0) { return false } return true } return false }判断数组是否为空 checkNullArray (value) {
2020-08-31 10:55:31
192
原创 Vue Element 添加整一行，删除整一行，以及保存提交
开始当然要先放上各位所需要的样式图片啦！ 不过忘记是从哪里摘选过了，如果涉及侵权请联系我哦，小编只是单纯的记录一下平常开发所用到的功能QAQ小编比较懒，所以就把代码贴到一起啦，功能是可以实现的，大家可以根据需求做些改动<template> <div class="TestWord"> <el-button @click="addLine">添加行数</el-button> <el-button @click="save"&g
2020-08-27 16:03:10
979
原创 vue取出package.json的版本号version并显示在页面上
import config from '../../package.json'console.log(config.version)so easy!
2020-08-11 16:56:05
4967
1
原创 Vue 项目中引入 echarts 报错 echarts is not defined
如果在项目中的main.js中已经引入了echarts，却出现了该报错，可以尝试在应用echarts图表的页面内引入就回解决这个错误啦！
2020-08-11 16:50:41
9637
2
原创 翻页器、记分牌效果
一、效果展示类似于计分牌，有滚动的效果二、代码块在vue中封装成一个组件在需要的页面上引入 穿入number即可 ↓<template> <div class="border"> <span class="number"> <transition-group> <i v-for="(num,index) in numbers" :key="index+'nu
2020-08-11 13:51:55
1167
1
原创 vscode——如何对markdown文件进行预览
前言推荐一个超级好用的markdown编辑器 Typora↓ 就是这个小东西啦↓ 打开是酱紫的哦，有多套皮肤可供选择步骤Ctrl+Shift+p 打开命令面板 ，然后输入 markdown 选择在侧边打开锁定预览即可
2020-06-23 16:42:37
862
原创 vue基础小知识
一、Vue.js介绍（官网https://cn.vuejs.org/）Vue是一个前端js框架，由尤雨溪开发，是个人项目 目前由饿了么团队进行维护Vue近几年来特别的受关注，三年前的时候angularJS霸占前端JS框架市场很长时间，接着react框架横空出世，因为它有一个特性是虚拟DOM，从性能上碾轧angularJS，这个时候，vue1.0悄悄的问世了，它的优雅，轻便也吸引了一部分用户，开始收到关注，16年中旬，VUE2.0问世，这个时候vue不管从性能上，还是从成本上都隐隐超过了react，火的一
2020-05-21 15:07:19
169
转载 使用原生几十行代码js手写日历组件
只能传入每个月的一号，传入其他值会出现问题，到时做个判断即可// 返回 类似 2016-01-02 格式的字符串 formatDate: function(year, month, dateline) { let y = year; let m = month; if (m < 10) m = "0" + m; let d = dateline; if (d < 10) d = "0" + d;
2020-05-21 15:05:40
281
原创 格式化时间以及按时间排序
转换查询日期格式为yyyy-mm-ddFormatterDate (value) { if (value !== '' && value !== null) { let date = new Date(value) let year = date.getFullYear() let month = (date.getMonth() + 1) < 10 ? '0' + (date.getMonth() + 1) : (date.getMonth() + 1)
2020-05-19 14:41:03
936
原创 HBuilder X打包APP
首先这里分享的是打包vue项目，其次打包你的 vue 项目 生成 dist 文件夹新建H5+APP项目创建完成后会出现图中文件夹，其中css、img、js、index.html都是可删、可改的unpackage 是用来存放APP图标或是本地APP资源的index.html 是APP的入口文件manifest.json 是用来打包成APP的配置文件===》返回到HBuilder 开始APP打包配置文件选择APP图标，如果不选，会自动生成一个H5的图标1. 2.3. 4.“s
2020-05-14 10:36:32
432
原创 Vue实现文档下载
Vue Url为后台传递过来的路径一、使用MUI（原生UI） MUI以iOS平台UI为基础，补充部分Android平台特有的UI控件下载Hello mui Appnpm install vue-awesome-mui -save在入口文件main.js中引用mui，并全局使用import Mui from 'vue-awesome-mui'import 'vue-awesome-mui/mui/dist/css/mui.css'Vue.use(Mui)项目中使用mui实现下
2020-05-12 11:52:19
308
原创 前端Vue中获取本机ip地址
前端Vue中获取本机ip地址methods方法getUserIP (onNewIP) { // 获取ip地址 let MyPeerConnection = window.RTCPeerConnection || window.mozRTCPeerConnection || window.webkitRTCPeerConnection let pc = new MyPeerConnection({iceServers: []}) let noop = function () {}
2020-05-12 10:26:30
13977
6
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人