自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(58)
  • 资源 (1)
  • 收藏
  • 关注

原创 vue3-溢出多行中间省略号

省略号在中间的处理

2024-04-22 16:04:14 338 1

原创 判断单行溢出样式的文本内容是否超出固定的宽度

【代码】判断单行溢出样式的文本内容是否超出固定的宽度。

2023-12-14 10:38:00 42

原创 拖拽移动dom

【代码】拖拽移动dom。

2023-08-23 14:50:02 72

原创 转圈加载中效果

【代码】转圈加载中效果。

2023-07-19 09:37:02 96

原创 canvas获取视频封面及个别电脑获取到空图

【代码】canvas获取视频封面及个别电脑获取到空图。

2023-07-18 16:03:31 1447

原创 视频时长转时分秒

【代码】视频时长转时分秒。

2023-05-06 10:20:00 99

原创 圆圈加载中

【代码】圆圈加载中。

2023-04-13 14:01:17 68

原创 el-table fixed 滚动错乱

el-table fixed 滚动错乱。

2022-08-04 17:10:39 321

原创 图标 鼠标按住不松 可拖动到桌面保存

img

2022-06-21 09:46:01 88

原创 electron 鼠标拖动

const navRegion = document.querySelector(’.nav-region1’)console.log(navRegion)if(navRegion){navRegion.addEventListener(“contextmenu”, (e) => {e.preventDefault(); // 阻止弹出默认的右键窗口});navRegion.addEventListener(“dblclick”, (e) => {e.preventDefault(

2022-03-23 15:48:24 567

原创 安卓10实现扫描二维码和条形码并获取数据存入生成的文件夹

打开AndroidStudio项目级build.gradle文件在allprojects ->repositories里面配置HMS SDK的maven仓地址allprojects { repositories { google() jcenter() maven {url 'http://developer.huawei.com/repo/'} }}在buildscript->repositories...

2021-03-17 15:30:17 1151

原创 android项目gradle-5-1-1-all.zip等文件下载缓慢解决方法

1 去https://services.gradle.org/distributions/ 这个地方本地下载相应文件2 后修改安卓项目下的gradle/wrapper/gradle-wrapper.properties, 把distributionUrl中的https替换为本地路径。

2021-03-17 11:11:36 683

原创 android状态栏

菜鸟记录,大神移步。新手学习阶段,记录下问题安卓状态栏颜色和字体的修改,该记录是原生方法,机型适配问题未测试。ActionBar actionBar = getSupportActionBar();actionBar.hide();//隐藏安卓actionBargetWindow().setStatusBarColor(Color.TRANSPARENT);//设置状态栏透明getWindow().getDecorView().setSystemUiVisibility(View.SY

2021-02-03 11:00:42 102

原创 vue项目打包出的文件大小异常

vue开发了三个小项目,打包结果发现有个项目的js文件过大比另一个页面更多的项目要打了1M多,明显不正常。最后发现是.env.production里面的内容引起:原来:NODE_ENV="production" VUE_APP_DIR_NAME="distproduction" 这么写的结果是打包出的js不会压缩,打包出1.js 2.js chunk-wendors.js等,可以发现里面的代码空格等未压缩导致ch

2020-12-22 10:57:27 1256

原创 vant 下拉刷新上拉加载页面监听滚动

一个类似朋友圈的页面 需要下拉刷新 上拉加载,而且要在页面滚动时候隐藏所有弹出框如评论的输入框,点赞分享的操作按钮弹出框等;出现要么一上拉就触发刷新 要么就是下拉和触底正常 但无法监听滚动;总算弄好了最后。<html><style> html, body { height: 100%; } #app{ height: 100%; overflow-y: auto; //重点 }</style><body><div id

2020-12-18 11:11:22 2004 5

原创 html页面内容不足以撑满全屏 页脚不显示在底部

如图。可以使用css的媒体查询配置不同的body 的min-height;这里放一个用js动态设置的:jq的:$("#body").css(“min-height”,(document.documentElement.clientHeight-otherHeight)+‘px’);通过document的可视区域高度减去页头页脚等其他高度得到中心内容区域的最小高度即可其他框架自理。...

2020-11-27 11:13:42 713

原创 android 依赖重复冲突解决

项目要集成一个第三方功能,中途出现依赖重复的报错解决方法:用exclude 忽略某个依赖内的依赖implementation ('com.android.support.test.espresso:espresso-core:3.0.2'){ exclude group:'com.android.support',module: 'support-annotations'}但我的情况又有点不一样,重复的是某个依赖内的class报错:Program type already prese

2020-09-23 11:08:58 1070

原创 vue-cli4配置vue.config.js

const path=require("path");function resolve(dir){ return path.join(__dirname,dir);}module.exports = { // 部署应用包时的基本 URL, 用法和 webpack 本身的 output.publicPath 一致。 // 这个值也可以被设置为空字符串 ('') 或是相对路径 ('./'),这样所有的资源都会被链接为相对路径,这样打出来的包可以被部署在任意路径。 publi

2020-09-21 09:52:01 1659

原创 Internet Explorer 已限制此网页运行脚本或者ActiveX控件

临时需求一个简单页面,vue+elementUI,不兼容IEie浏览器弹窗提示:Internet Explorer 已限制此网页运行脚本或者ActiveX控件解决办法:在页面html开始标签和head开始标签中间新增一行,添加以下代码:<!-- saved from url=(0014)about:internet -->IE不支持vue内 ES6语法解决方法:项目的话可以安装一个babel-polyfill插件因为我这个是简单的html文件,所以直接引入了cdn:(必须在其他

2020-09-01 11:20:46 662

原创 饿了么上传组件使用

<!-- --><template> <div class="form_son" style="margin-right:0;"> <!-- :headers='headerObj' :file-list="fileList" --> <el-upload :ref="htref" ...

2020-05-05 16:08:16 1009

原创 基于element的上传组件的上传功能

<!-- --><template> <div v-loading="loadbool" element-loading-text="正在发送"> <!-- list-type="picture-card" --> <el-upload class="codeup" ref...

2020-05-05 16:04:32 237

原创 eventsource 实现手机上传,电脑接收

eventsource 支持服务器主动推送信息给客户端;不支持双向推送。//过程就是 pc端点击扫描按钮 请求到一个唯一id,用id及其他需要的参数通过一个接口让后端生成一个二维码返回给前台,前台拿到二维码数据展示给用户并同时开启eventsource服务(后端会根据这个id每隔一段时间去查询某个表中是否有这个id对应的记录 如果有就推送给前台,没有就过一段时间继续查), 手机扫描跳转到一个上...

2020-05-05 15:58:35 423

原创 上传图片 压缩大小

<input type="file" onchange="go(this)" > <img class="img" src="www"> <img class="img" src="www"> <canvas id="canvas"></canvas> <script> func...

2020-04-08 13:20:52 101

原创 vue饿了么ui 进度条 做一个顶部滚动条

dom<el-main style="position:relative"> <el-slider v-model="sliderNum" v-show="scrollw>0" :show-tooltip="false" class="indexslider" :min="0" :max="scrollw" @input="changePage(s...

2020-04-03 18:04:07 795

原创 vue 静态文件配置请求路径

静态目录下面放入config.json文件 用于以后更改配置;这个是出现在打包以后的文件夹的{ "axios": { "basepath": { "desc": "接口前缀", "value": "http://192.168.1.138:8082/" }, "baseurl": { "desc": "网...

2020-03-21 11:11:02 4314

原创 vue 读取本地excel文件

<!-- --><template> <div> <input type="file" ref="upload" accept=".xls,.xlsx" > </div></template><script>import XLSX from 'xlsx' // 前提是npm xl...

2020-03-12 14:01:28 2699

原创 mt-datetime-picker open not a function

mint-ui mt-datetime-picker接受一个open方法以唤起时间组件 例如 this.refs.datepicker.open();这时候dom节点打印this.refs.datepicker.open();这时候dom节点打印this.refs.datepicker.open();这时候dom节点打印this.refs.datepicker:vue v-for情况...

2020-02-12 17:40:06 303

原创 文件预览

<!-- --><template> <div> <img v-if="fileTYPE==1" :src="imgsrc" alt=""> <iframe v-if="fileTYPE==2" :src="wordsrc" width='100%' height='100%' frameborder='1'&g...

2019-12-14 15:02:00 109

原创 vue 部署到服务器二级目录

config—index.jsbuild里面:build: { // Template for index.html index: path.resolve(__dirname, '../dist/index.html'), // Paths assetsRoot: path.resolve(__dirname, '../dist'), assetsS...

2019-11-19 09:22:36 995

原创 组件输入框纯数字,文本千位分割,只能输入数字小数点,后两位

父组件<numInput :num="item.a" @putBlur="item.a=change($event)"></numInput>:num 传递给子组件的值,即你绑定的值@putBlur 监听子组件传递的值,将传递的参数赋值给绑定的参数名 以便业务进行用一个地方的话就可以直接在change方法里面赋值给你绑定的参数名如果多的话就这样写吧 直接每一...

2019-11-18 10:41:03 126

原创 图片固定大小,解决伸缩

object-fit:fill: 默认值,和未设置一样。会将图片压缩拉伸contain: 当宽/高的值达到父容器规定的最小宽/高时,则对应的另一个值会按照原始宽高比进行生成。例如上面,图片的高度达到父容器高度后,宽度按照比例生成,导致左右留白cover: 和contain不一样,cover是以最大值为规定的。例如上图,图片的高度(较小值)首先达到父容器高度后,而宽度并未达到父容器的宽度,图片...

2019-11-12 11:13:24 458

原创 input 压缩上传图片 vue

<!-- --><template> <div> <img :src="srcimg" @click="bgclick()"> <!-- 图片 --> <input type="file" style="display:none;" accept="image/*" ref="upload" @ch...

2019-11-01 16:59:03 500

原创 计算某月每一天是星期几

当前月:这里demo是2019-10-25 //当月天数 let date = new Date(); //获取当前时期 let y = date.getFullYear();//获取当前年份 let date_m = date.getMonth();//获取当前日期月份(比实际小1) date.setMonth(date_m + 1);//生成实际的月...

2019-10-25 13:22:00 329

原创 打印,导出,下载后台传输文件,防抖节流,金额强制两位小数,获取url参数

打印 var printHTML = document.getElementById('print').innerHTML;// 获取要打印的内容 printHTML += "<style> .el-table{display:block} .cell{text-align:center;width:120px} .el-table__body-wrapper{bo...

2019-10-25 10:57:36 212

原创 vue 手机号身份证 饿了么验证

if(val[0]=='0'){ this.infoData.r_height=''; }else{ his.infoData.r_height=val.replace(/[^0-9]/g,""); }{validator: checkMobile, trigger: 'blur' } var regphone=/^[1][3,4,5,7,8][0-9]{9}$/var...

2019-10-12 12:21:37 562

原创 vue input只能输入两位小数的,不能是负数

input 设置为默认类型就行,number类型能输入负值 payPlanNum:function(val){ var reg1=/^[1-9]$/; var reg2=/^\d+(\.\d{0,2})?$/; if(!reg1.test(val[0])&&val.length>1){ this.payPlanNum...

2019-08-20 10:58:20 3767

原创 element侧边导航如何实现局部更新

如何使侧边导航链接的路由页面渲染在el-main中?看图吧,也是在网上借鉴了下:<el-container style="height:100%"> <el-header style="height:60px;padding:0;display:flex;justify-content:flex-start;"></el-header> ...

2019-08-01 16:02:58 554

原创 element单页面多个dialog情况下修改dialog高度

之前写了个如何修改表单样式,今天用到了dialog,一个页面有5个的dialog,高度不一样,怎么修改?简单,给dialog加个id 修改时候你懂得:<el-dialog title="合同完成" id="achieve_dialog" center :visible.sync="achieve_dialog" width="600px"></el-dialog>...

2019-08-01 15:55:43 3426

原创 vue-cli搭建项目

一 安装node–不做详述;我的node安装位置D:\Program Files ;npm安装的全局路径自定设置:在nodejs中新建两个文件夹:node_global,node_cache,//一个是全局安装目录,一个是缓存然后找到nodejs里的node_modules/npm里的npmrc 或 .npmrc文件,打开,修改如下:prefix=D:\Program Files\nod...

2019-07-29 18:06:41 90

原创 input 图片上传

一直不明白input上传的过程原理。 <input type="file" onchange="go(this)"> <img id="iimg" alt=""> <script> function go(s){ var file=s.files[0]; var render=...

2019-07-09 15:43:19 82

pagenation.js

jq分页器,若无效果,则将委托事件之前的初始化分页器代码设为一个函数放入引入的页面。各事件函数中重新赋值num;

2019-07-25

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除