- 博客(44)
- 收藏
- 关注
RSS订阅原创 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关注的人