<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[A____t的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/A____t</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; A____t]]></copyright><item><title><![CDATA[spring boot 集成 websocket]]></title><link>https://blog.youkuaiyun.com/A____t/article/details/127695152</link><guid>https://blog.youkuaiyun.com/A____t/article/details/127695152</guid><author>A____t</author><pubDate>Fri, 04 Nov 2022 19:55:54 +0800</pubDate><description><![CDATA[SpringBoot 集成 WebSocket 快速入门]]></description><category></category></item><item><title><![CDATA[Vue 的响应式原理]]></title><link>https://blog.youkuaiyun.com/A____t/article/details/124843833</link><guid>https://blog.youkuaiyun.com/A____t/article/details/124843833</guid><author>A____t</author><pubDate>Wed, 18 May 2022 16:42:46 +0800</pubDate><description><![CDATA[数据发生改变，界面跟着更新，如图所示：


&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt]]></description><category></category></item><item><title><![CDATA[NGINX 部署 Vue 项目]]></title><link>https://blog.youkuaiyun.com/A____t/article/details/124822763</link><guid>https://blog.youkuaiyun.com/A____t/article/details/124822763</guid><author>A____t</author><pubDate>Tue, 17 May 2022 16:48:12 +0800</pubDate><description><![CDATA[1. windows 下载 nginx: 官网链接https://nginx.org/



点击下载稳定版本 stable version





双击运行即可，在浏览器输入 localhost 回车来到以下界面：



说明服务器启动成功。

将打包的 dist 文件夹中的文件放到 html 文件夹内。



刷新浏览器 localhost 如下：



能够正常访问！
...]]></description><category></category></item><item><title><![CDATA[Vue 组件的高级封装模式]]></title><link>https://blog.youkuaiyun.com/A____t/article/details/124818076</link><guid>https://blog.youkuaiyun.com/A____t/article/details/124818076</guid><author>A____t</author><pubDate>Tue, 17 May 2022 12:22:40 +0800</pubDate><description><![CDATA[一、传统模式

我们在使用 vue 进行项目开发过程中，对组件的封装是不可避免的，组件式开发在很大程度上提高了代码的复用性，能够提高开发效率。一般情况下，我们使用最基础的封装模式，基本流程如下：

创建 Xxx.vue 文件，对组件进行封装
	通过 import 的方式将组件导入 import Xxx from '...'
	对组件进行注册 componments:{ Xxx }
	使用组件：&lt;xxx/&gt;
示例：封装一个 Toast 弹窗组件

1.创建 Toast.vue 文件


&l...]]></description><category></category></item><item><title><![CDATA[项目开发的一些初始化工作]]></title><link>https://blog.youkuaiyun.com/A____t/article/details/124674784</link><guid>https://blog.youkuaiyun.com/A____t/article/details/124674784</guid><author>A____t</author><pubDate>Mon, 09 May 2022 21:28:42 +0800</pubDate><description><![CDATA[一、目录划分



二、CSS 初始化

新建 css 文件 normalize.css，GitHub 上搜索并下载下来：





在 base.css 文件中引入 normalize.css 文件并配置一些基本样式，然后在 App.vue 文件中引入：


@import "./assets/css/base.css";

三、 配置文件夹别名

在 vue.config.js 文件中添加以下代码：


module.exports = {
  configureWebpack:{
    resol.]]></description><category></category></item><item><title><![CDATA[Github 项目托管]]></title><link>https://blog.youkuaiyun.com/A____t/article/details/124667906</link><guid>https://blog.youkuaiyun.com/A____t/article/details/124667906</guid><author>A____t</author><pubDate>Mon, 09 May 2022 18:17:26 +0800</pubDate><description><![CDATA[github 如何托管我们的代码]]></description><category></category></item><item><title><![CDATA[Vue 项目的成功发布和部署]]></title><link>https://blog.youkuaiyun.com/A____t/article/details/124656309</link><guid>https://blog.youkuaiyun.com/A____t/article/details/124656309</guid><author>A____t</author><pubDate>Sun, 08 May 2022 22:54:35 +0800</pubDate><description><![CDATA[Vue 项目的发布]]></description><category></category></item><item><title><![CDATA[Vue + Openlayers 使用 Overlay 添加 Popup 弹窗]]></title><link>https://blog.youkuaiyun.com/A____t/article/details/124655890</link><guid>https://blog.youkuaiyun.com/A____t/article/details/124655890</guid><author>A____t</author><pubDate>Sun, 08 May 2022 22:26:38 +0800</pubDate><description><![CDATA[最近使用 Vue 和 Openlayers 写了一个简单的小 dom ，用到了 Overlay 的弹窗功能，记录一下！

创建元素：


  &lt;div ref="popCon" id="popup" v-show="isShow"&gt;&lt;!-- 弹出信息框 --&gt;
    &lt;span class="iconfont icon-guanbi" @click="closePop"&gt;&lt;/span&gt;
    &lt;ul id="info"&gt;
      &lt;h]]></description><category></category></item><item><title><![CDATA[Openlayers 坐标系全面解析]]></title><link>https://blog.youkuaiyun.com/A____t/article/details/124626079</link><guid>https://blog.youkuaiyun.com/A____t/article/details/124626079</guid><author>A____t</author><pubDate>Sat, 07 May 2022 12:17:06 +0800</pubDate><description><![CDATA[目录

EPSG:4326 &amp; EPSG:3857

EPSG:4326 与 EPSG:3857 的坐标转换

EPSG: 4490

Openlayers 自定义坐标系（EPSG:4490 和 EPSG:4525)

EPSG:4326 &amp; EPSG:3857

Openlayers 中常用的坐标系为 EPSG:4326 和 EPSG:3857，分别对应 WGS84 坐标系统中的地理坐标（经纬度）和投影坐标（X，Y）。EPSG:4326 通过经纬度记录坐标，方便存储，可读性高。Openl.]]></description><category></category></item><item><title><![CDATA[Vue 前端解析 Excel 数据]]></title><link>https://blog.youkuaiyun.com/A____t/article/details/124623812</link><guid>https://blog.youkuaiyun.com/A____t/article/details/124623812</guid><author>A____t</author><pubDate>Sat, 07 May 2022 10:39:15 +0800</pubDate><description><![CDATA[Vue 通过 xlsx 解析Excel 表格数据！]]></description><category></category></item><item><title><![CDATA[iconfont—阿里图标的使用]]></title><link>https://blog.youkuaiyun.com/A____t/article/details/124597050</link><guid>https://blog.youkuaiyun.com/A____t/article/details/124597050</guid><author>A____t</author><pubDate>Thu, 05 May 2022 21:18:42 +0800</pubDate><description><![CDATA[阿里图标库在项目开发过程中的应用！！！]]></description><category></category></item><item><title><![CDATA[Vue 安装 Element Plus]]></title><link>https://blog.youkuaiyun.com/A____t/article/details/124583800</link><guid>https://blog.youkuaiyun.com/A____t/article/details/124583800</guid><author>A____t</author><pubDate>Thu, 05 May 2022 12:58:49 +0800</pubDate><description><![CDATA[Vue CLI 3 下使用 Element Plus ，解决 icon 图标不显示的问题，亲测有效！！！]]></description><category></category></item><item><title><![CDATA[Vue + Openlayers 基本使用----加载天地图影像]]></title><link>https://blog.youkuaiyun.com/A____t/article/details/124576494</link><guid>https://blog.youkuaiyun.com/A____t/article/details/124576494</guid><author>A____t</author><pubDate>Wed, 04 May 2022 22:06:09 +0800</pubDate><description><![CDATA[前面学习了一些 Vue 的基本使用，接下来结合 Openlayers 进行 WebGIS 开发的相关内容学习！

使用 Vue CLI 3 创建项目：


vue create vue-openlayers

安装 Openlayers 框架


npm i -S ol

创建组件：Map.vue


&lt;template&gt;
  &lt;div id="map"&gt;
  &lt;/div&gt;
&lt;/template&gt;

&lt;script&gt;
//导入相关配置信息
impo]]></description><category></category></item><item><title><![CDATA[Axios —— 网络请求]]></title><link>https://blog.youkuaiyun.com/A____t/article/details/124558480</link><guid>https://blog.youkuaiyun.com/A____t/article/details/124558480</guid><author>A____t</author><pubDate>Tue, 03 May 2022 17:41:48 +0800</pubDate><description><![CDATA[安装框架：


npm install axios --save

基本使用：


import Vue from 'vue'
import App from './App'
import router from './router'
import axios from 'axios'

Vue.config.productionTip = false

/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  render: h =&g]]></description><category></category></item><item><title><![CDATA[Vuex ——详细介绍]]></title><link>https://blog.youkuaiyun.com/A____t/article/details/124541435</link><guid>https://blog.youkuaiyun.com/A____t/article/details/124541435</guid><author>A____t</author><pubDate>Mon, 02 May 2022 23:10:20 +0800</pubDate><description><![CDATA[Vuex 是一个专门为 Vue.js 应用程序开发的状态管理模式，它采用集中式存储管理应用的所有组件状态，并以相应的规则保证状态以一种可预测的方式发生变化。可以理解为：将多个组件共享的变量全部存储在一个对象里面，然后将这个对象放在顶层的 Vue 实例中，让其他组件可以使用，它最大的特点是响应式。

一般情况下，我们会在 Vuex 中存放一些需要在多个界面中进行共享的信息。比如用户的登录状态、用户名称、头像、地理位置信息、商品的收藏、购物车中的物品等，这些状态信息，我们可以放在统一的地方，对它进行保存和管理。]]></description><category></category></item><item><title><![CDATA[Promise]]></title><link>https://blog.youkuaiyun.com/A____t/article/details/124482875</link><guid>https://blog.youkuaiyun.com/A____t/article/details/124482875</guid><author>A____t</author><pubDate>Sun, 01 May 2022 21:14:38 +0800</pubDate><description><![CDATA[Promise 是 ES6 中的一个特性，是异步编程的一种解决方案。

基本语法

处理方式一：


new Promise((resolve,reject) =&gt; {
  //异步请求操作
  setTimeout(() =&gt; {
    //成功时调用 resolve()
    resolve('Hello World')//执行 resolve() 函数后，会调用 Then() 函数
    //失败时调用 reject()，一旦调用 reject()，就不会执行 resolve()
 ]]></description><category></category></item><item><title><![CDATA[路由：Vue-Router]]></title><link>https://blog.youkuaiyun.com/A____t/article/details/124444438</link><guid>https://blog.youkuaiyun.com/A____t/article/details/124444438</guid><author>A____t</author><pubDate>Thu, 28 Apr 2022 20:19:21 +0800</pubDate><description><![CDATA[Vue-Router的详细介绍！！！]]></description><category></category></item><item><title><![CDATA[Vue脚手架的使用（Vue CLI）]]></title><link>https://blog.youkuaiyun.com/A____t/article/details/124429549</link><guid>https://blog.youkuaiyun.com/A____t/article/details/124429549</guid><author>A____t</author><pubDate>Tue, 26 Apr 2022 21:32:44 +0800</pubDate><description><![CDATA[Vue CLI]]></description><category></category></item><item><title><![CDATA[webpack配置文件的抽离]]></title><link>https://blog.youkuaiyun.com/A____t/article/details/124422351</link><guid>https://blog.youkuaiyun.com/A____t/article/details/124422351</guid><author>A____t</author><pubDate>Tue, 26 Apr 2022 11:53:44 +0800</pubDate><description><![CDATA[webpack.config.js文件的抽离]]></description><category></category></item><item><title><![CDATA[搭建本地服务器（webpack-dev-server）]]></title><link>https://blog.youkuaiyun.com/A____t/article/details/124420707</link><guid>https://blog.youkuaiyun.com/A____t/article/details/124420707</guid><author>A____t</author><pubDate>Tue, 26 Apr 2022 10:25:19 +0800</pubDate><description><![CDATA[使用webpack搭建一个本地开发服务器]]></description><category></category></item></channel></rss>