- 博客(44)
- 收藏
- 关注
原创 Vue 中 error ‘xxxxx‘ is defined but never used no-unused-vars
属于是定义了但是没有使用。
2022-08-29 17:32:49
941
1
原创 js for循环中在最后一次执行后,进行后续方法的执行
通过clearTimeout来清除定时器,for循环执行结束之后执行setTimeout中的内容。因为执行的方法可能数据还没有彻底更新完,所以需要在彻底执行完for循环后执行方法。
2022-08-16 10:13:30
5088
1
原创 vue使用elementUI报错:custom validator check failed for prop “index“
在elementUI中使用el-menu-item时,给index绑定index的值时,报错customvalidatorcheckfailedforprop“index”用toString()方法转为字符串即可。
2022-07-19 11:19:00
1476
原创 element-UI 中的MessageBox中点击确定执行自定义方法
思路上是:例如点击一个删除按钮,弹出弹框提示我们是否删除,弹框中有确定按钮和取消按钮,点击确定按钮后,再执行删除方法,调用后端的删除接口。页面中我们的删除按钮删除方法使用时只用修改 deleteActivations(row.id)这一个方法,这是我删除的接口,换成自己的就可以。还有就是下面那个this.getData()方法,这是重新获取数据的方法,自己修改即可。...
2022-07-14 15:41:32
2848
原创 git clone后报错:warning: You appear to have cloned an empty repository.
这是git在提示clone的仓库是一个空仓库,没有什么太大影响,在本地依然可以看到有这个仓库。
2022-06-25 14:51:04
5299
原创 flex属性详情
flex基本概念给主盒子设置display:flex;属性以后,该盒子就会变成一个flex容器,容器里面的内容成为flex元素。未设置flex: <div class="container"> <div class="item">12</div> <div class="item">34</div> <div class="item">56</div>
2022-02-23 22:53:30
194
原创 antv图形二次渲染刷新问题
在进行antv数据可视化时,遇到了一些问题,比如画好图之后,改变一些参数,重新获取数据,重新渲染的方法在之前的博客上写了,可以使用changChart方法。在获取完新数据之后,什么时候再一次进行渲染,如果直接写在获取数据的方法后面,可能数据还没有加载出来,就已经执行changChart()方法了,这让我们的图形就没有渲染成功。解决方法1第一次我想到的是使用定时器,可以在执行完获取数据的方法后,加上一个定时器,延迟1500或者2000,可以解决这个问题。解决方法2方法一虽然可以解决掉这个问题,但是在
2022-01-11 15:08:21
4314
原创 antv g2图形二次渲染问题
在使用antv的g2对进行可视化时,通过改变时间来对图形进行再次渲染,遇到过很多次问题,主要解决办法为:1.我们得先得把图形画出来,才能执行重新渲染的方法initChart()2.获取到新数据后,需要对数据进行更新,然后通过changeChart()方法来重新画图。changeChart(){ this.chart.changeData(this.inlandData)}方法里面的data是新数据...
2021-12-29 15:49:55
3216
1
原创 vue 获取cookie
先npm安装npm install vue-cookies在main.js中导入import VueCookies from 'vue-cookies'使用Vue.use(VueCookies)在页面中获取 const CheckId = this.$cookies.get("CheckId")
2021-11-23 15:21:28
3611
原创 Vue中通过localStorage存储信息并获取显示到页面中
这两天写了一个日程表功能,包括日程表内容的增加,删除功能。解决办法一可以在后端写接口,把日程表的内容写到数据库中,再通过接口从数据库中获取,通过后端的接口来对数据进行增删改查。解决办法二这次我没想着做后端接口,因为是写在浏览器首页面中,并且把页面放到服务器上,如果要写在后端中的话,数据就得放在不同的数据库表中,就又得做登录和注册,在我看来,一个浏览器主页面,不应该这么麻烦,所以我这次把信息放在了h5新增的localStorage中,localStorage是用来做本地存储的,与session的区别在
2021-10-24 22:15:26
1561
原创 js数据类型
JS中一共有六种数据类型基本数据类型(值类型):String 字符串、Number 数值、Boolean 布尔值、Null 空值、Undefined 未定义。引用数据类型(引用类型):Object 对象。注意:内置对象 Function、Array、Date、RegExp、Error等都是属于 Object 类型。也就是说,除了那五种基本数据类型之外,其他的,都称之为 Object类型。面试问:引用数据类型有几种?面试答:只有一种,即 Object 类型。数据类型之间最大的区
2021-10-18 20:47:32
74
原创 文档流及其特性 块级元素与行内元素的区别 浮动的清除方法(解决浮动塌陷)
标准文档流web页面的制作,是一个“流”,必须从上到下,像是“织毛衣”。标准文档流的特性1.空白折叠现象无论有多少个空格,换行,tab,都会折叠成一个空格。2.高矮不齐,底边对齐对齐形式以底边对齐为主,而不是顶部对齐。3.自动换行,一行写不完,自动换行写。行内元素与块级元素标准文档流等级森严,便签分为两种等级:行内元素块级元素块级元素与行内元素的区别:1.块级元素独占一行,行内元素只占一行的一部分。2.行内元素会与其他行内元素并排。3.行内元素不能设置宽高,默认的高度就是文
2021-10-17 21:00:29
322
原创 BootStrap表格详解
表格html:表格标签用table标签表示,每一行由<tr>表示。表格是由行组成,行由列组成,列由<td>单元格组成。 <table> <tr> <td>1</td> <td>2</td> <td>3</td> <td>4</td> </tr>
2021-10-11 23:46:18
3223
原创 webpack安装与基础命令
在使用webpack之前我们需要把npm安装好。1.初始化文件夹npm init -y2.在开发环境安装webpack和webpack-clinpm install webpack webpack-cli -D3.创建一个src文件夹来放我们的资源文件,里面创建一个名为index.js的入口文件,这个入口文件名在package.json中有定义4.终端输入webpack --mode development打包得到一个dist文件,里面包含打包好的js文件,这是开发环境的,可以把develo
2021-10-11 00:11:01
205
原创 BootStrap代码
这一部分用于在网页中显示代码,比如可以用在博客这种地方。<code>用于显示单行文本,在里面如果有多行,也会显示为一行,但是我们可以加br实现换行,在code标签中的文本在页面中显示为红色字体,背景也会改变。<kbd>kbd标签用于标记用户通过键盘输入的内容。比如我们要表达ctrl键,我们就可以用到kdd。把ctrl放在kbd标签里面就是下面的这种效果ctrl<pre>这个标签和h5中的标签差不多,w3school对pre标签的定义为:pre 元素可定
2021-10-10 17:32:08
275
原创 Vue中禁止鼠标滑轮事件
可以通过mousewheel.prevent来执行该事件因为我只有一个页面,所以我直接在大盒子里调用<div class="allcontent" @mousewheel.prevent="rollImg">
2021-10-09 23:19:28
640
1
原创 BootStrap排版 常用属性
5.排版5.1 标题h1到h6正常使用,并且提供了.h1到.h6类,为的是给内联(inline)属性的文本赋予标题的样式。副标题可以使用标签或者.small类来设置副标题。5.2 中心内容通过.lead让段落突出显示5.3 对齐可以使用style的text-algin,也可以使用bootstrap提供的4个类.text-left 文本左对齐.text-right 文本右对齐.text-center 文本居中.text-justify 文本两端对齐5.4 强调<p cl
2021-10-07 23:43:57
344
原创 BootStrap 栅格系统
栅格系统这套bootstrap提供的是一套响应式、移动设备优先的流式栅格系统。每一行分为最多12列,如果有所超出,就会自动换行。栅格系统通过一系列的行(row)和列(column)的组合来创建页面布局。首先我们要先创建布局容器,可以用.contain或者.contain-fluid(100%宽度)。<div class="contain"></div>我们的行(row)是必须包含在容器中的<div class="contain"><div class
2021-10-04 22:39:32
128
原创 bootStrap布局容器
BootStrap布局容器.container用于固定宽度并且支持响应式布局,两端会有留白<div class="container"></div>.container-fluid类用于100%宽度,占据全部视口(viewport),没有留白<div class="container-fluid"></div>ps:具体效果可以自己写出来试一下,可以写style给div容器加background-color,更加直观理解。...
2021-10-03 23:12:05
297
原创 bootstrap安装与使用
1.bootstrap的安装可以到官网下载,也可以使用CDN的方式引入官网地址:Bootstrap下载地址CDN引入方法:<!-- 最新版本的 Bootstrap 核心 CSS 文件 --><link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThe
2021-10-03 23:09:23
896
原创 js es6
声明变量:var const letvar:定义全局变量,var声明的变量不具备块级作用域特性。用var定义的变量,有时候会污染整个js的作用域。let:用于定义局部变量,有块级作用域特性。const:定义常量,常量就是值(内存地址)不能发生改变的量,用const声明常量时必须赋值,否则报错。解构赋值以往赋值:var a = 1;var b = 2;var c = 3;通过数组解构方式进行赋值:let [a,b,c] = [1,2,3];数据的解构赋值,是根据位置一一对应,如果左
2021-09-28 13:26:47
99
原创 js concat()方法
concat()方法作用:用于连接两个或者多个数组语法:arrayObject.concat(arrayX,arrayX,…,arrayX)例子var a = ['1','2']var b = ['3','4']var c = a.concat(b)输出结果["1", "2", "3", "4"]
2021-09-26 20:42:03
194
原创 前端跨域通信
跨域产生跨域的问题是因为存在同源策略。同源策略:限制一个源加载的文档或脚本与来自另一个源的资源进行交互。这是一个用于隔离潜在恶意文件的关键的安全机制。(1)源:包含:协议、域名、端口。如果有一个部分不同,那就是源不同,就产生了跨域。(2)限制:这个源的文档没有权利去操作另一个源的文档。体现在:Cookie、LocalStorage和IndexDB无法获取。无法获取和操作DOM。不能发送Ajax请求。Ajax只适合同源的通信。ajax通信方法:1.创建一个XMLHttpRequest对象
2021-09-20 15:40:04
240
原创 js 函数内this的指向
1.以函数的形式调用时,this的指向为window,比如sum(),fun()。相当于window.fun()2.以方法的形式调用时,this指向调用方法的那个对象。3.以构造函数的形式调用时,this指向实例对象。4.以事件绑定函数的形式调用时,this指向绑定事件的对象。5使用call和apply调用时,this指向指定的那个对象。6.ES6中箭头函数会继承外层函数调用的this绑定。call()call()可以调用一个函数,比如fn.call(),在括号内加参数可以改变this的指向。
2021-09-13 12:07:15
131
原创 js 函数
函数的声明1.自定义函数function 函数名([参数1,参数2....]){ 函数语句}计算两个数之和function sum(a,b){ return a+b;}console.log(1,4) //调用函数2.匿名函数var 变量名 = function([参数1,参数2......]){ 函数语句}var fun = function(){ console.log("匿名函数中封装的代码")}3.构造函数var 变量名/函数名 = new Func
2021-09-09 16:35:27
41
原创 js 数组方法
1.获取数组的长度var arr = [1,2,3,4,5]console.log(arr.length) //52.遍历数组通过for循环边遍历var arr = [1,2,3,4,5]for(var i = 0;i<arr.length;i++){console.log(arr[i]) //打印出数组的每一项}3.sort()方法sort():对数组的元素进行从小到大排序不带参数时,默认按照Unicode编码进行排序。带参数时,自定义排序规则。对数组进行
2021-09-08 18:45:30
284
原创 flex布局中的flex:0 1 auto的含义
flex:0 1 auto指的是flex-grow,flex-shrink,flex-basis3个属性结合在一起的缩写形式。flex-grow:定义了项目的放大比例,默认为0,即使存在剩余空间,也不放大。flex-shrink:定义了项目的缩小比例,默认为1,即如果空间不足,该项目将缩小。flex-basis:定义在分配多余空间之前,项目占据的主轴空间。盒子的宽度先看flex-basis给定的值,比如flex:1 1 0%,即便给定的盒子width为100px,也会因为0%,而在盒子中的值实际占据
2021-09-06 16:21:29
3496
原创 windows中nginx常见命令
进入到nginx的安装文件夹,cmd进入。启动命令:start nginx或者nginx.exe刷新命令(配置信息有改变之后):nginx.exe -s reload关闭命令:nginx.exe -s stop或者nginx.exe -s quit查看当前nginx版本:nginx -v...
2021-09-03 16:10:57
482
原创 git使用
1 进入要上传的项目git remote add origin git@github.com:yourName/yourRepo.gityourname:github上的用户名yourRepo.git:仓库名2.提交项目:git add . orgit add 指定文件3.写注释(本次提交的介绍)git commit -m “你的注释”4.提交到github git push origin master...
2021-08-26 21:16:48
56
原创 vue3 导航守卫(在没有登录时只能一直在登录和注册页面)
记录在学习vue中的一些问题导航守卫,官方文档给出的定义:你可以使用 router.beforeEach 注册一个全局前置守卫:const router = new VueRouter({ … })router.beforeEach((to, from, next) => {// …})当一个导航触发时,全局前置守卫按照创建顺序调用。守卫是异步解析执行,此时导航在所有守卫 resolve 完之前一直处于 等待中。每个守卫方法接收三个参数:to: Route: 即将要进入的目标 路由对
2021-08-16 16:58:24
1169
1
原创 Vue3 登录注册(登录后显示用户姓名)
记录在vue3学习中遇到的问题以及解决方法登录注册其实很简单,当然,如果在一开始不会的状态下还是很难想出的。我们可以给登录和注册按钮加v-if进行判断,当我们处于未登录的时候,我们让他显示,参数为true,此时用户的信息也绑定v-if,值和登录注册的值取反,我们可以用感叹号!来进行值的取反。当我们登录成功后,我们给把登录注册的值修改成false,这时候登录注册就不显示了,由于用户信息和登录注册取反,这时候用户信息就显示出来了,退出登录原理也和上面一致,当我们点击后,修改值来使其隐藏或显示。关键现在我
2021-08-16 16:48:36
6103
原创 Vue3 element-plus分页与后端接口连接(解决点击页码不渲染页面)
记录一下自己毕业设计中遇到的问题—分页这是element-plus的分页组件<el-pagination background layout="prev, pager, next" :total="300" :page-size="16" @current-change="handleCurrentChange" :current-page="currentPage"> </el-p
2021-08-16 16:23:11
2363
原创 npm学习笔记
npm(node package manger,node包管理器),是node.js默认的,以JavaScript编写的软件包管理系统官网:npm官网主要的使用目的是管理包安装:安装完node后,会默认安装好npm,npm本身也是基于node.js开发的软件下载node:http://nodejs.cn,进入后根据自己的电脑安装相关的版本。验证:下载并安装好后打开cmd输入node -v查看是否安装好node,安装成功之后使用npm -v可以查看到npm也已经安装完。命令行:npm in
2021-05-27 15:21:50
51
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人