july_29的博客

属于是定义了但是没有使用。

vue中的父子组件传值详解。

通过clearTimeout来清除定时器，for循环执行结束之后执行setTimeout中的内容。因为执行的方法可能数据还没有彻底更新完，所以需要在彻底执行完for循环后执行方法。

对时间进行格式化

在elementUI中使用el-menu-item时，给index绑定index的值时，报错customvalidatorcheckfailedforprop“index”用toString()方法转为字符串即可。

一个顶部导航，一个底部tabbar，切换页面时候顶部导航标题跟着切换。

思路上是：例如点击一个删除按钮，弹出弹框提示我们是否删除，弹框中有确定按钮和取消按钮，点击确定按钮后，再执行删除方法，调用后端的删除接口。页面中我们的删除按钮删除方法使用时只用修改 deleteActivations(row.id)这一个方法，这是我删除的接口，换成自己的就可以。还有就是下面那个this.getData()方法，这是重新获取数据的方法，自己修改即可。...

flex-warp属性

axios的简单封装

使用过滤器

flex基本概念给主盒子设置display：flex；属性以后，该盒子就会变成一个flex容器，容器里面的内容成为flex元素。未设置flex： <div class="container"> <div class="item">12</div> <div class="item">34</div> <div class="item">56</div>

在进行antv数据可视化时，遇到了一些问题，比如画好图之后，改变一些参数，重新获取数据，重新渲染的方法在之前的博客上写了，可以使用changChart方法。在获取完新数据之后，什么时候再一次进行渲染，如果直接写在获取数据的方法后面，可能数据还没有加载出来，就已经执行changChart()方法了，这让我们的图形就没有渲染成功。解决方法1第一次我想到的是使用定时器，可以在执行完获取数据的方法后，加上一个定时器，延迟1500或者2000，可以解决这个问题。解决方法2方法一虽然可以解决掉这个问题，但是在

在使用antv的g2对进行可视化时，通过改变时间来对图形进行再次渲染，遇到过很多次问题，主要解决办法为：1.我们得先得把图形画出来，才能执行重新渲染的方法initChart()2.获取到新数据后，需要对数据进行更新，然后通过changeChart（）方法来重新画图。changeChart(){ this.chart.changeData(this.inlandData)}方法里面的data是新数据...

先npm安装npm install vue-cookies在main.js中导入import VueCookies from 'vue-cookies'使用Vue.use(VueCookies)在页面中获取 const CheckId = this.$cookies.get("CheckId")

JS中一共有六种数据类型基本数据类型（值类型）：String 字符串、Number 数值、Boolean 布尔值、Null 空值、Undefined 未定义。引用数据类型（引用类型）：Object 对象。注意：内置对象 Function、Array、Date、RegExp、Error等都是属于 Object 类型。也就是说，除了那五种基本数据类型之外，其他的，都称之为 Object类型。面试问：引用数据类型有几种？面试答：只有一种，即 Object 类型。数据类型之间最大的区

标准文档流web页面的制作，是一个“流”，必须从上到下，像是“织毛衣”。标准文档流的特性1.空白折叠现象无论有多少个空格，换行，tab，都会折叠成一个空格。2.高矮不齐，底边对齐对齐形式以底边对齐为主，而不是顶部对齐。3.自动换行，一行写不完，自动换行写。行内元素与块级元素标准文档流等级森严，便签分为两种等级：行内元素块级元素块级元素与行内元素的区别：1.块级元素独占一行，行内元素只占一行的一部分。2.行内元素会与其他行内元素并排。3.行内元素不能设置宽高，默认的高度就是文

表格html：表格标签用table标签表示，每一行由<tr>表示。表格是由行组成，行由列组成,列由<td>单元格组成。 <table> <tr> <td>1</td> <td>2</td> <td>3</td> <td>4</td> </tr>

在使用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

这一部分用于在网页中显示代码，比如可以用在博客这种地方。<code>用于显示单行文本，在里面如果有多行，也会显示为一行，但是我们可以加br实现换行，在code标签中的文本在页面中显示为红色字体，背景也会改变。<kbd>kbd标签用于标记用户通过键盘输入的内容。比如我们要表达ctrl键，我们就可以用到kdd。把ctrl放在kbd标签里面就是下面的这种效果ctrl<pre>这个标签和h5中的标签差不多，w3school对pre标签的定义为：pre 元素可定

可以通过mousewheel.prevent来执行该事件因为我只有一个页面，所以我直接在大盒子里调用<div class="allcontent" @mousewheel.prevent="rollImg">

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

BootStrap布局容器.container用于固定宽度并且支持响应式布局，两端会有留白<div class="container"></div>.container-fluid类用于100%宽度，占据全部视口（viewport），没有留白<div class="container-fluid"></div>ps：具体效果可以自己写出来试一下，可以写style给div容器加background-color，更加直观理解。...

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

声明变量：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];数据的解构赋值，是根据位置一一对应，如果左

concat()方法作用:用于连接两个或者多个数组语法：arrayObject.concat(arrayX,arrayX,…,arrayX)例子var a = ['1','2']var b = ['3','4']var c = a.concat(b)输出结果["1", "2", "3", "4"]

跨域产生跨域的问题是因为存在同源策略。同源策略：限制一个源加载的文档或脚本与来自另一个源的资源进行交互。这是一个用于隔离潜在恶意文件的关键的安全机制。（1）源：包含：协议、域名、端口。如果有一个部分不同，那就是源不同，就产生了跨域。（2）限制：这个源的文档没有权利去操作另一个源的文档。体现在：Cookie、LocalStorage和IndexDB无法获取。无法获取和操作DOM。不能发送Ajax请求。Ajax只适合同源的通信。ajax通信方法:1.创建一个XMLHttpRequest对象

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的指向。

函数的声明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

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编码进行排序。带参数时，自定义排序规则。对数组进行

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%，而在盒子中的值实际占据

进入到nginx的安装文件夹，cmd进入。启动命令：start nginx或者nginx.exe刷新命令（配置信息有改变之后）：nginx.exe -s reload关闭命令：nginx.exe -s stop或者nginx.exe -s quit查看当前nginx版本：nginx -v...

记录在学习vue中的一些问题导航守卫，官方文档给出的定义：你可以使用 router.beforeEach 注册一个全局前置守卫：const router = new VueRouter({ … })router.beforeEach((to, from, next) => {// …})当一个导航触发时，全局前置守卫按照创建顺序调用。守卫是异步解析执行，此时导航在所有守卫 resolve 完之前一直处于 等待中。每个守卫方法接收三个参数：to: Route: 即将要进入的目标 路由对

记录在vue3学习中遇到的问题以及解决方法登录注册其实很简单，当然，如果在一开始不会的状态下还是很难想出的。我们可以给登录和注册按钮加v-if进行判断，当我们处于未登录的时候，我们让他显示，参数为true，此时用户的信息也绑定v-if，值和登录注册的值取反，我们可以用感叹号！来进行值的取反。当我们登录成功后，我们给把登录注册的值修改成false，这时候登录注册就不显示了，由于用户信息和登录注册取反，这时候用户信息就显示出来了，退出登录原理也和上面一致，当我们点击后，修改值来使其隐藏或显示。关键现在我

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