web容器、服务器、中间件
Tomcat 是一个小型的轻量级应用服务器，因为它运行时占用的系统资源小，扩展性好，支持负载平衡与邮件服务等开发应用系统常用的功能；一般认为，当在一台机器上配置好Apache 服务器，可利用它响应对HTML 页面的访问请求。实际上Tomcat 部分是Apache 服务器的扩展，但它是独立运行的，所以当你运行tomcat 时，它实际上作为一个与Apache 独立的进程单独运行的。当配置正确时，Apache 为HTML页面服务，而Tomcat 实际上运行JSP 页面和Servlet。另外，Tomcat和..
2020届秋招面试题总结——网络篇
【转载】2020届秋招面试题总结——网络篇2020届秋招面试题总结——网络篇1、http1.0和http1.1的区别。主要是如下的8点：可拓展性。缓存。带宽优化，带来了分块传输。长连接，HTTP1.1支持长连接（默认开启Connect: keep-alive）和请求的流水线处理，在一个TCP连接上可以传送多个HTTP请求和响应，减少了建立和关闭连接的消耗和延迟。消息传递。Host头域。错误提示。内容协商。2、TCP三次握手和四次挥手的流程，为什么断开连接要四次，如果握手只有两次，
Vue（一）父子组件之间的通信
最近入门学习Vue框架，备注下一些基本的要点，从父子组件之间的通信开始。1、父组件向子组件传值 实现父组件向子组件传值需要在子组件对象属性中添加props。.父组件代码:<template> <div> <child :message="parentMsg"></child> </div><..
React（一）父子组件之间的通信
无论是React，还是Vue，父子组件之间的通信都是组件式开发至关重要的一部分。备注一下基础要点。1、父组件向子组件传值 父组件向子组件传值是在调用子组件的时候通过参数传递给子组件.父组件代码import React, { Component } from reactimport CommunicateChild from ./communicateChildex...
React（四）create-react-app IE打开以及打包部署后页面空白问题
（1）本地测试 本地测试环境解决IE页面空白问题需要安装babel-polyfillyarn add babel-polyfillnpm install babel-polyfill然后再主入口文件index.js中引入babel-polyfill包import babel-polyfill（2）服务器部署 在package.json文件中添加...
CSS（一）chrome浏览器表单自动填充默认样式-autofil
Chrome会在客户登陆过某网站之后, 会自动记住密码当你下次再次进入该网站的时候, 可以自由的选择登陆的账号, Chrome会为你自动填充密码. 而你无需再输入密码这本身是一个很好的功能, 但是对于开发者而言, 却有一个很让人难受的问题.当你选择账号密码之后, 你的输入框会变成浏览器自带的颜色。之所以出现这样的样式, 是因为Chrome会自动为input增加如下样式....
CSS（二）文字渐变
在项目中，UI经常会设计带颜色渐变的设计图，通常设计师会切图，以图片的形式加载，但这样会消耗浏览器资源，且如果需要动态改变文字，也不方便，因此就需要利用CSS3实现文字的渐变了。1、background-clip+text-fill-color：.gradient-text-one{ background-image:-webkit-linear-gradient(...
CSS（三）常见的CSS文本样式
常见的CSS文本样式1、段落首行缩进 通常text-indent缩进属性将对段落首行开头文本文字进行缩进显示。.popContent-desc { text-indent: 0.1rem; } 以上代码就是对div进行0.1rem的首行缩...
javascript（一）构造函数递归
最近项目中有个需求，react项目中做一个菜单配置项的功能，即传入某个url的参数，匹配出菜单数据内该菜单内的子菜单项及其组件。数据体：/* 菜单配置项 */export const menus = [ { subMenu: 首页地图, icon: , path: /map, component: HomeIndex, me...
geoserver （一）安装及配置跨域问题
1.tomcat环境安装 （http://geoserver.org/download/）下载zip源代码解压包，部署在tomcat里面运行geoserver；2.windows环境安装以GeoServer2.12.0版本为准，安装前确保计算机安装JDK1.8版本，因为geoserver2.12.0要求JDK1.8的java环境，不同的geoserver版本要求JDK...
geoserver （三）发布多层级天地图、谷歌地图、高德地图等底图切片服务
arcgis发布多层级的底图切片服务的技术已经相对成熟，但是arcgis不开源，因此最近在研究geoserver， geoserver相对比较轻量，又是开源的软件，感觉也挺好用，就是插件比较多，版本比较多，在配置的时候会消耗很多时间。最近在研究geoserver发布天地图地图的切片服务，看了网上很多文档，但是还是遇到很多坑，记录下采坑的情况，本地安装的是geoserver 1.15.2。...
arcgis api（四）3.x和4.x 加载geoserver的wmts切片服务
1.arcgis api 3.x 加载wmts服务2.arcgis api 4.x 加载wmts服务arcgis api 3.x 加载geoserver的wmts服务和wms服务都比较简单，有相对比较成熟的api类，但是4.x的WMTSLayer类加载wmts服务会有很多问题，api的示例很简单，但是，用在自己实际的geoserver的切片服务上，会报错，显示title和id未定...
geoserver （二）发布矢量切片服务
geoserver矢量切片是webGIS展示的重要服务，矢量切片服务即增加了服务的访问速度，又保留数据本身的属性信息，支持用户的属性选择功能。 下载geoserver对应版本的geoserver-2.15.2-vectortiles-plugin的插件包，解压出来拷贝到对应“geoserver-2.15.2\webapps\geoserver\WEB-INF\lib“目...
arcgis api（五）arcgis api for js 3.x 测量工具
备注：本文的所有的demo都是基于前端react框架编写，为了demo完成性，会尽量完整，其他框架基本页面操作因框架而异。 距离测量和面积测量是GIS项目中必不可少的工具，arcgis api 3.x中有对应的接口实现测量的功能。具体的实现方式如下。 （1） arcgis api 3.x的测量工具是基于arcgis server 的几何服务(GeometryService)实现的，首先我们得确保服务器安装了arcgis server，并去站点管理页面启动GeometryService...
arcgis api（六）arcgis api for js 3.x Dynamic 动态图层各图层的过滤以及点击拾取功能
（1）ArcGISDynamicMapServiceLayer动态图层因涉及到多个子图层，其图层加载的过滤条件需要对每个子图层定义过滤条件。 esriLoader .loadModules([ 'esri/layers/ArcGISDynamicMapServiceLayer', 'esri/tasks/IdentifyTask', 'esri/tasks/IdentifyParameters', 'esri/g...
cesium（一）react项目（webpack）结合cesium配置
cesium是三维可视化地图引擎的代表之作了。它提供了基于JavaScript语言的开发包，方便用户快速搭建一款零插件的虚拟地球Web应用，并在性能，精度，渲染质量以及多平台，易用性上都有高质量的保证。 它可以实现以下功能：全球级别的高精度的地形和影像服务，矢量以及模型数据，基于时态的数据可视化，多种场景模式（3D，2.5D以及2D场景）的支持，真正的二三维一体化。 Cesium简而言之就是将栅格、矢量等二维数据，3dtiles、点云、DEM、倾斜摄影、BIM等三维数据在地球空间范围上可视化展示...
React（五）create-react-app 脚手架配置多页面应用
单页面的应用是目前前端应用的主流方向，react、vue等前端框架在单页面应用上都相对比较适用。但是多页面应用在项目的也必不可少，企业的门户网站因需要百度推广，更加适合用多页面应用来开发。本文将介绍运用create-react-app脚手架来搭建一个简单实用的多页面项目框架。 1.初始化项目 创建create-react-app脚手架这边不过多叙述，react开发人员应该都会构建，构建成功后执行以下命令初始化webpack配置；yarn eject 或者 npm run eje...
arcgis api（七）arcgis api for js 3.x 加载图片图层
在遥感应有中，遥感影像的海量存储一般用arcgis server的镶嵌数据集来实现，但有时候业务需求简单，可以直接通过添加影像图片的方式来实现，即给定一个四角坐标范围，在这个范围内贴影像图片。arcgis api for js 3.x的MapImageLayer、和MapImage很方便地解决了这个问题。 esriLoader .loadModules([ 'esri/layers/MapImageLayer', 'esri/layers/...
JavaScript实现百度坐标系、火星坐标系、WGS84坐标系的互相转换
1. WGS84坐标系 WGS-84坐标系是目前最通用的标准地理坐标系，平实我们常说的经纬度、从GPS设备、智能手机中取出的数据的坐标系、国际地图提供商使用的坐标系都是WGS84坐标系。 WGS-84坐标系（World Geodetic System）是一种国际上采用的地心坐标系。坐标原点为地球质心，其地心空间直接坐标系的Z轴指向国际时间局（BIH）1984.0定义的协议地极（CTP）方向，X轴指向BIH1984.0的协议子午面和CTP赤道的交点，Y轴与Z轴、X轴垂直构成右手坐标系，称为1...
JavaScript实现WGS84坐标系与墨卡托坐标系的转换
1. 地理坐标系 地理坐标系统（Geographic Coordinate System），是一种球面坐标，是使用三维球面来定义地球表面位置，以实现通过经纬度对地球表面点位引用的坐标系。表示单位为度；常规叫为东经、西经、南纬、北纬。目前国际上最通用的标准是WGS84坐标系，我国当前最新的标准是国家大地坐标系（CSCS2000）,CSCS2000与WGS84相差几厘米，对于一般的工程测量，可以认为两者是一致的。2. 投影坐标系 投影坐标系统（Projection Coordi...
今日推荐
周排行