- 博客(111)
- 资源 (14)
- 收藏
- 关注
RSS订阅原创 安全可靠测评结果公告（2023年第1号）
安全可靠测评主要面向计算机终端和服务器搭载的中央处理器（CPU）、操作系统以及数据库等基础软硬件产品，通过对产品及其研发单位的核心技术、安全保障、持续发展等方面开展评估，评定产品的安全性和可持续性，实现对产品研发设计、生产制造、供应保障、售后维护等全生命周期安全可靠性的综合度量和客观评价。该测试由中国信息安全测评中心、国家保密科技测评中心共同测试。
2024-01-09 00:30:15
642
原创 HTML编码规范
文章目录原则文档规范引入CSS、JS优化层级，减少标签的数量启用 IE Edge 模式属性规范属性书写顺序布尔类型的属性元素标签规范图片标签表单原则尽量使用语义化标签，少用div标签不要大写，即便是doctype 标签用两个空格来代替制表符（tab） – 这是唯一能保证在所有环境下获得一致展现的方法。嵌套元素应当缩进一次（即两个空格）。对于属性的定义，永远全部使用双引号，绝不要使用单...
2020-03-16 15:59:07
334
原创 三维GIS之单体化
众所周知，倾斜摄影自动建模的模型可以看作是一张表面覆盖率高分辨率影像的连续的TIN三角网。这在实际应用中只能像影像地图一样当作底图浏览，不能单独选中和查询，这对于实际作用不大。要解决这个问题，就只能进行模型单体化。“单体化”其实指的是每一个我们想要单独管理的对象，都是一个个单独的、可以被选中分离的实体对象，可以赋予属性，可以被查询统计等等。只有具备了“单体化”的能力，数据才可以被管理，而不仅仅是被...
2020-02-26 13:43:48
8333
3
原创 开源WebGIS（七）WebGIS五剑客之前端渲染
客户端或者应用服务器，现在的主流方式都是请求地图瓦片然后在客户端进行展示，因此理论上客户端只需要能够请求并获取相应的地图瓦片即可。但是仍然可以采用一些开源库的来简化、强化、优化前端开发。比较著名的有Openlayers、OpenScales，其中OpenLayers 是一个专为Web GIS客户端开发提供的JavaScript 类库包，用于实现标准格式发布的地图数据访问，OpenScales算是O...
2020-02-25 09:15:54
1662
1
原创 开源WEBGIS（六）WEBGIS五剑客之Web服务
Web服务器通过TCP/IP协议,管理客户端浏览器、GIS地图服务器之间的信息传输。Apache Apache（https://www.apache.org/）是目前世界使用排名第一的Web服务器。根据Web服务器调查公司Netcrafe调查, 全Internet有50%以上的Web服务器都在使用Apache。1995 年4月, 最早的Apache(0.6.2 版)由ApacheGr...
2020-02-24 09:23:03
495
原创 开源WEBGIS（五）WEBGIS五剑客之GIS服务
地图服务器通常也称作地图引擎,它是WebGIS架构的核心,所有的地图操作都是通过地图服务器完成的。现在的主流开源地图服务器主要是MapServer和GeoServer。GIS 应用服务器，主要用来接收地图请求、动态生成地图图片或地理信息并返回给客户端其中，其中GML 与OWS 服务体系应用最广泛。GML 对地理实体的几何和普通属性进行基于XML 的编码，对空间信息进行统一描述和表示。OWS 包括三...
2020-02-21 09:51:38
4162
原创 开源WebGIS（四） WebGIS五剑客之数据存储
数据存储主要依赖于空间数据库，由于空间数据具有空间特征、非结构化特征、空间关系特征、分类编码特征和海量数据特征等特点,数据组织与管理经历了以下演变：空间数据的管理最初一般采用文件管理方式，这种模式程序很大程度上依赖于数据文件的存储结构,数据文件修改时,应用程序也要随之修改，而且当多个程序共享一数据文件时,文件的修改需得到所有应用的许可。不能达到真正的共享,即数据项、记录项的共享。于是就产生...
2020-02-20 14:36:25
996
原创 开源WebGIS（三）WebGIS五剑客之数据生产
数据生产 数据生产主要是对原始数据的处理、标准化，使其符合存储化要求，这部分主要是应用桌面GIS软件完成的。由于这是对数据的第一次加工，也可以说是数据应用的第一道关卡，无论是商用的软件还是开源的软件都做的十分成熟。其中uDig和QGIS是使用范围最广的两种开源软件。uDiguDig（http://udig.refractions.net/）是一个基于Java开源的桌面应用框架...
2020-02-19 10:24:12
711
原创 开源WebGIS（二）WebGIS的血与肉
受益于近年来对开源的备受关注，在OpenGIS的推动下，涌现了一大批优秀的开源GIS软件，包括桌面的GIS软件uDig、QGIS、KosmoDesktop等;浏览器和桌面客户端OpenLayers、MapBuilder;数据源实现PostGIS、MySQL等等。Web软件开发通常采用B/S架构，其基本结构一般有Web服务器、HTTP协议和Web浏览器组成。受Web开发的影响WebGIS的架构与...
2020-02-18 10:46:42
587
原创 开源WebGIS（一）开源WebGIS概述
随着网络技术的发展和普及，基于局域网、广域网和Internet的GIS---网络GIS随之成为研究的热点和GIS的重要发展方向，而WebGIS就是一种典型的基于Internet的网络GIS,它是GIS技术与www技术的有机结合，在Internet环境下传输、存储、处理、分析、显示与应用地理空间信息的计算机系统。WebGIS的主要功能是地图功能、数据获取、地理数据共享、空间分析等，与传统的GIS相比...
2020-02-18 10:44:07
2480
2
原创 WEBGIS实践-----加载配饰
上两篇文章分别说了加载底图和加载图层，这一篇文章我们来说说加载“配饰”。所谓“配饰”，即在地图初始化加载时，一起加载的一些小部件（widget），这些小部件的种类视具体的项目要求而定，今天我们就分静态和动态来说说。静态这里的静态是指不需要和其他类进行交叉操作的小部件图例(Legend) 比例尺 归因 放大，缩小动态需要进行交互的组件叫做动态组件定位 弹出 搜索 打...
2019-09-03 14:27:19
222
原创 JS基础-----事件-----事件委托
我们都知道，在JS中，添加到页面上的处理程序数量将直接影响到整体运行性能。因为事件的运行会一直占用内存，因此当事件的数量达到一定的程度之后，就会严重影响程序的性能，一种提升性能的方式就是使用事件委托事件委托利用了事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件。适合使用事件委托的事件有click、mousedown、mouseup、keydown、keyup、和keypress...
2019-09-02 20:49:14
124
原创 JS基础-----事件-----事件类型
UI事件ui事件是指不一定与用户操作有关的事件。 load：页面完全加载后在window上面触发。<object> unload：页面完全卸载之后window上面触发。<object> abort：用户停止下载过程时，如果嵌入的内容没有加载完，<object> error：当JS错误时，在window上面触发...
2019-09-02 20:41:06
147
原创 JS基础-----事件-----事件处理程序
在了解完事件流和事件对象之后，我们来看事件三剑客的最后一客：事件处理程序。在事件被用户触发之后，都有一个相应这个操作的处理函数，这个函数就叫做事件处理器（事件侦听器）HTML事件处理程序在定义的时候不能使用未经定义的HTML转义的HTML字符。在处理过程中，首先创建一个封装元素属性值的函数，这个函数中有一个局部变量event,就是事件对象，同个这个变量，可以直接访问事件本身。DOM0级...
2019-09-02 17:36:30
105
原创 JS基础-----事件-----事件对象
上一篇文章我们了解了事件流是什么，等于我们了解了链条是什么，这一篇文章我们来看看什么是事件对象。事件对象即在触发DOM产生的一个事件对象event。这个对象包含所有与事件有关的信息，包括事件的元素、事件的类型以及其他与特定事件相关的信息。所有浏览器都支持event对象DOM中的事件对象event对象有关的属性和方法：属性/方法 类型 读/写 说明 bubbles...
2019-09-02 16:41:43
159
原创 JS基础-----事件-----事件流
总所周知，JS和HTML之间的交互是通过事件实现的，交互过程中会产生许多事件，而从页面上接收事件的顺序就是事件流。事件流分为IE的事件冒泡流和Netscape的事件捕获流事件冒泡流这是指IE的事件流，即事件开始时由最具体的元素接收，然后逐级向上传播到文档节点。所有的浏览器都在支持事件冒泡。但是IE5.5及之下会跳过HTML元素，而IE9及通用浏览器会一直冒泡到window对象。即是一种由内...
2019-09-02 15:52:32
95
原创 WEBGIS实践-----加载图层
昨天我们完成一个基本的加载地图的工作，算是迈入了WEBGIS开发的门槛。通常我们在加载地图之后会对整个图框即MapView进行一些操作，之后就是具体的操作图层，不过这个也没有什么成文的流程，完全看个人意愿。今天要介绍的图层也是三剑客中比较重要的一环，如果说MapView是衣服，Map是骨架，那么Layer就是肉，俊俏与否全在于填肉的把握从数据结构上说，GIS图层中分为栅格图层和矢量图层。在实际...
2019-08-22 10:27:29
832
1
原创 WEBGIS实践-----加载底图
webgis开发往大了说无非就是加载底图，修饰底图，加载图层，根据业务需求操作图层（查询【空间查询非空间查询】，分析【基本分析，统计分析，场景分析】，可视化【符号化，图表化】），制图出图这几个过程。结合arcgis api 怎样快速有效的开发一个WEBGIS系统。加载底图这个过程逻辑无非分三步：创建底图。 使用arcgis自带的basemap 自定义切片图层作为basemap...
2019-08-21 15:44:09
1198
原创 ES6----set与map
Map大家都很熟悉，是JS的对象，本质上是键值的集合（Hash结构），但是传统上只能用字符串当作键；至于Set,这是ES6提供的新的数据结构，他类似于数组，但是他的成员值都是唯一的，没有重复的值，本质是一个构造函数SetSet可以接受一个数组（或者具有iterable接口的其他数据结构）作为参数，用来初始化。还可以通过add方法进行添加数据// 例一const set = new ...
2019-08-21 10:42:21
173
原创 编码规范-----性能
js是一门解释性语言，执行速度比编译型语言速度要慢的多，改善代码的整体性能有助于提高代码的编译速度注意作用域避免全局查找，我们都知道使用全局变量和函数肯定要比局部的开销更大。因此将一个函数中会用到多次的全局对象存储为局部变量总是没错的避免使用with语句，因为with语句会开辟出自己独特的作用域。这会增加其中执行代码的作用域链的长度。选择正确的方法虽然说实现一个问题的方法有很多...
2019-08-13 10:53:05
238
原创 ES6-----Promise 对象
Promise实际上不是什么新鲜的东西，他是异步编程的一种解决方案，相较于传统的回调函数和事件来说更灵活和更节约时间，在ES6中他得到了规范化在ES6中，Promise往小了说是一个容器，保存着不知道什么时候会结束的事件的结果。他是一个对象，可以取得异步操作的消息他有两个特点：对象的状态不受外界影响。他代表一个异步操作，只有三种状态，pending（进行中）、fulfilled（已成功...
2019-08-12 15:39:31
100
原创 vue实践之项目积累-----vue滚动条插件----vuescroll
vuescroll 是一款基于 Vue.js 自定义滚动条的插件，它有两种模式: native: 适用于 PC 端， 支持基本的自定义滚动条。 slide: 适用于移动端， 支持下拉-加载，上拉刷新，轮播等。 本地安装 npm i -S # 或者通过yarn yarn add vuescroll # 或者通过cnpm cnpm i -S之后在全局或者...
2019-08-12 15:03:49
3941
1
原创 vue实践之项目积累-----mounted
mounted的类型是一个Function。属于vue生命周期中的钩子之一，该钩子在服务器端渲染期间不被调用。且不是所有的子组件都会一起被挂载
2019-08-12 14:55:04
279
原创 vue实践之项目积累-----$emit、$on
在vue事件中，与之相关的两个属性是$emit、$on这个属性，其中$emit是用来触发当前实例上的事件的，$on是用来监听当前实例上的自定义事件的，可以由$emit触发，这一对属性有点类似于触发事件与事件处理程序分开这一原理，既可以传播也可以方便监听修改$emitVue.component('magic-eight-ball', { data: function () { ...
2019-08-12 14:43:47
156
原创 vue实践之项目积累-----props
props是用于接收父组件的数据的一个属性，其类型可以是数组或者对象，同时对象允许配置高级选项，如类型检查，自定义验证和设置默认值当基于对象的语法时，可以做如下配置：type：可以是下列原生构造函数的一种：String、Number、Boolean、Array、Object、Date、Function、Symbol、 default：默认值，如果没有值被传入，则换用这个默认值 requ...
2019-08-12 14:30:38
157
原创 vue实践之项目积累-----样式绑定（class与style）
在实际应用中，同种元素的不同状态的不同样式这是一个很常见的需求。我们通常用v-bind来处理他们，在vue中，v-bind用于绑定class和style时，表达式结果的类型除了字符串之外，还可以是对象或者数组。这里都是属性，有时会计算（computed）class对象：<div v-bind:class="{ active: isActive }"></div>...
2019-08-12 14:09:52
138
原创 vue实践之项目积累-----v-if、v-show、v-for
在vue项目中，不可避免的会遇到这三剑客（v-if、v-show、v-for），大部分人可能知其然不知其所以然，因此特花一篇文章来说明v-if这是一个条件表达式，与之搭配的是v-else,通常用于组件的显示与隐藏中。v-if 在隐藏时会直接移除那个元素，显示时则会重新创建一个新的元素。当初始条件为真时，才会开始渲染，除此之外，不会渲染v-show顾名思义，这就是用来显示某一个组件的...
2019-08-12 13:41:50
118
原创 编码规范-----可维护性
我们都知道区分专业程序员和新手程序员的一个区别是看他们的代码，一个好的编码习惯不仅有利于赏心悦目，更有利于后期维护什么是可维护性是要可理解的，其它人可以接手的代码，而不是由代码开发者一一解释； 是直观的，不管多复杂的逻辑，都能一眼看懂 是可适应性的，可以应对各种各样的数据格式，而不是数据变化方法就要重写，是数据与逻辑分离的代码 是可扩展性的，不是一次性的，将来可以在原有的代码结构上直...
2019-08-12 08:08:37
361
原创 CSS基础-----绝对定位、相对定位、固定定位
这介绍完预备知识之后，下面就来具体说说相对定位、绝对定位和固定定位是怎么回事绝对定位（absolute）元素绝对定位时，会从文档流中完全删除。然后相对于其包含块定位，其边界根据偏移属性（top、left）等放置。定位元素不会流入其他元素。通常情况下，将一个元素位置为relative的作为其绝对定位元素的包含块绝对定位元素的放置和大小是比较重要的两个因素；z-index值： &l...
2019-08-11 16:55:00
185
原创 CSS基础-----定位的辅助元素
之前介绍过了定位的元素，以及通过偏移属性去实现这个定位，这篇文章主要介绍辅助定位实现的其他元素，包括宽度和高度、内容溢出或剪裁、以及元素的可见性宽度和高度当确定了元素定位到哪里之后，有时候需要声明高度和宽度。高度属性（height）和宽度属性（width）是非常常见的两个属性。当不确定宽度高度又不想超出时，此时可设置最小最大宽度（高度）解决,但需注意的是此时的属性不可为负 最小...
2019-08-11 16:32:31
134
原创 CSS基础-----定位（position）
定位是CSS布局中非常重要的一环，利用定位，可以准确地定义元素框相对于其正常位置应该出现在哪里，或者相对于父元素或者相对于浏览器窗口本身Position 值：static | relative | absolute | fixed | inherit 初始值：static 应用于：所有元素 继承性：无 计算值：根...
2019-08-11 16:00:40
122
原创 CSS基础-----浮动（Float）
定位的基本思想很简单，就是它允许你定义的元素框相对于其正常的位置应该出现在哪里，或者相对于父元素甚至是浏览器本身的位置floatfloat 通常使用在布局中的一角，在CSS中，允许浮动任何元素，通过使用float属性实现： 值：left | right | none | inherit 初始值：none 应用：所有元素 继承性：无...
2019-08-11 15:04:51
302
原创 Vue项目积累-----数据监听
Vue中最重要的几个核心之一就是数据的监听，借由实践之际就一起来盘盘Vue中的数据监听是怎么回事。Vue中数据监听有三种方式，一是keyup,一种是利用watch，一种是利用computed计算keyupkeyup方法是从vue中的methods层面进行的。表示一个具体的操作，依赖于业务逻辑watchwatch与methods方法平级。watch可以监听data中指定数据的变化，可...
2019-08-09 14:48:28
177
原创 跑不掉的js-----this对象
this对象是js中比较常用的一种对象，this对象是基于函数运行时的环境绑定的。即谁调用了这个函数，this就指向谁。this指向的不是存储在实例中的值，而是这个实例本身在全局作用域中，this指向window，这时的this和window是等价的作为对象函数时，this指向这个对象本身在es6中，箭头函数运用的比较频繁，但是箭头函数没有this对象，所以箭头函数的this就是外层代...
2019-08-09 14:02:55
77
原创 ES6-----6种变量
这一个系列是ES6的全解析，不一定是完全的目录，希望记录一些自己的理解ES5一共有两种变量的声明方法，即var和function；到了ES6这里，除了增加的常用的let和const之外，还添加了import和class命令。我们逐一来看：var这个想必大家都很清楚，也用的很多。var 是存在var变量不存在块级作用域，是函数作用域；可以多次重复声明同一变量，而且有变量提升的效果。l...
2019-08-05 11:07:39
315
原创 Vue实践之项目积累------组件之间的传值（父子、子父、兄弟及任意）
在实际应用中，vue的传值就像是人每天要吃的饭一样，是一个避无可避的东西。往大了说组件之间的传值就是任意组件之间的通信，往小了说组件之间的传值可分为父传子，子传父，以及兄弟之间。父传子父传子从传统意义上父亲把已有的东西留给自己的儿子，儿子这里叫继承。在vue中，父组件首先的有值，也就是说父组件是产生值的地方，其次父组件中要有子组件，所有子组件在父组件中注册，明确父子关系；之后在子组件上注册...
2019-08-05 09:53:37
262
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人