笔记
关注
分享
扫一扫
丫呀nice
这个作者很懒，什么都没留下…
展开
-
sessionStroge和localStorage
cookie:缺点：sessionStroge：关闭浏览器存储不存在关闭页面存储还存在原创 2020-08-19 16:08:01 · 678 阅读 · 0 评论 -
let,const,var的区别
这里的声明提升存在疑点，涉及到暂存性死区重复定义：只有const不行，会报错let var 可以重复定义 const不可以<body> <input type="text" placeholder="aaa"> <button>发表评论</button> <div></div></body><script> var text=document.querySelec转载 2020-08-18 19:45:07 · 216 阅读 · 0 评论 -
tab页切换 只渲染一页的数据
现象：每页数据都能拿到，只渲染一页，并且另一页的表格height：0；max-height:0; 修改这两个参数之后表格显示。原因：切换之后数据没有渲染因为tab切换是通过display：none的形式，其他页的表格可能就因为这个原因没有高度了解决办法：1.首先需要设置切换之后渲染，对tab的点击切换事件加入渲染handleClick(tab, event) { this.$refs["table"+ tab.name].getShowData(); }2.这时表格原创 2020-06-19 10:34:06 · 992 阅读 · 0 评论 -
Duplicate keys detected: typerow4.
可能是渲染表格时key值重复例如： { key: "aaa", title: "张三", align: "center", minWidth: 80 }, { key: "aaa", title: "李四", align: "center", minWidth: 80 },原创 2020-06-18 15:43:12 · 260 阅读 · 0 评论 -
vue 监听键盘回车事件 @keyup.enter || @keyup.enter.native
vue运行为v-on在监听键盘事件时，添加了特殊的键盘修饰符：<input v-on:keyup.13="submit">vue还非常贴心地给出了常用按键的别名，这样就不必去记keyCode上面代码，还可以在这样写：<input v-on:keyup.enter="submit"><input @keyup.enter="submit">注意：如果用了封装组件的话，比如element，这个时候使用按键修饰符需要加上.native比如：<el转载 2020-06-17 13:56:44 · 808 阅读 · 0 评论 -
vue中v-on和v-bind的区别
v-bind指令用于设置HTML属性：v-bind:href 缩写为 :href<!-- 完整语法 --><a v-bind:href="url">123</a><!-- 缩写 --><a :href="url">123</a>v-on 指令用于绑定HTML事件 ：v-on:click 缩写为 @click<!-- 完整语法 --><a v-on:click="doSomething">123&转载 2020-06-17 13:51:10 · 1648 阅读 · 0 评论 -
if括号里的‘’和‘ ’和null的布尔值
if(‘’) 里面为false let str='' if(str){ console.log(111); }结果：不输出if(‘ ’) 里面为truelet str=' ' if(str){ console.log(111); }结果：输出111if(null) 里面为 false <script> let str=null; i原创 2020-06-13 15:43:02 · 326 阅读 · 0 评论 -
JS中Map和ForEach的区别
定义foreEach()方法:针对每一个元素执行提供的函数。map()方法:创建一个新的数组，其中每一个元素由调用数组中的每一个元素执行提供的函数得来。原数组不变区别forEach()方法不会返回执行结果，而是undefined。也就是说，forEach()会修改原来的数组。map()方法会得到一个新的数组并返回，原数组不变。例子//forEach修改原来的数组let arr =[1,2,3,4,5,6]; let foreach=arr.forEach((转载 2020-06-11 11:05:31 · 363 阅读 · 0 评论 -
Vue.js中 watch 的高级用法
参考链接：https://blog.youkuaiyun.com/wandoumm/article/details/80259908假设有如下代码：<div> <p>FullName: {{fullName}}</p> <p>FirstName: <input type="text" v-model="firstName"></p></div> new Vue({ el: '#root', da转载 2020-06-10 15:03:01 · 220 阅读 · 1 评论 -
vue中$refs的用法及作用详解
一般来讲，获取DOM元素，需**document.querySelector（".input1"）**获取这个dom节点，然后在获取input1的值。但是用ref绑定之后，我们就不需要在获取dom节点了，直接在上面的input上绑定input1，然后$refs里面调用就行。然后在javascript里面这样调用：this.$refs.input1 这样就可以减少获取dom节点的消耗了<div id="app"> <input type="text" ref="input.转载 2020-06-10 09:45:59 · 214 阅读 · 0 评论 -
看不懂参数，代码里面没有
moment(param.row.createTime).format("YYYY-MM-DD") === "Invalid date" ? "-" : moment(param.row.createTime).format("YYYY-MM-DD")Invalid date是哪里来的解决办法：先在代码里面搜索 没有的话利用console.log打印moment(param.row原创 2020-06-09 18:41:17 · 157 阅读 · 0 评论 -
关于表格：在同一页面下的切换页面(不用跳转路由)
问题：在同一页面下的切换页面(不用跳转路由)解决办法：通过v-if和v-else showDetail的布尔值来解决 ，默认布尔值为true，展现表格，如果点击到英文表明，布尔值为false，切换回细节展现<div class="base-table-content" v-if="showDetail=='true'"> 表内的内容 </div> <div v-else style="height: 100%;"> <grid-原创 2020-06-09 18:38:17 · 326 阅读 · 0 评论 -
关于表格：接口返回的表格数据加上黄色圆点渲染到页面，并且根据不同的数据渲染不同的颜色
问题二：接口返回的表格数据加上黄色圆点渲染到页面，并且根据不同的数据渲染不同的颜色解决办法：render: (h, param) => { return h("span", [ h( "span", { class: `release ${param.row.tableStatus + "-color"}`原创 2020-06-09 18:36:04 · 330 阅读 · 0 评论 -
关于表格---问题一---接口返回的数据与要展现的数据不一致
问题一：接口返回的数据与要展现的数据不一致解决办法：使用filter通过映射的办法 解决问题filter: { name: "table", useKey: { value: "value", label: "label" }, options: [ { value: "RELEASE",原创 2020-06-09 18:34:33 · 818 阅读 · 0 评论 -
float布局-三个float:right-如何布局
三个框都是float布局 没有按顺序渲染例如：<input id="1" style="float:right;width:250px;"><input id="2" style="float:right;width:250px;"><input id="3" style="float:right;width:250px;">排列方式：都靠右排一行 顺序3 2 1原因：1 2 3都脱离文档流 并且属于同一层级，渲染时从第一个开始，会放到最右边，然后渲染第二原创 2020-06-09 18:31:12 · 5038 阅读 · 0 评论 -
父子组件传值，子组件复用
busiFormManageView.vue //数据表单标准查看父子组件：1.父组件在里 加入:showEdit="showEdit"子组件通过props来引用：直接在export default 里写入 不在生命周期里props:{ showEdit:{ type:Boolean, default:true } },2.父组件里面自己去掉设置图标直接去掉就可以了<iconv-hasPermission="‘41’"class=“s原创 2020-06-09 18:22:57 · 552 阅读 · 0 评论 -
配路由
0.busiFormManageView -业务表单标准查看 发给后端1.const busiFormManageView = resolve => require(["@/pages/index/views/dataMap/busiFormManageView.vue"],resolve);//业务表单管理 修改两处2.在src/pages/index/router文件夹下的dataMap.js文件下操作 { // 业务表单标准C查看 pat.原创 2020-06-09 18:17:03 · 139 阅读 · 0 评论 -
bug:tab页的 表清册 里的表可以显示，但是 列表清册 里的表不显示
bug:tab页的 表清册 里的表可以显示，但是 列表清册 里的表不显示原因：里的:columns="columns"我写的是:listColumns=“listColumns”要写成:columns=“listColumns” 前面的columns是不能改变的 这个会对应basetable里的参数 不能 改变...原创 2020-06-09 18:11:34 · 110 阅读 · 0 评论 -
git常规操作以及解决冲突
一.代码提交命令：1.git stash2.git pull //拉取最新代码，如果跳过这一步可能会与别人的代码冲突3.git stash apply4.vscode左侧栏添加文件到缓存区5.git commit -m “备注内容”6.git push origin HEAD:refs/for/master二.解决git 提交校验失效的方法：先废弃掉冲突的提交！！！！！！！！！！1.先随便提交一次git commit -m "xxx"git stashgit rebase -i原创 2020-06-09 14:57:15 · 197 阅读 · 0 评论 -
vue中的插槽————slot
转载链接：https://www.cnblogs.com/loveyt/p/9946450.html什么是插槽？**插槽（Slot）**是Vue提出来的一个概念，正如名字一样，插槽用于决定将所携带的内容，插入到指定的某个位置，从而使模板分块，具有模块化的特质和更大的重用性。插槽显不显示、怎样显示是由父组件来控制的，而插槽在哪里显示就由子组件来进行控制默认插槽父组件在父组件引用的子组件中写入想要显示的内容（可以使用标签，也可以不用）<template> <div>转载 2020-06-06 10:04:09 · 131 阅读 · 0 评论 -
vu的图片渲染问题
左边的服务类型：使用v-for渲染页面布局：左中右的 父级flex布局 并且设置justify-content: space-between;中间文字长短不一，不会出现三个都是左对齐需要给左边的img和中间的文字一起加一个div 让他flex布局右边的应用统计：没有使用v-for 直接拿数据右边的服务监控：flex布局 一个title+4个盒子 给title的width：100% 独占一行 就可以让四个盒子flex布局图片渲染如果是下面的代码是不管是网址路径还是本地原创 2020-06-03 14:02:55 · 253 阅读 · 0 评论 -
miniui笔记
要求：把下拉框设置为年 不要月日type=“year”要求：并且设置默认为为今年的上一年：mini.get(“nd”).setValue(new Date().getFullYear()-1);重置表单// var form = new mini.Form("#searchForm");// form.reset();获取行业层级：1.input 标签加入 onnodeclick=“nodeclick” 然后在js文件最外层写入// function nodeclick(e) {原创 2020-06-03 13:35:55 · 577 阅读 · 0 评论 -
git命令
提交代码：push不上去的时候可以尝试一下pullgit add .git commit -m “信息”git push解决办法：git push -u origin master 但依然没能解决问题 出现错误的主要4102原因是github中的README.md文件不在本地代1653码目录中可以通过如下命令进行代码合并git pull --rebase origin master执行上面代码后可以看到本地代码库中多了README.md文件再执行 git push -u转载 2020-06-03 13:14:47 · 1258 阅读 · 0 评论 -
npm简单步骤
1.node下载2.npm -v3.npm install -g cnpm --registry=http://registry.npm.taobao.org4.cnpm -v5.安装依赖包 cnpm install6.脚手架 npm install vue-cli -g原创 2020-06-03 10:08:29 · 488 阅读 · 0 评论 -
tab切换事件获取切换页的index，并赋给对象里的参数
tab页切换需要知道切换的index在div里加入事件**onactivechanged=“h.activechanged”**类似于点击事件οnclick=‘f1()’这里调用的是h里的函数activechanged我们获取到index之后 如何把它放到对象里：定义全局变量var index=0； 然后就可以调用了//在miniui里找到tab页的代码 加入事件activechanged 加on <div id="tabs1" activeIndex="0" onactivec原创 2020-05-28 11:10:18 · 1894 阅读 · 1 评论 -
ajax看收发数据
var data={//发送数据 zblx:hyjjsspj.index+1, //指标类型 hyId:mini.get("hyId").getValue(), swjgdm:mini.get("swjgdm").getValue(), nd:mini.get("nd").getValue(), // 這裡的三個參數不寫請求不成功 pageSiz原创 2020-05-28 10:51:34 · 221 阅读 · 0 评论 -
使用背景图片显示不出来，也不报错的原因
开始用的relative与absolute不太好调整，后来用背景图片就好设置了。background: url(…/images/round-orange.png) no-repeat;…/images/round-orange.png是本地地址不加no-repeat的话会出现重复图片不容易去掉/*css部分：*/.round-text-box { width: 120px; height: 90px;} .round-text-box .round-text-orange { c原创 2020-05-28 10:35:30 · 1016 阅读 · 0 评论 -
Windows7/10下 JDK安装及环境配置
原文链接：原文链接运行下载的JDk安装包，点击下一步安装即可。可以根据自己需要修改安装地址（不推荐）JDK环境配置1、右击我的电脑选择属性，打开控制面板–>点击高级系统设置–>高级下的环境变量2、在系统变量下新建变量JAVA_HOME 变量值指向JDK安装的文件夹。3、在系统变量下新建变量CLASSPATH 变量值输入：.;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar;%JAVA_HOME%\lib\dt.jar4、如下图选中Path转载 2020-05-26 10:18:15 · 241 阅读 · 0 评论 -
Maven安装教程
安装包下载：地址1、下载解压到指定目录：D:\install2、环境变量配置： a、变量：M2_HOME，变量值：D:\install\apache-maven-3.5.3b、变量：Path，变量值：%M2_HOME%\bin检查安装配置是否成功打开CMD窗口，显示如下信息即安装配置成功。3、修改本地仓库位置文件位置：D:\install\apache-maven-3.5.3\conf\settings.xml在标签对中加入以下内容<localRepository&转载 2020-05-26 10:13:39 · 370 阅读 · 1 评论 -
svn下载
一.安装包下载参考链接：参考链接1.百度搜索TortoiseSVN，点击进入官网2.进到官网后，点击Downloads下载链接进去3.会弹出最新的TortoiseSVN版本下载界面，如果这个版本可以，那就点击图中标出的红色框框下载对应的版本。有32位和64位根据自己系统的位数来定。二.安装1.弹出准备界面，其实就是检查您的系统具不具备安装条件，比如版本位数对不对。2.只要检查没问题，就会直接进入到安装欢迎界面了，如下图所示，点击下一步3.弹出协议是否同意界面，选择同意即可，点击下转载 2020-05-26 09:42:31 · 473 阅读 · 0 评论 -
npm问题总结
nodejs小问题：express不是内部或外部命令：https://www.cnblogs.com/mq0036/p/5243291.html转载 2020-05-21 10:00:11 · 2446 阅读 · 0 评论 -
线性渐变linear-gradient
background-image: linear-gradient(90deg, #7FF3B4 0%, #37C778 100%);两个以上的渐变颜色转载 2020-05-14 09:29:46 · 190 阅读 · 0 评论 -
em与rem
rem方式：当使用 rem 单位，他们转化为像素大小取决于页根元素的字体大小，即 html 元素的字体大小。 根元素字体大小乘以你 rem 值。例如，根元素的字体大小 16px，10rem 将等同于 160px，即 10 x 16 = 160。·所以调整根元素（html）的font-size大小即可调整整体的字体大小em方式：body设置font-size:1em;//默认字体大小16px使用em可改变HTML的默认font-size，如果设置为62.5%，则表示将默认...转载 2020-05-12 16:25:53 · 164 阅读 · 0 评论 -
iconfont图标下载
网址：https://www.iconfont.cn/search/index?q=%E4%B8%89%E8%A7%92&page=2搜索想要的图标---》 下载---》 1.颜色，2.宽度 3.png格式---》最后把图片放到项目中通过img引用即可<imgclass="triangle-top"id="triangleTop5"src="../images/triangle-top-gray.png"alt="">...原创 2020-05-12 14:29:40 · 1504 阅读 · 0 评论