笔记
波塞冬次打次
记录学习
展开
-
node版本切换(nvm)
同一台设备上进行多个node版本之间切换。二、nvm下载安装及使用。低版本 10.15.3。2.2 nvm的使用。高版本 18.0.0。原创 2022-12-01 19:22:04 · 2183 阅读 · 1 评论 -
工作笔记记录
工作笔记原创 2022-08-22 09:11:31 · 352 阅读 · 0 评论 -
echarts tooltip显示设置
代码】echarts tooltip显示设置。原创 2022-08-03 09:52:35 · 1522 阅读 · 0 评论 -
vue电子签名;pdf查看;百度api识别身份证;vue前端实现搜索
vue中实现电子签名vue-ele-sign插件手写签名(可横屏)pdf查看百度api识别身份证原创 2022-07-20 16:10:22 · 369 阅读 · 0 评论 -
BEM规范
BEM翻译 2022-06-16 14:39:49 · 88 阅读 · 0 评论 -
2022知识点小记
vant 单元格样式vant 方框 background: #ffffff; margin: 10px 10px 0 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 3px 3px #eeeeee; box-shadow: 0 0 3px 3px #eeeeee;递归获取想要的数据结构.原创 2022-03-03 08:06:42 · 217 阅读 · 0 评论 -
vant省市区回显
<van-field readonly clickable name="area" v-model="value" label="地区选择" placeholder="点击选择省市区" @click="villageShowPicker = true" /> <van-popup v-model="villageShowPicker" position="bottom"> <van-area value="320000" :area-list="area..原创 2022-03-02 14:13:48 · 2144 阅读 · 0 评论 -
日常报错记录
网上很多人说安装这个npm install --global --production windows-build-tools,可能有的电脑会解决问题,可以先试一下原创 2022-02-21 11:10:56 · 418 阅读 · 0 评论 -
深拷贝与浅拷贝
深拷贝介绍浅拷贝介绍如何实现深拷贝?用 JSON.stringify 把对象转换成字符串,再用 JSON.parse 把字符串转换成新的对象但是需要注意的是 可以转成 JSON 格式的对象才能使用这种方法,如果对象中包含 function 或 RegExp这些就不能用这种方法了。Object.assign()拷贝当对象中只有一级属性,没有二级属性的时候,此方法为深拷贝,但是对象中有对象的时候,此方法,在二级属性以后就是浅拷贝用递归的方式实现深拷贝lodash.cloneDeep()实现深原创 2022-02-16 15:44:38 · 502 阅读 · 0 评论 -
deep——深入选择器
vue组件中,在style设置为scoped的时候,里面在写样式对子组件是不生效的,如果想让某些样式对所以子组件都生效,可以使用 /deep/ 深度选择器。<-- less语法 -->.wrap{ .class1{ font-size:12px; } /deep/ .class2{ font-size:20px; //对所有子组件生效. /deep/ .class3{ } //没有必要写多层deep 父类有deep原创 2022-02-14 13:42:11 · 450 阅读 · 0 评论 -
element源码修改并上传npm
1、 先在git 上找到elemen-ui 的 源码,并 fork 到自己的 git里。 附上git 地址: https://github.com/ElemeFE/element2.修改elemen-ui 中的 input 组件,给 area 添加 长度500的限制,maxlength。在 element-ui 下的 packages 中 找到 input 组件修改3、修改完成了,让我们 打包。(npm上不需要包名重复,包括不能和别人的包名重复,所以记得把包名都改了) 我这儿,都给 起了个名字原创 2022-01-06 14:25:21 · 825 阅读 · 0 评论 -
vue接口封装
axios封装请求拦截:请求标记已经存在,则取消本次请求,否则在请求列表中加入请求标记响应拦截:code==500,统一报错;不同error,不同处理报错// axios.jsimport axios from "axios"import { Message } from 'gdb-ui';let requestList = [];let cancelToken = axios.CancelToken;// 请求拦截axios.interceptors.request.use(原创 2022-01-05 14:09:56 · 559 阅读 · 0 评论 -
vuex的使用——modules模块化
store文件夹目录1、main.jsimport store from '../store';new Vue({ store, render: h => h(App)}).$mount('#app')2、index.jsimport Vuex from 'vuex';import Vue from 'vue';import purchaseInvoice from "./modules/purchase/purchase-invoice"import purchase原创 2022-01-04 16:09:43 · 457 阅读 · 0 评论 -
环境安装准备
Ps:个人习惯安装环境安装node.js,从node.js官网下载并安装node,安装过程很简单,一路“下一步”就可以了。安装完成之后,打开命令行工具(win+r,然后输入cmd),输入 node -v,如下图,如果出现相应的版本号,则说明安装成功。这里需要说明下,因为在官网下载安装node.js后,就已经自带npm(包管理工具)了,另需要注意的是npm的版本最好是3.x.x以上,以免对后续产生影响。安装淘宝镜像,打开命令行工具,把这个(npm install -g cnpm --registry原创 2022-01-04 09:56:41 · 214 阅读 · 0 评论 -
仓库组件(全部显示,按主体的仓库显示,回显仓库)
父传子;父组件通过:purchaserIdProps=“SDEditlForm.sellerId”,子组件用props接受watch监听(用于回显)@focus=“clickWarehouseId”;input输入框,主要通过foucs事件触发接口if (this.warehouseId) return;判断如果没有值,则不触发,防止多次掉接口减少性能消耗disabled: Boolean;:disabled=“disabled”<template> <!-- val.原创 2021-12-14 14:32:52 · 1019 阅读 · 0 评论 -
组件调用方法
父子组件调用,使用$emit监听更方便 // 组件,改变dealerId,清空数据 this.$emit('changeDealerId')//使用<pg-customerKA-name v-model="addForm.buyerId" @changeDealerId="changeDealerId"></pg-customerKA-name>原创 2021-12-01 10:05:05 · 465 阅读 · 0 评论 -
请求头部修改;数据回显,用watch数据监听
1.setTimeout,用buid显示2.原创 2021-10-25 16:56:12 · 127 阅读 · 0 评论 -
日期选择器,本月、上月、上季度、本季度、上半年、下半年、本年、上一年
<gdb-date-picker v-model="value2" type="datetimerange" :picker-options="pickerOptions" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" align="right" :default-time="['00:00:00', '23:59:59']"></gdb-date-picker> ...原创 2021-09-26 09:10:44 · 773 阅读 · 0 评论 -
vue后台系统全
https://panjiachen.github.io/vue-element-admin-site/zh/原创 2021-09-13 11:41:00 · 69 阅读 · 0 评论 -
2021/7/22 小记
if (this.invoiceList.length == 0) { this.$message.error('请勾选') return }等于 if (this.invoiceList.length == 0) return this.$message.error('请勾选')2.取不到数据,试试延迟获取//取不到数据,试试延迟获取 created() { var that = this setTimeou...原创 2021-07-22 09:04:05 · 95 阅读 · 0 评论 -
2021-07-13记录vue多样式判断
记录vue多样式判断 <span :class=" index<1?'active':'native'">√</span> <span :class="['gdb-return__hr', {'activeColor':index<1}]" v-show="index!=5"></span>原创 2021-07-13 10:22:09 · 168 阅读 · 0 评论 -
2021-06-07
js1.findfind用法2.filterfilter用法3.map和forEachmap和forEach的用法和区别原创 2021-06-07 13:13:55 · 85 阅读 · 0 评论 -
vuex,改变对象数值,不显示问题
vuex,改变对象数值,不显示问题1.mapGetters 工具函数会将 store 中的 getter 映射到局部计算属性中2.先把值保存到state,再gatters计算改变数组原创 2021-06-04 09:31:14 · 414 阅读 · 2 评论 -
vue小技巧
getUrlParam() { let url = location.search; let theRequest = {}; if (url.indexOf('?') !== -1) { let strs = url.substr(1).split('&'); for (let i = 0; i < strs.length; i++) { theRequest[strs[i].split('=')[0]] = unescape(strs[i].split原创 2021-05-08 14:15:04 · 89 阅读 · 0 评论 -
source Tree
source Tree(git可视化工具)dev开发先拉取,将远程dev(origin/dev)拉到本地情景1:直接拉取成功,无冲突,已合并到本地dev分支;提交推送本地dev到远程dev即可情景2:拉取失败,有冲突;解决——先提交推送本地dev,有冲突则推送不了,先暂存本地仓库,再次拉取远程dev,会出现冲突文件,编辑器解决冲突(保留或删除),再次提交即可master合并切换到master,右击dev分支,合并至当前分支(master),拉取情节1:直接拉取成功,无冲突;提交推送到远程ma原创 2021-04-08 09:00:12 · 3258 阅读 · 0 评论 -
vue-cli4 全面配置
vue-cli4 全面配置](https://zhuanlan.zhihu.com/p/109952157)原创 2021-03-01 08:47:54 · 185 阅读 · 0 评论 -
vue导入js,css结构
原创 2021-02-24 15:55:47 · 93 阅读 · 0 评论 -
vueflowy流程图
vueflowy流程图下载npm install vue-flowy -save组件import {VueFlowy} from 'vue-flowy' export default { name: 'App', components: { VueFlowy }}<template> <div> <VueFlowy :chart="chart"></VueFlowy> </div原创 2021-01-25 13:42:06 · 1362 阅读 · 2 评论 -
2021笔记
表格单行字段判断 <el-table-column prop="num" label="退货数量" width="120"> <template slot-scope="scope"> <span> <el-input :disabled="scope.row.type==1" si.原创 2021-01-07 09:26:50 · 91 阅读 · 0 评论 -
vue大量数据优化
采用分页<el-pagination background @size-change="handleSizeChangeAdd" @current-change="handleCurrentChangeAdd" :current-page="queryInfoAdd.pageNum" :page-sizes="[1, 5, 10, 50,300]" :page-size="queryInfoAdd.pageSize" layout="total, sizes, prev, pager, next,j原创 2021-01-05 15:22:54 · 1354 阅读 · 0 评论 -
vue网页图标ico
图片转ico,直接引入即可 <link rel="icon" href="<%= BASE_URL %>GDBfavicon4.ico" />原创 2020-12-29 08:51:10 · 296 阅读 · 0 评论 -
vue表格排序
<el-table :data="userList" border stripe :row-style="{height:0+'px'}" :cell-style="userListcellStyle" highlight-current-row style="margin-top:30px" @sort-change="sortChange"> <el-table-column label="订单金额" prop="orderAmount" width="200" sortable=原创 2020-12-21 09:10:43 · 1491 阅读 · 0 评论 -
JQ轮播图
效果图思路注意:box:{ width: 176px; overflow: hidden; height: 225px; position: relative; } ul { width: 538px; position: absolute; top原创 2020-11-27 16:33:18 · 173 阅读 · 0 评论 -
axios封装
首先引入axios、qs依赖,引入main.js主要是用于后面对接口进行统一处理import axios from 'axios';import qs from 'qs';import app from '../main.js';const service = axios.create({ // process.env.NODE_ENV === 'development' 来判断是否开发环境 baseURL: 'http://192.168.1.194:8100/', ti原创 2020-11-23 16:14:56 · 108 阅读 · 0 评论 -
JQ搜索内容高亮
index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jQuery之美-指定内容高亮</title> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-sc.原创 2020-10-27 15:26:37 · 318 阅读 · 0 评论 -
jq倒计时
// 预计时间 var nowTime = +new Date() //当前时间总的毫秒数 //订单时间+3天待付款 var inputTime = ordertime + 60 * 60 * 24 * 3 * 1000 var times = (inputTime - nowTime) / 1000 //times是剩余时间总的毫秒数 v...原创 2020-10-23 15:59:30 · 253 阅读 · 0 评论 -
npm -v报错
删除了系统变量ComSpec%SystemRoot%\system32\cmd.exe%JAVA_HOME%\bin%JAVA_HOME%\jre\bin原创 2020-10-13 16:34:30 · 191 阅读 · 0 评论 -
el-card高度撑不开
有时候会遇见el-card高度撑不开的情况,方法一: style="height:600px;overflow-y:auto;overflow-x:hidden;"原创 2020-10-12 16:36:59 · 6740 阅读 · 4 评论 -
如果axios请求失败,如何获取接口返回的状态码及错误信息
axios.get('api/test') .then((res) => { console.log(res) ) .catch((error) => { if (error.response) { // The request was made and the server responded with a status code // that falls out of the range of 2xx console.log(e原创 2020-10-09 11:08:05 · 3103 阅读 · 0 评论 -
CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory 或code=134
vue启动项目报错CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory或code=134解决:node_modules/.bin/vue-cli-service.cmd和webpack-dev-server.cmd,在node命令后面加上–max-old-space-size=4096就好了。原创 2020-10-09 10:03:08 · 155 阅读 · 0 评论