<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[u014752033的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/u014752033</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; u014752033]]></copyright><item><title><![CDATA[vue（13）axios部署及跨域使用]]></title><link>https://blog.youkuaiyun.com/u014752033/article/details/108571774</link><guid>https://blog.youkuaiyun.com/u014752033/article/details/108571774</guid><author>u014752033</author><pubDate>Mon, 14 Sep 2020 08:42:41 +0800</pubDate><description><![CDATA[axios是vue2.x版本官方推荐使用的基于 promise 的 HTTP 库，其与ajax相比具有很多优点。
部署：
1、打开cmd，cd进入工程目录文件夹
2、npm install axios
使用：
引用分为全局引用和局部引用，这里为了方便使用的是全局引用 1、在工程中的入口函数main.js引入，输入import axios from 'axios';//全局引入的方式，在main.js的代码下面输入Vue.prototype.$axios = axios;//修改原型链，这时候就可以在vue的]]></description><category></category></item><item><title><![CDATA[vue（12）过滤器的用法]]></title><link>https://blog.youkuaiyun.com/u014752033/article/details/108381317</link><guid>https://blog.youkuaiyun.com/u014752033/article/details/108381317</guid><author>u014752033</author><pubDate>Thu, 03 Sep 2020 13:52:04 +0800</pubDate><description><![CDATA[vue中过滤器分为局部过滤器和全局过滤器，全局过滤器一般使用Vue.filter，局部过滤器则是在vue实例中使用filter，全局和局部语法基本一样，这里就以局部过滤器为例，先上代码，为了方便就在之前的代码中添加：
&lt;template&gt;
	&lt;div id="testa"&gt;
		{{ name }}
		&lt;br /&gt;
		&lt;button id="a"&gt;看下面&lt;/button&gt;
		&lt;ul&gt;
			&lt;li v-for="(v, k)]]></description><category></category></item><item><title><![CDATA[vue(11)v-bind基础用法，持续更新]]></title><link>https://blog.youkuaiyun.com/u014752033/article/details/108320429</link><guid>https://blog.youkuaiyun.com/u014752033/article/details/108320429</guid><author>u014752033</author><pubDate>Mon, 31 Aug 2020 14:22:19 +0800</pubDate><description><![CDATA[1、针对class切换
实现点击li，切换li的背景色和文字颜色
代码：
&lt;template&gt;
	&lt;div id="testa"&gt;
		{{name}}
		&lt;br /&gt;
		&lt;button id="a"&gt;看下面&lt;/button&gt;
		&lt;ul&gt;
			&lt;li  v-for="(v,k) in name" :key="k" :class="{a1:flag1,a2:flag2}" @click="change()"&gt;{{k}}]]></description><category></category></item><item><title><![CDATA[Vue（10）v-show和v-if控制显示隐藏]]></title><link>https://blog.youkuaiyun.com/u014752033/article/details/108281880</link><guid>https://blog.youkuaiyun.com/u014752033/article/details/108281880</guid><author>u014752033</author><pubDate>Fri, 28 Aug 2020 16:15:17 +0800</pubDate><description><![CDATA[v-show/v-if
用来显示或隐藏元素，v-show是通过display实现，v-if是每次删除后再重新创建，与angular中类似
这里用v-show作为例子，点击按钮实现列表的显示隐藏，并且更改按钮上的文字
代码：
&lt;template&gt;
	&lt;div id="testa"&gt;
		{{name}}
		&lt;br /&gt;
		&lt;button id="a" @click="change()"&gt;{{btnText}}&lt;/button&gt;
		&lt;ul&]]></description><category></category></item><item><title><![CDATA[Vue（9）v-on 事件绑定+$set()页面数据动态更新]]></title><link>https://blog.youkuaiyun.com/u014752033/article/details/108280539</link><guid>https://blog.youkuaiyun.com/u014752033/article/details/108280539</guid><author>u014752033</author><pubDate>Fri, 28 Aug 2020 15:42:55 +0800</pubDate><description><![CDATA[v-on可以绑定很多种类事件，例如click、dbclick、mouseover、change等，通常写为  v-on:click="a()" 也可以简写为  @click="a()"
下面使用v-on事件绑定实现每次点击按钮都使得数组中的数值都加上1，并实时动态更新在html上
&lt;template&gt;
	&lt;div id="testa"&gt;
		{{name}}
		&lt;br /&gt;
		&lt;button id="a" @click="add()"&gt;数组值加1&lt;/]]></description><category></category></item><item><title><![CDATA[Vue（八）v-for常规用法]]></title><link>https://blog.youkuaiyun.com/u014752033/article/details/108278559</link><guid>https://blog.youkuaiyun.com/u014752033/article/details/108278559</guid><author>u014752033</author><pubDate>Fri, 28 Aug 2020 14:09:59 +0800</pubDate><description><![CDATA[代码：
&lt;template&gt;
	&lt;div id="testa"&gt;
		{{name}}
		&lt;br /&gt;
		&lt;ul&gt;
			&lt;li v-for="(a,k) in name" :key="k"&gt;{{k}}={{a}}&lt;/li&gt; //：key绑定唯一的索引值（key） a即value k即key
		&lt;/ul&gt;
	&lt;/div&gt;
&lt;/template&gt;

&lt;script&gt;
	export d]]></description><category></category></item><item><title><![CDATA[Vue（七）v-model 双向数据绑定]]></title><link>https://blog.youkuaiyun.com/u014752033/article/details/108276590</link><guid>https://blog.youkuaiyun.com/u014752033/article/details/108276590</guid><author>u014752033</author><pubDate>Fri, 28 Aug 2020 11:50:09 +0800</pubDate><description><![CDATA[这里以组件的形式新建了一个test.vue，通过import导入，test.vue代码如下：
&lt;template&gt;
	&lt;div id="testa"&gt;
		用户名：&lt;input type="text" v-model="name" /&gt;
		&lt;br /&gt;
		{{name}}
	&lt;/div&gt;
&lt;/template&gt;

&lt;script&gt;
	export default {
		name: 'test',
		data() {
]]></description><category></category></item><item><title><![CDATA[linux（一）tomcat及wine安装]]></title><link>https://blog.youkuaiyun.com/u014752033/article/details/108060091</link><guid>https://blog.youkuaiyun.com/u014752033/article/details/108060091</guid><author>u014752033</author><pubDate>Mon, 17 Aug 2020 17:42:43 +0800</pubDate><description><![CDATA[linux版本为centos7版本，64位
一、tomcat安装
1、需要安装有java，可在控制台中输入 java --version查看，具体安装步骤可百度
2、访问http://mirror.bit.edu.cn/apache/tomcat/tomcat-8/v8.5.56/bin/下载tomcat8.tar.gz，可下载到主机上通过xftp传输到linux下，也可直接下载至linux下
3、tar -zxvf apache-tomcat-xxx.tar.gz解压，里面的“xxx”为具体版本号，根据下]]></description><category></category></item><item><title><![CDATA[Vue（六）添加版本管理工具git以及github和gitee的使用]]></title><link>https://blog.youkuaiyun.com/u014752033/article/details/107973740</link><guid>https://blog.youkuaiyun.com/u014752033/article/details/107973740</guid><author>u014752033</author><pubDate>Thu, 13 Aug 2020 10:42:00 +0800</pubDate><description><![CDATA[1、下载安装git，具体百度
2、下载安装完毕后，右键点击你的vue项目文件夹，点击 git bash here 进入MINGW64
3、浏览器进入github.com登录并新建仓库

4、在MINGW64中输入：git init
5、git add . 这里是添加所有的文件
6、git commit -m "V1.0" (-m后面的引号内容可以自己任意取) 这里可能会报错，那是因为你上传至远程仓库时使用用户登录，在项目文件夹内的.git文件夹下的config文件，打开并添加user：

就是上图中打马赛克]]></description><category></category></item><item><title><![CDATA[Vue（五）vue&chrome调试工具 devtools安装]]></title><link>https://blog.youkuaiyun.com/u014752033/article/details/107960377</link><guid>https://blog.youkuaiyun.com/u014752033/article/details/107960377</guid><author>u014752033</author><pubDate>Wed, 12 Aug 2020 16:36:00 +0800</pubDate><description><![CDATA[为了方便vue项目代码的调试，安装vue.js devtools工具，步骤如下：
1、在github上下载devtools包，https://github.com/vuejs/vue-devtools
2、将下载下来的包随意放在c盘或d盘的一个位置，打开cmd，cd进入下载下来的包文件夹，
3、输入 npm install -g yarn 全局安装yarn工具，
4、输入 yarn install 运行
5、输入 yarn run build 运行
6、打开浏览器-右上角工具栏-更多工具-扩展程序：

点击]]></description><category></category></item><item><title><![CDATA[Vue（四）基于vue/cli4.x搭建的vue项目引入arcgis api for js 4.x]]></title><link>https://blog.youkuaiyun.com/u014752033/article/details/107941737</link><guid>https://blog.youkuaiyun.com/u014752033/article/details/107941737</guid><author>u014752033</author><pubDate>Tue, 11 Aug 2020 18:30:10 +0800</pubDate><description><![CDATA[使用vue create B创建项目工程之后，cd进去输入：npm install --save esri-loader即可
那么在搭建完之后如何使用呢？
在项目中的任意一个vue文件中输入如下代码：
&lt;script&gt;
import HelloWorld from './components/HelloWorld.vue';
import { loadModules } from 'esri-loader';

export default {
	name: 'App',
	components]]></description><category></category></item><item><title><![CDATA[vue(三)单文件组件 非跳转]]></title><link>https://blog.youkuaiyun.com/u014752033/article/details/107931116</link><guid>https://blog.youkuaiyun.com/u014752033/article/details/107931116</guid><author>u014752033</author><pubDate>Tue, 11 Aug 2020 11:14:26 +0800</pubDate><description><![CDATA[实现单文件组件的拼搭
1、在component下新建test1.vue和Helloworld.vue
2、在app.vue中import和export
&lt;template&gt;
  &lt;div id="app"&gt;
    &lt;img src="./assets/logo.png"&gt;
    &lt;HelloWorld&gt;&lt;/HelloWorld&gt;
    &lt;test1&gt;&lt;/test1&gt;
  &lt;/div&gt;
&lt;/templa]]></description><category></category></item><item><title><![CDATA[vue（二）vue-route]]></title><link>https://blog.youkuaiyun.com/u014752033/article/details/107928280</link><guid>https://blog.youkuaiyun.com/u014752033/article/details/107928280</guid><author>u014752033</author><pubDate>Tue, 11 Aug 2020 09:49:03 +0800</pubDate><description><![CDATA[vue-route可实现单页面组件化跳转
例如在components文件夹下有test1.vue和helloworld.vue
如何将其组件化？
1.在route文件夹下的index.js里引入组件（注册）：
import Vue from 'vue'
import Router from 'vue-router'
import HelloWorld from '@/components/HelloWorld'
import aa from '@/components/test1' // import 模块]]></description><category></category></item><item><title><![CDATA[Vue（一）基于vue/cli4.x的vue搭建、配置及build后的tomcat迁移]]></title><link>https://blog.youkuaiyun.com/u014752033/article/details/107927936</link><guid>https://blog.youkuaiyun.com/u014752033/article/details/107927936</guid><author>u014752033</author><pubDate>Tue, 11 Aug 2020 09:32:34 +0800</pubDate><description><![CDATA[**vue-cli构建vue项目
需要已安装node.js和npm，具体安装方法自行百度
1.进入cmd控制台
2.安装全局的脚手架 cnpm install -g vue-cli
3.进入你放工程项目的文件夹A：cd A
4.创建vue工程：vue init webpack B（B为你要创建的工程名）
5.进入工程中：cd B
6.cnpm install 安装依赖
7. npm run dev 运行 **

...]]></description><category></category></item><item><title><![CDATA[vue+iview（三）指令之v-if]]></title><link>https://blog.youkuaiyun.com/u014752033/article/details/106948180</link><guid>https://blog.youkuaiyun.com/u014752033/article/details/106948180</guid><author>u014752033</author><pubDate>Wed, 24 Jun 2020 17:59:11 +0800</pubDate><description><![CDATA[v-if详解
v-if很简单，可以简单的认为它可控制标签是否显示，例：
&lt;div id="app" v-if="a"&gt;
		  {{ message }}
&lt;/div&gt;

var app = new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue!',
	a:true//显示
  }
});

app.message="你好vue";
app.a=false;隐藏


...]]></description><category></category></item><item><title><![CDATA[WAB for arvgis（三）sceneview添加特征图层]]></title><link>https://blog.youkuaiyun.com/u014752033/article/details/106816777</link><guid>https://blog.youkuaiyun.com/u014752033/article/details/106816777</guid><author>u014752033</author><pubDate>Wed, 24 Jun 2020 15:55:54 +0800</pubDate><description><![CDATA[sceneview添加特征图层方法一：直接加路径方法二：使用config.json存储相关信息并读取
方法一：直接加路径
废话不多说，上代码：
define([
	'dojo/_base/declare',
	'jimu/BaseWidget',
	'dijit/_WidgetsInTemplateMixin',
	'dojo/on',
	'dojo/_base/lang',
	'dojo/_base/html',
	'jimu/utils',
	'esri/core/watchUtils',
	'esri]]></description><category></category></item><item><title><![CDATA[vue+ivew（二）指令之v-bind]]></title><link>https://blog.youkuaiyun.com/u014752033/article/details/106945010</link><guid>https://blog.youkuaiyun.com/u014752033/article/details/106945010</guid><author>u014752033</author><pubDate>Wed, 24 Jun 2020 15:51:21 +0800</pubDate><description><![CDATA[v-bind详解
v-bind：简单的理解就是它将某属性与一个变量绑定，这个变量可以在js文件中修改赋值。
缩写：:
预期：any (with argument) | Object (without argument)
参数：attrOrProp (optional)
修饰符：
.prop - 作为一个 DOM property 绑定而不是作为 attribute 绑定。(差别在哪里？)
.camel - (2.1.0+) 将 kebab-case attribute 名转换为 camelCase。(从 2]]></description><category></category></item><item><title><![CDATA[vue+ivew（一）初见vue]]></title><link>https://blog.youkuaiyun.com/u014752033/article/details/106944610</link><guid>https://blog.youkuaiyun.com/u014752033/article/details/106944610</guid><author>u014752033</author><pubDate>Wed, 24 Jun 2020 15:30:04 +0800</pubDate><description><![CDATA[创建简单的hello vue并更改html文本值）
代码：
html：注意本项目的js引入应放在body的最后
代码：
html：注意本项目的js引入应放在body的最后
&lt;!DOCTYPE html&gt;
&lt;html&gt;
	&lt;head&gt;
		&lt;meta charset="utf-8" /&gt;
		&lt;title&gt;&lt;/title&gt;
		&lt;script src="js/vue.js" type="text/javascript" charse]]></description><category></category></item><item><title><![CDATA[web前端（一）获取电脑时间和编辑]]></title><link>https://blog.youkuaiyun.com/u014752033/article/details/106939263</link><guid>https://blog.youkuaiyun.com/u014752033/article/details/106939263</guid><author>u014752033</author><pubDate>Wed, 24 Jun 2020 11:01:53 +0800</pubDate><description><![CDATA[web前端（一）获取电脑时间和编辑获取电脑时间
获取电脑时间
代码：
获取电脑时间：
var time = {//获取电脑时间
		min: newTime.getMinutes(),
		hours: newTime.getHours(),
		day: newTime.getDate(),
		month: newTime.getMonth() + 1,
		year: newTime.getFullYear()
	};

时间编辑：减去若干分钟、若干小时、若干天：
function minchange]]></description><category></category></item><item><title><![CDATA[WAB for arcgis（二）微件响应]]></title><link>https://blog.youkuaiyun.com/u014752033/article/details/106802078</link><guid>https://blog.youkuaiyun.com/u014752033/article/details/106802078</guid><author>u014752033</author><pubDate>Wed, 17 Jun 2020 10:34:21 +0800</pubDate><description><![CDATA[微件响应方法（生命周期）js：html:
用了jquery，废话不多说，上代码：
js：
return declare([BaseWidget], {
		// Custom widget code goes here 
		name: 'Zhuanti',
		baseClass: 'jimu-widget-zhuanti',
		postCreate: function() { //初始化
			var domNode = this.domNode;
			this.inherited(argument]]></description><category></category></item></channel></rss>