weixin_50418353的博客

转载 阿里巴巴（iconfont）矢量图标库批量全选添加至购物车

利用js脚本代码批量选中图标兵加入购物车。打开图标网页、f12并打开控制台、刷新网页、控制台没有出现红字、黏贴代码并回车实现代码

原创 git 改变和代码仓库的连接方式 shh \ http

解决：ssh: connect to host 47.101.56.185 port 22: Connection timed out 连接失败问题。

原创 vue2动态路由刷新页面空白问题

解决:在main.js 重新渲染路由。第一次进入页面正常,刷新后页面空白。

原创 element表格合并行

当表格需要进行合并时、整个渲染方式就发生了变化、之前可以看作以行为单位、一行一行渲染、而当你使用了 :span-method=“objectSpanMethod” 变量后、渲染方式则改为一个单元格一个单元格渲染，即这个方法 objectSpanMethod 需要执行的次数是：列的个数 * 行数。

原创 解决sourcetree打不开，点击完弹窗后闪退

把下图标出的文件删除就可以。

原创 解决项目使用了反爬(调试无限debugger)浏览器无法调试的问题

常见的形式 :// 1(function() {var a = new Date(); debugger; return new Date() - a > 100;}())// 2setInterval(function (){debugger;},1000);

原创 nvm: node版本管理器[使用教程]

node的版本管理器，可以方便地安装&切换不同版本的node。。20241月22日淘宝原镜像证书过期，下面是最新域名 node_mirror: https://npmmirror.com/mirrors/node/

原创 TS（TypeScript）学习，从0开始

当 TypeScript 不确定一个联合类型的变量到底是哪个类型的时候，我们只能访问此联合类型的所有类型中共有的属性或方法。可以用来手动指定一个值的类型，这样就可以访问某个类型的方法了。上面的例子中，我们需要将 window 上添加一个属性 foo，但 TypeScript 编译时会报错，提示我们 window 上不存在 foo 属性。修饰的属性或方法是私有的，不能在声明它的类的外部访问，并且子类可以继承但是不能被访问。使用 extends 关键字实现继承。子类中使用 super 关键字来调用父类

原创 tsconfig.json 配置

【代码】tsconfig.json 配置。

原创 [解决]element dialog嵌套 第二级弹出的 dialog 会被遮住问题

在被遮住的弹窗添加 append-to-body 属性。

转载 预览PDF无法显示签章文件的解决办法

通过网上搜索资料，决定使用vue插件vue-pdf实现pdf文件预览，vue-pdf封装了原生pdf.js和pdfjs-dist。安卓和ios本地打包的情况下都可以正常显示，但是代码提交后在线上环境打包会将注释的代码自动还原，导致生产环境无法正常展示签名。步骤二 在 node_modules/pdfjs-dist/es5/build/pdf.worker.js 注释掉一行代码。3.注释掉vue-pdf/src/pdfjsWrapper.js中隐藏签名的代码，如下图。1.将文件引入项目根路径，链接如下。...

原创 element dialog嵌套，第二次弹出时会被遮住

添加append-to-body。

原创 浏览器视频加速

Edge 浏览器视频加速普通document.querySelector(‘video’).playbackRate=10 (播放倍数)插件搜索计时器掌控者

原创 element 表格 序号依次递增

使用 :index=“indexMethod”<el-table-column v-if="showIndex" label="序号" type="index" :index="indexMethod" show-overflow-tooltip width="50" header-align="center" align="center"/>绑定方法indexMethod(index) { let currentPage = this.pageRequest.pageNo;

原创 git 常用命令

新项目使用 git 流程**克隆: **git clone ssh地址查看本地远程所有分支:git branch -a新建切换到分支并关联远程仓库:git checkout -b 本地分支名 origin/远程分支名查看本地分支及关联的分支:git branch -vv$ git branch -vv* develop 431dedc [origin/develop] 更新gway代码 master 2904763 [origin/master] 删

原创 导出 excel 文件(单元格宽度自适应)

首先下载依赖npm install -S file-saver xlsxnpm install -D script-loader需要 excel,js 文件 放到如图所示的文件夹下面点击跳转到资源在需要使用的位置导入 excel 文件使用 excel.js 导出 excel文件importInfoDownload() { this.$confirm("此操作将导出excel文件, 是否继续?", "提示", { confirmButtonText: "确定",

原创 遍历复杂数组

// 候选数据let arr = [{ "children":[ { "children": [], "disabled": true, "id": "4028f8bb7af52bf4017af55762700142", "leaf": true, "name": "businessadmin9", "otype": "user", }, { "children": [],

原创 动态添加表单和根据表单某一项的值动态更新校验

<el-form :model="dynamicValidateForm" ref="dynamicValidateForm" label-width="100px" class="demo-dynamic"> <el-form-item prop="email" label="邮箱" :rules="[ { required: true, message: '请输入邮箱地址', trigger: 'blur' } ]" > .

原创 美化滚动条

原本的样子:优化后:css代码:.div::-webkit-scrollbar { /*滚动条整体样式*/ width : 5px; /* 高宽分别对应横竖滚动条的尺寸 */ height: 1px;}.div::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius: 10px; box-shadow : inset 0 0 5px rgba(219, 219, 219, 0.5); background

原创 代码优化的建议

一、关于取值的吐槽取值在程序中非常常见，比如从对象obj中取值。const obj = { a:1, b:2, c:3, d:4, e:5,}吐槽：const a = obj.a;const b = obj.b;const c = obj.c;const d = obj.d;const e = obj.e;或者const f = obj.a + obj.d;const g = obj.c + obj.e;吐槽：“不会用ES6的解构赋值来

原创 文字跳动css

<div class="p"> <p class="bounce"> <template v-if="loadType == 'loading'"> <template v-for="(item,index) in loadText"><span class="letter" :key="index">{{item}}</span></template> &.

原创 解决element el-tree(树形结构)内容太长背景色覆盖不全的问题

问题:原因: div出现滚动条之后宽度无法达到文字一样长解决方法: 选中 el-tree 的 .el-tree-node 类名设置 min-width: max-content 最小宽度=内容宽度/* 树形结构内容太长背景色覆盖不全 */.orgnTree /deep/ .el-tree--highlight-current .el-tree-node { min-width: max-content;}效果:...

原创 echarts 柱状图 Y轴设置 type为log

原创 el-tree 横向超长问题

<el-treev-if="unitsDialog"ref="orgnTree":data="treeData":props="defaultProps"@node-click="clickTree":default-expanded-keys="idArr":highlight-current="true"node-key="id"check-on-click-nodecheck-strictly:expand-on-click-node="true"></el-

原创 表格 template 嵌套表单做校验

在表格外层嵌套表单, 然后在 el-form-item 标签上绑定校验事件<el-form :model="table" ref="table"><el-table :data="table.conditions"> <el-table-column property="variable" label="xx"> <template slot-scope="scope"> <el-form-item :prop="'condi

原创 上传文件校验后缀名

//上传<input type="file" ref="filElem" @change="uploadFile" v-if="showing" style="display:none;"/>uploadFile(e) { // 上传文件 const that = this; const file = e.target.files[0]; const reg = ".*\\.(doc|docx|xlsx|xls|jpg|png|pdf|wps)"; //

原创 封装 axios 方法

首先在 api 文件里面创建文件axio.jsimport axios from 'axios' // 首先引入 axiosimport { Message } from 'element-ui'const service = axios.create({ baseURL: window.PLATFROM_CONFIG.tokenUrl, // 请求地址 timeout: 60000, // 请求超时时间 method: 'post' // 请求方式})service.int..

原创 element 输入框样式(尾部带单位)

<el-form-item label="容量配置:" prop="capacity" style="padding-bottom: 40px;"> <el-input v-model="capacityForm.capacity"> <template slot="append">MB</template> </el-input></el-form-item>

原创 echarts图表鼠标悬浮显示数据

option = { xAxis: { type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] }, yAxis: { type: 'value' }, series: [{ data: [120, 200, 150, 80, 70, 110, 130], type: 'bar' }],

原创 Vue.js(基础使用方法详解)

Vue官网: https://cn.vuejs.org介绍: Vue 是渐进式 Javascript 框架渐进式: 先使用Vue的核心库，再根据你的需要的功能再去逐渐增加相应的插件。Vue最核心的功能就是数据渲染Vue 基本配置项const vm = new Vue({ el: '#app', data: { msg: 'Hello Vue.js' }})el (element): 表示 vue 的接管范围(或者 vue 生效的范围)推荐使用 id 选择器

原创 Ajax 跨域 以及解决跨域

Ajax 跨域同源策略编程中的同源，比较的是两个url是否同源。主要看下面三个方面：协议是否相同（http https file）主机地址是否相同（www.xxx.com 127.0.0.1）端口（0~65535）（http默认端口是80；https默认端口是443；MySQL默认端口3306）如果两个url的协议、主机地址、端口都相同，那么这两个url是同源的，否则就是非同源。违反了同源策略的请求，叫做跨域请求。如果非同源，那么以下三种行为会受到限制：Cookie 无法操作

原创 Node.js (基础使用 以及各种常用的 第三方模块) 使用方法

Node.js文档: http://nodejs.cn命令在文件根目录打开 node 命令, 可以运行 js 文件, 按 tab 键自动补全路径; 语法: node 02(按tab)/xx/xx.js语法作用node -v查看版本号node进入 nodectrl+c退出 node 需要按两次clear清空命令(不等于撤销)Node 中的核心模块path 模块文档: http://nodejs.cn/api/path.htmlpath 是

原创 富文本 和 图片裁切

富文本编辑器和图片裁切一, 富文本编辑器的实现步骤1. 添加如下的 `layui `表单行：2. 导入富文本必须的 `script `脚本：3. 调用 `initEditor() 方法，`初始化富文本编辑器：二, 图片裁切的实现步骤1. 在` `中导入 `cropper.css `样式表：2. 在 `` 的结束标签之前，按顺序导入如下的 `js` 脚本：3. 在表单中，添加如下的表单行结构：4. 美化的样式5. 实现基本裁剪效果：三, 更换裁剪后的图片(不然的话拿到的还是裁剪前的)1. 拿到用户选择的文件2