muguazhuye的博客

原创 将分钟或者秒数转化成年月日时分

【代码】将分钟或者秒数转化成年月日时分。

原创 vue3的element的日期组件添加prefix

/ 这里this是可以取到setup中的返回值的。

原创 js添加水印

前端添加水印功能

原创 环形进度条-uniapp-vue

环形百分比率。

原创 下载文件。

downloadExportFile(blob, tagFileName) {let downloadElement = document.createElement(‘a’);let href = blob;if (typeof blob == ‘string’) {downloadElement.target = ‘_blank’;} else {href = window.URL.createObjectURL(blob); //创建下载的链接}downloadElement.href

转载 chrome自带输入框样式

实现思路1：如果不是想设置为透明色 可直接使用box-shadowinput:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px white inset !important;}实现思路2：关闭自动填充功能 ( 也可实现 不推荐 )实现思路3：通过CSS3动画解决input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-web

转载 antdesign的monthpicker

需要禁用掉2020以前的月份，当前月和当前之后的月份数据。disabledDate(current){let disabledMonth = Moment().format(“YYYY-MM”);/return current.month()>=5;/return current > Moment(disabledMonth).endOf(‘day’) || current < Moment(“2020-01”).endOf(‘day’);}————————————————版

原创 npm版本

老项目不支持高版本node;npm -g install npm@6.14.8

原创 element-picker前后一个月之内

pickerOptions: {onPick: ({ maxDate, minDate }) => {this.maxDate = maxDate;this.minDate = minDate;},disabledDate: (date) => {let maxDate = this.maxDate;let minDate = this.minDate;let endTime = “”;if (minDate) {let val =Date.now() -(new Dat

原创 时间picker(当月)

// pickerOptions: {// onPick: ({ maxDate, minDate }) => {// this.choiceDate = minDate.getTime();// if (maxDate) {// this.choiceDate = “”;// }// },// disabledDate: (time) => {// const self = this;// if (!!self.

原创 elementui中的表格合并

function getWordCnt(arr) {return arr.reduce((prev, next) => {prev[next] = (prev[next] + 1) || 1;return prev;}, {});}var rolearrlist = [{supname: “jj1”,name: “nnnn”,supid: 1,},{supname: “jj1”,name: “n2nnn”,supid: 1,},{supname: “jj1”,na

原创 转义

this.xmltext = JSON.stringify(JSON.parse(row.detail), null, “\t”);this.xmltext = this.xmltext.replace(/\n/g, “\n”);

原创 iview全选

/deep/#tablenode.ivu-table.ivu-table-header.demo-table-selection-column.ivu-table-cell:after {content: “全选”;margin-left: 5px;}

原创 element全选

//头部<el-table:data=“tableData”borderstyle=“width: 100%”header-align=“center”size=“mini”:header-cell-class-name=“cellClass”@selection-change=“handleSelectionChange”>//方法cellClass(row) {if (row.columnIndex === 0) {return “disabledCheck”;}

原创 element表格高度自适应

//变量data(){tableHeight:300,}//方法getHeight() {this.tableHeight = window.innerHeight - 240;}//初始化window.addEventListener(“resize”, this.getHeight);this.getHeight();

转载 Vue项目 使用拦截器和JWT验证 完整案例

地址：https://www.mk2048.com/blog/blog_h1k1hckiacajb.html

原创 bfc(面试)

隐藏属性BFC默认为关闭的,开启元素的BFC后,元素将有如下特性:1.父元素的垂直外边距不会和子元素的重叠2.开启BFC的元素不会被浮动元素覆盖3.开启BFC的元素可以包含浮动的子元素...

原创 vue-template

原创 复制来源lujieting0（vue中的transition）

Title id: name:

原创 webpack报错

Vue building modules 1/1 modules 0 activeevents.js:183 throw er; // Unhandled ‘error’ event 错误配host:属性值

原创 win10系统中node的环境变量

在这里插入图片描述

原创 node安装和webpack安装（环境变量)

Win7系统系统变量：Path:C:\Program Files\nodejs\node_global;%NODE_PATH%;NODE_PATH:C:\Program Files\nodejs\node_global\node_modules用户变量PATH：%USERPROFILE%\AppData\Local\Microsoft\WindowsApps;C:\Users\Admin...

原创 node环境配置

https://blog.youkuaiyun.com/qq_41542894/article/details/82155272

原创 原型链（郑州黑马图）

原创 本文介绍vue-cli脚手架工具根目录的babelrc配置文件

原文连接：https://www.jianshu.com/p/d2423a3e86a4es6特性浏览器还没有全部支持，但是使用es6是大势所趋，所以babel应运而生，用来将es6代码转换成浏览器能够识别的代码，babel有提供专门的命令行工具方便转码，可以自行去了解。vue-cli脚手架的.babelrc文件。{ // 此项指明，转码的规则 "presets": [ // env项是借助插件...

原创 遍历键值对（entries/keys/values）

阮一峰es6基础入门7.6遍历健遍历值遍历键值

原创 上传图片，二进制

<input type="file" id="file" class="filepath" @change="changepic(this)" accept="image/jpg, image/jpeg, image/png, image/PNG"/>dataURLtoBlob(dataurl) { if (dataurl) { var arr = dataurl....

原创 打印

print() {if (!!window.ActiveXObject || “ActiveXObject” in window) {//是否ie this.pagesetup_null(); } window.print();},

原创 浏览器使用华视电子设备读取身份证信息

控件不可用，可能未正确安装控件及驱动，或者控件未启用。//读取身份证信息function readIDCard(){ var CertCtl = document.getElementById("CertCtl"); var result = CertCtl.readCert(); var resultObj = toJson(result); //resultObj.result...

原创 在线vue.js和vue.min.js

`

原创 阿拉伯数字转化成大写金额

在小程序中使用，要将上面的代码略改，小程序不支持字符串方法substr()方法，但支持substring()方法。function numberParseChina(money){//汉字的数字var cnNums = new Array(‘零’, ‘壹’, ‘贰’, ‘叁’, ‘肆’, ‘伍’, ‘陆’, ‘柒’, ‘捌’, ‘玖’);//基本单位var cnIntRadice = n...

原创 h5与安卓交互测试demo

原创 base64转化成二进制

var dataurl =dataURLtoBlob(dataurl) {// debuggerconsole.log(dataurl)if (dataurl) {var arr = dataurl.split(","),mime = arr[0].match(/????.*?);/)[1], bstr = atob(arr[1]), n = new ArrayBu...

原创 上传图片

var f = document.getElementById("file").files[0]; var reads = new FileReader(); reads.readAsDataURL(f); reads.onload = function(e) { that.form3[indexs].ef_head = this.result; var param...

原创 上传图片(二进制）demo

<inputtype=“file”id=“file”class=“filepath”@change=“changepic(this)”accept=“image/jpg, image/jpeg, image/png, image/png”/>changepic() {let that = this;var reads = new FileReader();var f...

原创 公众号开发

编辑器：135编辑器；秀米编辑器；新媒体管家；静态图片素材网站：PEXELS：https://www.pexels.com/Unsplash：https://unsplash.com/拍心PAIXIN：https://v.paixin.com/全景：https://www.veer.com/动态图片素材：小猪动图：https://www.zcool.com.cn/S OOGI...

原创 art-template-----简易版demo

Document

原创 总结vue页面刷新的几种方法

1.this.router.go(0)这种方法页面会一瞬间的白屏.2.location.reload()这种也是一样，画面一闪.3.跳转空白页再跳回原页面在需要页面刷新的地方写上：this.router.go(0)这种方法页面会一瞬间的白屏.2.location.reload()这种也是一样，画面一闪.3.跳转空白页再跳回原页面在需要页面刷新的地方写上：this.router.go(0)...

原创 vue项目报错：'$' is defined but never used (no-unused-vars) at src\App.vue:10:8:

—在npm安装包中，已经下载的安装包。仍然报错（这是因为项目安装了Elint）：在package.json文件内加入如下代码：“rules”: {“generator-star-spacing”: “off”,“no-tabs”:“off”,“no-unused-vars”:“off”,“no-console”:“off”,“no-irregular-whitespace”:“off...

原创 npm 报错问题

npm安装包时报如下错误Unexpected end of JSON input while parsing near ‘…CvJ7SbAu0lJbYW9E3eRUe’解决方案：解决方法（一）（1）清缓存： npm cache clean --force（2）安装淘宝镜像：npm install --registry=https://registry.npm.taobao.org解决方...