- 博客(17)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 VUE文件生命周期超详细介绍
vue提供了大量的钩子函数，来配合每个Vue实例创建，这就涉及到生命周期这个概念。vue生命周期牵涉到vue实例对象从创建之初到销毁的过程，vue所有的功能都是围绕其生命周期进行的，不同的周期内调用不同的钩子函数可以实现数据管理和DOM渲染两大重要功能。一、生命周期官方文档图二、钩子函数的详细介绍在上图，我们可以清楚地看到Vue整个项目周期和他所提供的钩子函数的作用。2.1...
2019-11-29 16:35:50
403
原创 Element-UI组件自带方法的使用
Element-UI组件很多自带一些方法，这些方法如何调用：1、组件上添加ref2、使用： this.$refs.tclb.closeDrawer()
2019-11-29 11:50:19
5146
原创 arxgis api 4.x 加载本地切片TileLayer跨域解决方案
问题描述 使用arcgis api 3.x加载本地切片，不会有问题，使用4.X时候就会报错，提示跨域。解决办法1、下载代理文件。 地址：https://github.com/Esri/resource-proxy/releases ESRI提供了三种，.net（IIS环境）、java（tomcat）、PHP。根据部署的环境，找到对应的代理文件，本文使用IIS...
2019-11-29 11:31:49
1716
原创 VUE工程打包后，history模式在IIS服务器上，非初始路由下，刷新报404错误解决方案（亲测有效）
问题描述：vue默认模式是hash模式，URL地址会带有“#”。例如：http：//www.xxx.com/#/index为了去掉这个#，需要在vue-router中，设置model为history，开发模式下木有问题，打包后，问题来了，原始路径下，http：//www.xxx.com/index刷新时候页面正常显示，如果路由跳转了，http：//www.xxx.com/inde...
2019-11-29 10:29:40
1497
2
原创 arcgis api 4.x：MapView cannot be used before it is ready(亲测有效)
arcgis api 4.X，有时候使用时候会出现：MapView cannot be used before it is ready，比如使用mapview.goto()原因解析：这是由于map和地图中的资源（比如 图层啥的）还没有加载好，所以View也没有初始化好，造成的。解决办法：利用mapview.when(function(){},function(err)...
2019-11-28 14:51:17
593
原创 VSCode用的比较爽的小插件（持续更新）
前言Visual Studio Code 简称VsCode,是微软公司第一次向开发者们提供了一款真正的跨平台编辑器。功能非常强大，插件丰富，打开文件速度非常快，方便快捷。是一款我个人开发时比较喜欢用的IDE。下面来说说我在前端开发时比较常用的插件安装插件的方法是Ctrl+Shift+X,然后输入插件名，点安装即可。1. HTML SnippetsHTML标签补全，很齐全...
2019-11-28 09:57:45
2015
3
原创 arcgis api 4.x加载天地图（经纬度和墨卡托投影）（一篇文章搞透天地图加载）
主要说明：1、天地图影像分两种经纬度投影（WKID：4490）和墨卡托投影两种，arcgis默认为墨卡托坐标系（3857），可以切换二维/三维，加载经纬度切片时view需要设置wkid:43262、2019年1月1日以后使用天地图需要自己申请token，免费申请3、天地图官网给的各种天地图资源URL地址： http://lbs.tianditu.gov.cn/serv...
2019-11-26 13:13:44
6648
原创 解决IIS下发布的服务跨域设置
一般IIS下发布的后台服务，存在跨域问题的话，设置如下头名称即可解决配置头名称及值- Access-Control-Allow-Origin 值:*- Access-Control-Allow-Methods 值:GET, POST, PUT, DELETE, OPTIONS- Access-Control-Allow-Headers 值:Content-Type步骤：1、...
2019-11-15 17:41:31
21075
原创 Vue项目proxyTable反向代理，开发环境与生产环境下服务接口地址的自动匹配
Vue项目proxyTable反向代理，开发环境与生产环境下服务接口地址的自动匹配应用场景：vue项目中，如果采用了proxyTable反向代理，解决开发环境下的后台服务跨页问题的话，在生产环境下时候服务的URL地址就会报错。原因解析：1、配置了反向代理2、使用时候路径自带了apis，但是这只看开发环境下的，生产环境下识别不了这个apis解决办法（一）简单但每个使用...
2019-11-15 16:30:41
2279
原创 vue-cli2项目webpack3 和webpack4环境中：Element-UI在vue项目中，打包build后字体、图标丢失（亲测可解决）
Element-UI在vue项目中，打包build后字体、图标丢失应用场景：F12报错提示：问题原因：（1）查看/build/webpack.base.conf.js文件可以发现，woff或ttf这些字体会经由url-loader处理后在static/fonts目录下生成相应的文件。（2）也就是说实际应该通过/static/fonts/**...
2019-11-15 12:53:04
2067
1
原创 原生HTML table样式设置大全
table样式设置表格：._table{width: 100%; border-collapse: collapse; border:0px;}设置表头：._table thead tr {font-size: 13px; color: #2e3b45; text-align: center; background-color: rgba(230, 255, 250, 0.92); ...
2019-11-14 11:29:19
4237
原创 el-table使用与样式修改大全
Element-UI,el-table样式修改大全开篇：修改element的样式的时候style标签不能加上scoped所以为了防止修改的样式影响到别的页面，建议在当前页面加一个id,修改时带上id，或者在样式前面加上 /deep/ ，控制修改的权限范围<template> <div id="top"></div></template...
2019-11-14 09:45:48
9502
1
原创 arcgis api 4.X 字体跨域终极解决方案（IIS版）
arcgis api 4.X 使用微件、工具时候经常会报错（如下图），大多数是显示字体错误，在前端界面上显示使用的微件样式不正常。解决方案：解决arcgis api 本地部署的跨域问题即可。1、打开iis，找到arcgis api 部署的位置，打开链接的主页2、配置MIME类型。点击MIME类型，右键——打卡功能，然后添加下列类型。extensionMIME/t...
2019-11-11 10:13:43
1292
3
原创 VUE 2.X 问题爬坑集合
VUE 2.X 问题爬坑集合一、通过路由跳转传参传值 通过路由跳转时候传参数、传值，一般就两种方式，params和query，但是注意：patams传参 ，路径不能使用path 只能使用name,不然获取不到传的数据。1.1params 传参跳转方法：this.$router.push({name: 'dispatch', params: {paicheNo: obj....
2019-11-07 17:48:19
505
原创 Element-UI使用与爬坑集合
目录Element-UI使用与爬坑集合一、Element-UI各UI控件属性使用加不加冒号（：）整理二、el-menu组件作为route-view时候，刷新页面后，默认active状态（default-active）与当前路由页面不一致三、el-table实现分页显示四、el-table显示的表格中自己额外添加一列，序号：1，2，3……4.1 添加一列，不管分不分页，都是从...
2019-11-07 09:46:22
941
原创 arcgis api 4.x 功能篇：定位、缩放地图
arcgis api 4.x 功能篇：定位到地图 gotoMap(geometry){ if(geometry.type=="polygon"){ this.mapview.goTo({ target: geometry.extent.expand(100), //不设置expan则显示整个面的...
2019-11-04 17:26:26
2717
原创 arcgis api 4.x 功能篇：graphic闪烁
falsh(graphic){ let temp = 0; let handler = setInterval(function() { if (temp === 6) { if (handler) { if (!graphic.visible)...
2019-11-04 17:22:37
1900
8
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人