- 博客(18)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 vue3.x+Nodejs+expresss代理跨域问题
代理跨域问题在前端开发中是经常遇到的，比较常用的是 jsonp，反向代理，CORS。今天我们看一下在vue3.x中如何配置代理跨域。首先看下我们请求的服务器var express = require('express');var router = express.Router();/* GET home page. */router.get('/', function(req, ...
2020-04-07 09:11:32
641
1
原创 WebGis之OpenLayers学习之路------OpenLayers多源数据展示
数据加载原理GIS地图加载的一般原理在web端加载切片地图和矢量地图的原理基本相同（1）瓦片地图。在web端加载瓦片地图一般有两种方式。一种为直接读取缓存加载，也就是说直接读取硬盘中存储的瓦片图片，另一种为调用瓦片地图接口，例如Arcgis Server、GeoServer等.。加载原理：通过Ajax请求瓦片地图服务或数据，根据瓦片地图的级数、行列号分别获取对应的瓦片地图，将其按照...
2020-03-31 14:05:09
1245
原创 WebGis之OpenLayers学习之路------OpenLayers快速入门
实现地图显示功能openlayers可以加载在线地图、瓦片图、自己搭建的服务地图，下面我们依谷歌在线地图为例，进行实现图显示功能，我们新建页面，将ol.js和ol.css进行引入，代码如下所示<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <...
2020-01-19 15:58:23
2032
1
原创 WebGis之OpenLayers学习之路------OpenLayers开发基础
openlayers很久之前就听说过一个不错的开源架构，由于这一年来做的项目都是桌面端的，使用的GMap .Net和ArcGisEngine,所以对openlayers很少有研究，年底时间暂时充裕，花费一点时间对此开源架构进行学习和使用。OpenLayers简介对于OpenLayers的简介就不多说废话了，这就交到度娘手中吧，它就是一个模块化、高性能并且功能丰富的WebGIs客户端的Jav...
2020-01-06 17:05:41
4197
原创 深入理解响应式原理（四）
组件更新在组件化章节，我们介绍了 Vue 的组件化实现过程，前面我们说了 Vue 组件的创建过程，并没有涉及到组件数据发生变化，更新组件的过程。而通过我们这一章对数据响应式原理的分析，了解到当数据发生变化的时候，会触发渲染watcher的回调函数，进而执行组件的更新过程，接下来我们来详细分析这一过程。updateComponent = () => { vm._update(...
2019-12-26 17:19:26
244
原创 深入理解响应式原理（三）
计算属性 VS 侦听属性Vue 的组件对象支持了计算属性computed和侦听属性watch2 个选项，很多人不了解什么时候该用computed什么时候该用watch。先不回答这个问题，我们接下来从源码实现的角度来分析它们两者有什么区别。computed计算属性的初始化是发生在 Vue 实例初始化阶段的initState函数中，执行了if (opts.comput...
2019-12-19 15:50:01
8021
翻译 深入理解响应式原理（二）
派发更新通过上一节分析我们了解了响应式数据依赖收集过程，收集的目的就是为了当我们修改数据的时候，可以对相关的依赖派发更新，那么这一节我们来详细分析这个过程。我们先来回顾一下 setter 部分的逻辑：/** * Define a reactive property on an Object. */export function defineReactive ( obj: O...
2019-12-18 14:29:42
302
原创 深入理解响应式原理（一）
可能很多小伙伴之前都了解过 Vue.js 实现响应式的核心是利用了 ES5 的Object.defineProperty，这也是为什么 Vue.js 不能兼容 IE8 及以下浏览器的原因，我们先来对它有个直观的认识。Object.definePropertyObject.defineProperty方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性， 并返回这个对象，先来...
2019-12-16 16:01:30
601
原创 Vue源码解析之组件化（三）
组件注册在 Vue.js 中，除了它内置的组件如keep-alive、component、transition、transition-group等，其它用户自定义组件在使用前必须注册。很多同学在开发过程中可能会遇到如下报错信息：'Unknown custom element: <xxx> - did you register the component correctly...
2019-12-10 16:53:23
179
原创 Vue源码解析之组件化（二）
合并配置通过之前章节的源码分析我们知道，new Vue的过程通常有 2 种场景，一种是外部我们的代码主动调用new Vue(options)的方式实例化一个 Vue 对象；另一种是我们上一节分析的组件过程中内部通过new Vue(options)实例化子组件。无论哪种场景，都会执行实例的_init(options)方法，它首先会执行一个merge options的逻辑，相...
2019-12-03 16:52:38
204
原创 Vue源码解析之组件化（一）
组件化Vue.js 另一个核心思想是组件化。所谓组件化，就是把页面拆分成多个组件 (component)，每个组件依赖的 CSS、JavaScript、模板、图片等资源放在一起开发和维护。组件是资源独立的，组件在系统内部可复用，组件和组件之间可以嵌套。我们在用 Vue.js 开发实际项目的时候，就是像搭积木一样，编写一堆组件拼装生成页面。在 Vue.js 的官网中，也是花了大篇幅来介绍什么...
2019-11-25 15:30:21
1749
1
原创 Vue源码解析之数据驱动（三）
Virtual DOMVirtual DOM 这个概念相信大部分人都不会陌生，它产生的前提是浏览器中的 DOM 是很“昂贵"的，为了更直观的感受，我们可以简单的把一个简单的 div 元素的属性都打印出来,打印出来可以看到，真正的 DOM 元素是非常庞大的，因为浏览器的标准就把 DOM 设计的非常复杂。当我们频繁的去做 DOM 更新，会产生一定的性能问题。而 Virtual DOM 就是用一...
2019-11-20 16:31:31
275
原创 Vue源码解析之数据驱动（二）
Vue实例挂载在vue中是通过$mount实例方法来挂载vm的，$mount方法存在多个文件中，例如：src/platform/web/entry-runtime-with-compiler.js、src/platform/web/runtime/index.js、src/platform/weex/runtime/index.js。因为$mount这个方法和平台、构建方式有关。接下来我们要分...
2019-11-14 16:54:03
152
原创 Vue源码解析之数据驱动（一）
数据驱动vue.js的一个核心思想就是数据驱动。正所谓数据驱动就是指视图是由数据驱动生成的，我们对视图修改时，不会直接操作DOM，而是通过修改数据。这相对我们传统的前端开发方便很多，例如：我们需要修改一个节点值，传统的做法是通过Jquery或者javascript中的document获取再进行修改。在vue中，我们只需要对节点数据修改视图便随之修改。所以现在我们只关心数据的修改会让代码的逻辑变...
2019-11-05 15:56:55
246
原创 WinForm DevExpress插件之DiagramControl控件使用
近期由于项目需要，对DiagramControl控件进行了研究和使用，DiagramControl是类似Visio的绘图控件，当然功能没有那么强大但对于一般流程图是绝对没有问题的。下面逐一对该控件进行分析和说明。DiagramControl控件使用手册：https://documentation.devexpress.com/#WindowsForms/CustomDocument118080...
2019-11-01 15:47:55
6307
6
原创 Vue源码解析之函数入口
从入口开始看起写博客就是记录自己撸码的过程和问题，好了~废话就不多说了，直接源码撸起，通过上一篇博客咱们大致知道了Vue源码目录设计，下面我们要一步步找到vue的入口通过查看package.json中scripts命令会发现以下命令O(∩_∩)O是不是很熟悉的味道~~~~~~~~~~~打开配置文件config.js后，我们会发现builds对象，对象中有不同环境，我们找到web...
2019-10-30 17:33:49
1095
原创 Vue源码解析-目录设计
Vue.js源码目录设计首先下载源码，打开后会发现其实vue的源码都是在src目录中，其目录结构如下Vue|— dist 打包之后文件所在位置|— src 主要源码所在位置 |— compiler 包含 Vue.js 所有编译相关的代码 |— codegen 根据ast生成render函数 |— directives 生成...
2019-10-28 13:57:11
271
转载 C#+ArcGIS Engine 获取地图中选中的要素
C#+ArcGIS Engine 获取地图中选中的要素 提供一种简单遍历获取地图中选中要素的方法，代码如下：List pList = new List();//用于存储选中的要素IEnumFeature pEnumFeature = axMapControl1.Map.FeatureSelection as IEnumFeature;IFeature pFeature = pEnumF
2017-09-05 09:23:55
1912
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人