自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

郭宝的博客

谁 都 不 能 阻 止 你 成 为 优 秀 的 人

原创 个人博客网站搭建

搭建步骤: 1、注册博客域名 2、购买服务器 3、域名备案 4、域名解析 本博主地址郭宝的博客, https://www.guobao0730.com 欢迎访问! 效果图: ...

2019-11-18 17:26:49 294 0

原创 [Vue warn]: Error in mounted hook: "TypeError: Cannot read property 'getAttribute' of null"

错误场景一: 错误提示: 在运行Vue项目时出现了上述错误,出现该错误的原因是Echarts的图形容器还未生成就对其进行了初始化所造成的,代码如下: // 基于准备好的dom,初始化echarts实例 var bar_dv = document.getElementById(...

2019-06-24 14:29:30 40179 31

原创 Vue项目JSON格式字符串和对象之间的互转

1、将对象转换为JSON格式字符串 JSON.stringify(object) 2、将JSON字符串转换为对象 JSON.parse(jsonString); 更多技术请关注QQ群:636212586

2018-10-18 15:12:15 34673 0

原创 svg-sprite-loader

svg-sprite-loader 是什么? 它是用于创建SVG精灵图的Webpack加载程序。通过该插件可以将导入的SVG文件自动生成为symbol标签并插入进html中。 官方源码 svg-sprite-loader 怎么使用? 1、安装 npm ...

2019-11-12 09:29:39 127 0

原创 $listeners

$listeners 是什么? $listeners 是Vue实例的属性。 官网介绍 个人理解: 所谓的$listeners其实就相当于一个中间件,当出现多级组件嵌套时,孙组件想传递数据为爷组件,那么就需要在父组件中给孙组件设置 v-on=...

2019-10-30 17:03:53 816 0

原创 通过Vue 的实例来实现父子组件之间的通信

具体步骤: 1、先定义一个js连接器 /** * Created by Administrator on 2018\8\9 0009. * 该文件是为了配合子组件传递数据给父组件(ChildTheParent_17.vue)而创建的,创建一个连接器作为桥梁,实现子组件传递数据给父组件 */ ...

2019-10-30 13:59:15 85 0

原创 Vue中父子组件的几种通信方式

背景: 实现方式: 如上图所示,A组件嵌套B组件,按照Vue的开发习惯,父子组件通信可以通过以下几种方式实现: 1、A to B 通过props 的方式向子组件传递。B to A 通过在 B组件中 的$emit ,A组件的@ 或者 $on 来实现,具...

2019-10-29 15:53:06 101 0

原创 通过Vuex共享状态实现父子组件之间的通信

具体步骤: 1、安装Vuex npm install vuex --save 2、在 项目/src/ 下创建一个store文件夹,该文件下创建一个index.js文件,具体如下: /** *@project: vue_demo *@package: *@dat...

2019-10-29 15:42:44 175 0

原创 > node-sass@4.13.0 install D:\IDEAWorkSpace\casic-data_exchange_platform\node_modules\node-sass > no

错误代码: > node-sass@4.13.0 install D:\IDEAWorkSpace\casic-data_exchange_platform\node_modules\node-sass > node scripts/install.js Downloading...

2019-10-25 15:51:17 783 0

原创 CSS 计量单位(px、%、ch、cm、em、ex、gd、in、mm、pc、pt、q、rem、vh、vm、vmax、vmin、vw)比较

px % ch cm em 定义:em单位和%单位是一样的,一个em相当于当前标签中的字体大小(font-size)的大小,一般小数用em来表示。 示例: ex gd in mm pc pt q rem ...

2019-10-24 17:47:46 496 0

原创 aria-hidden="true"

背景: <svg v-else :class="svgClass" aria-hidden="true" v-on="$listeners"> <use :xlink:href="iconNam...

2019-10-24 14:53:10 626 0

原创 svgo

svgo 是什么? [svgo github核心代码](https://github.com/svg/svgo) 为什么要用svgo? svgo 怎么使用?

2019-10-24 09:40:17 246 0

原创 Linux上Java的安装与配置

具体步骤 1.下载 JDK 进入 Oracle官方网站下载合适的 JDK 版本,准备安装。 注意:这里需要下载 Linux 版本。这里以jdk-8u151-linux-x64.tar.gz为例,你下载的文件可能不是这个版本,这没关系,只要后缀(.tar.gz)一致即可。 2. 创建目录 在/u...

2019-10-23 14:39:08 20 0

原创 localhost、127.0.0.1、本机ip、0.0.0.0 的区别

localhost 我们对Markdown编辑器进行了一些功能拓展与语法支持,除了标准的Markdown编辑器功能,我们增加了如下几点新功能,帮助你用它写博客: 全新的界面设计 ,将会带来全新的写作体验; 在创作中心设置你喜爱的代码高亮样式,Markdown 将代码片显示选择的高亮样式 进行展示...

2019-10-23 11:18:56 29 0

原创 通过WebStorm的git合并分支

步骤: 1、 点击Merge Changes 2、选择要合并的分支,进行合并

2019-10-17 09:54:45 746 0

原创 Error in mounted hook: "TypeError: AMap.MouseTool is not a constructor"

错误提示: 解决办法: 如果是直接引入的高德地图js文件,那么只需在路径后面添加&plugin=AMap.MouseTool 即可,全部路径如下: <script type="text/javascript" src="https:...

2019-10-16 17:45:11 170 0

原创 watch

通过Watch 监听对象中的某个属性的变化: <template> <div > </div> </template> <script> export default { name: "AM...

2019-10-14 15:01:50 13 0

原创 vue.runtime.esm.js:619 [Vue warn]: Property or method "operationalAirspaceNewlyBuild" is not defined

错误提示: 解决办法: 错误提示说operationalAirspaceNewlyBuild 未定义,可是当我查看对应的Vue文件时,发现该函数已经定义了,如下代码: <template > <div class="app-container&...

2019-10-14 10:11:45 399 0

原创 通过vue-amap插件以手动输入和鼠标点击的方式动态添加单个多边形到地图中

核心代码: <template> <div> ============================14、高德地图--创建多边形的使用案例============================ <el-form :inline="...

2019-10-12 17:08:23 280 0

原创 通过vue-amap插件以手动输入和鼠标点击的方式动态添加折线到地图中

核心代码: <template> <div> ============================13、高德地图--创建线的使用案例============================ <el-form :inline="tr...

2019-10-12 16:26:40 94 0

原创 通过vue-amap插件以手动输入和鼠标点击的方式动态添加多个Marker到地图中

核心代码: <template> <div> ============================12、高德地图--创建点的使用案例============================ <el-form :inline="tr...

2019-10-12 14:17:16 118 0

原创 Failed to resolve loader: less-loader You may need to install it. Failed to resolve loader: less-loa

错误提示: 解决办法: 1、安装less-loader npm install less less-loader --save-dev 安装后运行又会出现另外一次错误,找不到“less”模块,如下图: 2、只需安装less即可 npm ins...

2019-10-12 09:55:31 2126 0

原创 在Vue Cli 3中引入高德地图

方式一: 说明: 通过安装vue-amap 插件的方式来引入 步骤: 1、去高德开放平台中申请一个KEY 2、安装vue-amap 插件 npm install vue-amap --save 3、全局引入vue-am...

2019-10-11 17:49:45 693 0

原创 TypeScript 使用手册

1、基础类型: 1.1、布尔 关键字: boolean 定义: //定义变量类型 变量名: 数据类型 = 指定数据类型的值; let isShow: boolean = false; 1.2...

2019-10-09 15:08:19 74 0

原创 Typescript

Typescript 是什么? Typescript 是JavaScript 类型的一个超集,它可以编译成纯JavaScript。 TypeScript中文网 TypeSript使用手册 Typescript 怎么使用? 1、通过Node.js...

2019-10-09 15:07:22 95 0

原创 template functional

functional 是什么? 它是函数式组件的一个标记,如果一个组件没有管理任何状态,也没有监听任何传递给它的状态,没有声明周期方法。实际上,它只是接收一些props的函数,在这种场景下,我们可以将组建标记为 functional ,这意味着它无状态(没有响应式数据),也没有实例(没有t...

2019-10-09 13:48:59 531 0

原创 did you register the component correctly? For recursive components, make sure to provide the "name"

错误提示: 解决办法: 找到serviceGuaranteeAgreementManagement文件夹下的applicationServiceGuaranteeAgreement文件下的index.vue文件,将template组件中的 functional 属性去除即可,如下错...

2019-10-08 15:30:19 151 0

原创 去除input标签和span之间的间隙

背景: 当我通过input+span标签自定义一个搜索框时,出现了一个莫名的间隙,而且还无法去除,具体代码如下: <div class="search"> <input type="text&...

2019-10-03 11:47:51 120 0

原创 通过原生js动态给元素添加选择器

添加: 节点.classList.add("类名"); 例如: li.classList.add('active'); 删除: 节点.classList.remove("类名"); 例如: li.classList....

2019-10-02 17:42:37 204 0

原创 ECMAScript 6(ES6)

ES6 是什么? ES6 新特性有什么? Generator 参考:ECMAScript 6 入门 参考:ES6/7/8介绍

2019-09-26 10:27:20 43 0

原创 el-table组件动态创建列并填充值+自定义表头+自定义列模板+过滤

核心代码: <template> <el-table v-loading="loadingDadaInfo" :data="dataInfos" style="width: 100%" ...

2019-09-25 10:43:10 385 0

原创 在对象中动态添加属性和值

背景: 在一个项目中,需要动态添加表头并填充数据,已知表头和数据,需要自行处理数据,那么在处理数据的过程中需要动态的添加属性和值,使最终的数据为对象数组[{ID_TASK_GROUP:"26" }] ,核心代码如下 getTableData() { ...

2019-09-24 18:14:23 207 0

原创 Vue中使用uuid

安装: npm install uuid --save 使用: 1、引包 const uuid = require('uuid') 2、调用 console.log(uuid.v1()) //98fc11a0-dde0-11e9-ade5-25202b...

2019-09-23 17:04:10 807 0

原创 关于给Echar中的图表设置宽度为100%,但实际只有100px的问题

背景: 在开发一个前端项目时,需要用到Element-ui的<el-tabs>组件和Echart开源库,当两者嵌套使用时,我给Echart中的图表宽度设置为了100%,但是实际的宽度却只有100px,出现错误的代码如下: <el-tabs v-model="...

2019-09-19 16:26:43 863 2

原创 $attrs

$attrs 是什么? $attrs是Vue实例的属性。 官网介绍 个人理解: 所谓的$arrts其实就是多级组件中的props,它就像一个中间件,用来传递爷组件给孙组件的数据,使用的时候只需给父组件中的孙组件配置 v-bind="$attrs&quo...

2019-09-17 17:40:20 1169 1

原创 background-color: currentColor;

currentColor 是什么? currentColor 是css3中的新属性,它的意思是设置颜色值为当前文字的颜色 ,也就是说currentColor的值 == color属性的值。 currentColor 怎么使用? 将当前标签的文字颜色作为背景颜色 <t...

2019-09-17 14:26:15 111 0

原创 require.context('./svg', false, /\.svg$/)

require.context() 在实际的开发过程中,有时候我们需要一次性的引入某个文件夹下的所有文件,那么这个时候就可以使用require.context()来完成。 require.context()函数官方介绍 require.context(directory...

2019-09-17 10:55:25 719 0

原创 /public/index.html 配置

核心代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible&qu...

2019-09-16 13:15:02 257 0

原创 微信小程序项目结构目录介绍--4

微信小程序项目结构目录介绍 小程序提供了自己的视图层描述语言WXML(类似于web中的HTML)、WXSS(类似于web中的CSS),以及Javascript,并在视图层和逻辑层提供了数据传输和事件绑定,让开发者能够专注于数据与逻辑。 ...

2019-09-15 22:12:41 60 0

原创 微信小程序项目创建--3

创建步骤: 1、登录小程序开发者工具以后,选择小程序 2、输入项目的名称、项目存放的路径、AppID,然后创建 创建成功以后的界面如下: ...

2019-09-15 22:03:31 45 0

提示
确定要删除当前文章?
取消 删除