![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
点点寒鸦
中平签
这个作者很懒,什么都没留下…
展开
-
拖拽移动dom
【代码】拖拽移动dom。原创 2023-08-23 14:50:02 · 77 阅读 · 0 评论 -
转圈加载中效果
【代码】转圈加载中效果。原创 2023-07-19 09:37:02 · 108 阅读 · 0 评论 -
圆圈加载中
【代码】圆圈加载中。原创 2023-04-13 14:01:17 · 72 阅读 · 0 评论 -
正则表达式
电话号码正则表达式(支持手机号码,3-4位区号,7-8位直播号码,1-4位分机号)((\d{11})|^((\d{7,8})|(\d{4}|\d{3})-(\d{7,8})|(\d{4}|\d{3})-(\d{7,8})-(\d{4}|\d{3}|\d{2}|\d{1})|(\d{7,8})-(\d{4}|\d{3}|\d{2}|\d{1}))手机号码^(13[0-9]|14[5|7]|15[0|1|2|3|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\d{8}$...转载 2019-04-10 09:59:22 · 420 阅读 · 0 评论 -
图标 鼠标按住不松 可拖动到桌面保存
img原创 2022-06-21 09:46:01 · 91 阅读 · 0 评论 -
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 · 576 阅读 · 0 评论 -
安卓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 · 1168 阅读 · 0 评论 -
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 · 715 阅读 · 0 评论 -
android状态栏
菜鸟记录,大神移步。新手学习阶段,记录下问题安卓状态栏颜色和字体的修改,该记录是原生方法,机型适配问题未测试。ActionBar actionBar = getSupportActionBar();actionBar.hide();//隐藏安卓actionBargetWindow().setStatusBarColor(Color.TRANSPARENT);//设置状态栏透明getWindow().getDecorView().setSystemUiVisibility(View.SY原创 2021-02-03 11:00:42 · 106 阅读 · 0 评论 -
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 · 1295 阅读 · 0 评论 -
vant 下拉刷新上拉加载页面监听滚动
一个类似朋友圈的页面 需要下拉刷新 上拉加载,而且要在页面滚动时候隐藏所有弹出框如评论的输入框,点赞分享的操作按钮弹出框等;出现要么一上拉就触发刷新 要么就是下拉和触底正常 但无法监听滚动;总算弄好了最后。<html><style> html, body { height: 100%; } #app{ height: 100%; overflow-y: auto; //重点 }</style><body><div id原创 2020-12-18 11:11:22 · 2043 阅读 · 5 评论 -
html页面内容不足以撑满全屏 页脚不显示在底部
如图。可以使用css的媒体查询配置不同的body 的min-height;这里放一个用js动态设置的:jq的:$("#body").css(“min-height”,(document.documentElement.clientHeight-otherHeight)+‘px’);通过document的可视区域高度减去页头页脚等其他高度得到中心内容区域的最小高度即可其他框架自理。...原创 2020-11-27 11:13:42 · 728 阅读 · 0 评论 -
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 · 1101 阅读 · 0 评论 -
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 · 1668 阅读 · 0 评论 -
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 · 664 阅读 · 0 评论 -
饿了么上传组件使用
<!-- --><template> <div class="form_son" style="margin-right:0;"> <!-- :headers='headerObj' :file-list="fileList" --> <el-upload :ref="htref" ...原创 2020-05-05 16:08:16 · 1020 阅读 · 0 评论 -
基于element的上传组件的上传功能
<!-- --><template> <div v-loading="loadbool" element-loading-text="正在发送"> <!-- list-type="picture-card" --> <el-upload class="codeup" ref...原创 2020-05-05 16:04:32 · 251 阅读 · 0 评论 -
eventsource 实现手机上传,电脑接收
eventsource 支持服务器主动推送信息给客户端;不支持双向推送。//过程就是 pc端点击扫描按钮 请求到一个唯一id,用id及其他需要的参数通过一个接口让后端生成一个二维码返回给前台,前台拿到二维码数据展示给用户并同时开启eventsource服务(后端会根据这个id每隔一段时间去查询某个表中是否有这个id对应的记录 如果有就推送给前台,没有就过一段时间继续查), 手机扫描跳转到一个上...原创 2020-05-05 15:58:35 · 429 阅读 · 0 评论 -
上传图片 压缩大小
<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 · 102 阅读 · 0 评论 -
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 · 808 阅读 · 0 评论 -
vue 静态文件配置请求路径
静态目录下面放入config.json文件 用于以后更改配置;这个是出现在打包以后的文件夹的{ "axios": { "basepath": { "desc": "接口前缀", "value": "http://192.168.1.138:8082/" }, "baseurl": { "desc": "网...原创 2020-03-21 11:11:02 · 4368 阅读 · 0 评论 -
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 · 2703 阅读 · 0 评论 -
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 · 307 阅读 · 0 评论 -
强制保留两位小数方法
网络搜索获得,原出处忘记了;function priceSwitch(x) {//强制保留两位小数var f = parseFloat(x); //转为小数if (isNaN(f)) return false; //非数字返回var f = Math.round(x * 100) / 100;//四舍五入var s = f.toString();var rs = s.indexO...原创 2019-06-26 09:49:24 · 1739 阅读 · 0 评论 -
文件预览
<!-- --><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 · 113 阅读 · 0 评论 -
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 · 997 阅读 · 0 评论 -
组件输入框纯数字,文本千位分割,只能输入数字小数点,后两位
父组件<numInput :num="item.a" @putBlur="item.a=change($event)"></numInput>:num 传递给子组件的值,即你绑定的值@putBlur 监听子组件传递的值,将传递的参数赋值给绑定的参数名 以便业务进行用一个地方的话就可以直接在change方法里面赋值给你绑定的参数名如果多的话就这样写吧 直接每一...原创 2019-11-18 10:41:03 · 131 阅读 · 0 评论 -
图片固定大小,解决伸缩
object-fit:fill: 默认值,和未设置一样。会将图片压缩拉伸contain: 当宽/高的值达到父容器规定的最小宽/高时,则对应的另一个值会按照原始宽高比进行生成。例如上面,图片的高度达到父容器高度后,宽度按照比例生成,导致左右留白cover: 和contain不一样,cover是以最大值为规定的。例如上图,图片的高度(较小值)首先达到父容器高度后,而宽度并未达到父容器的宽度,图片...原创 2019-11-12 11:13:24 · 464 阅读 · 0 评论 -
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 · 501 阅读 · 0 评论 -
计算某月每一天是星期几
当前月:这里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 · 333 阅读 · 0 评论 -
打印,导出,下载后台传输文件,防抖节流,金额强制两位小数,获取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 · 214 阅读 · 0 评论 -
vue使用ElementUI如何修改checkbox复选框颜色
开发中使用elementUi使用表单时候可能因项目需要更改默认的颜色样式,记录下怎么修改。eleme默认的颜色的#409EFF 类蓝色的颜色需要换颜色时候发现api里面好像没有修改的选项,只找到了按钮样式的时候可以修改的属性。那么怎么修改呢?我的方法是1先把内容放上去,然后F12 打开开发者工具2 选择多选框 查看elements的css样式如图找到这里 直接复制类名就好了...原创 2019-03-25 17:18:33 · 25868 阅读 · 10 评论 -
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 · 567 阅读 · 0 评论 -
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 · 3451 阅读 · 0 评论 -
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 · 559 阅读 · 0 评论 -
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 · 3786 阅读 · 0 评论 -
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 阅读 · 0 评论