HerryDong
HerryDong

OpenLayers地图容器大小变化后地图拉伸变形的解决方法

今天踩了一天的坑，最后终于将问题解决。假设当前OpenLayers地图的容器div宽度和高度均为600px,其地图显示效果如下图所示：
OpenLayers地图容器大小变化后地图拉伸变形的解决方法_第1张图片
现在动态改变地图容器div的大小，改为宽度600px，高度300px，可以发现地图发生拉伸变形。如下图所示：
OpenLayers地图容器大小变化后地图拉伸变形的解决方法_第2张图片
解决方法如下：

setTimeout(function () {
    map.updateSize();
}, 100);

全部代码如下所示：


<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta charset="utf-8" />
    <title>title>
    <link href="scripts/ol.css" rel="stylesheet" />
    <script src="scripts/ol.js">script>
head>
<body>
    <div id="map" style="width:600px;height:600px;">div>
    <button onclick="changeSize()">修改大小button>

    <script>
        var map = new ol.Map({
            target: 'map',
            layers: [
              new ol.layer.Tile({
                  source: new ol.source.OSM()
              })
            ],
            view: new ol.View({
                center: ol.proj.transform([120, 30], 'EPSG:4326', 'EPSG:3857'),
                zoom: 4
            })
        });

        // 更改地图容器大小
        function changeSize() {
            var div = document.getElementById('map');
            div.style.height = '300px';

            setTimeout(function () {
                map.updateSize();
            }, 100);
        }
    script>
body>
html>

可以发现地图正常显示，没有发生拉伸形变，如下图所示：
OpenLayers地图容器大小变化后地图拉伸变形的解决方法_第3张图片

你可能感兴趣的:(OpenLayers)

  • CSS面试题及详细答案140道之（101-120） 还是大剑师兰特 前后端面试题css大剑师CSS面试题
    《前后端面试题》专栏集合了前后端各个知识模块的面试题，包括html，javascript，css，vue，react，java，Openlayers，leaflet，cesium，mapboxGL，threejs，nodejs，mangoDB，MySQL，Linux…。前后端面试题-专栏总目录文章目录一、本文面试题目录101.解释`text-indent`属性的作用。102.如何在CSS中实现响应
  • vue2 面试题及详细答案150道（121 - 130）
    《前后端面试题》专栏集合了前后端各个知识模块的面试题，包括html，javascript，css，vue，react，java，Openlayers，leaflet，cesium，mapboxGL，threejs，nodejs，mangoDB，MySQL，Linux…。前后端面试题-专栏总目录文章目录一、本文面试题目录121.Vue2中如何实现组件的动态样式绑定？122.Vue2中如何处理跨域请求
  • 基于openlayers开发北斗应用支撑平台 合抱阴阳 openlayersunix服务器
    北斗应用支撑平台是基于中国自主研发的北斗卫星导航系统（BDS）构建的技术服务平台，旨在为各行业提供精准定位、导航、授时（PNT）、短报文通信等核心功能，并支持二次开发与定制化应用。以下是关于北斗应用支撑平台的详细介绍：###**1.核心功能**-**高精度定位**：通过北斗地基增强系统（如CORS站）实现厘米级/毫米级定位，适用于测绘、无人驾驶、智慧农业等领域。-**全球短报文通信**：北斗独有的
  • Vue+Openlayers加载OSM、加载天地图
    文章目录1.介绍2.加载底图2.1加载默认OSM地图2.2加载天地图1.介绍Openlayers官网：https://openlayers.org/安裝依赖：npmiol2.加载底图参考博客：vue+openlayers环境配置：https://blog.csdn.net/cuclife/article/details/126195754加载天地图：https://blog.csdn.net/we
  • OpenLayers 入门指南：序言 凌往昔 OpenLayers入门指南WebGISOpenLayers
    本专栏旨在帮助零GIS基础的开发人员系统掌握OpenLayers这一强大的开源Web地图库，通过“理论+实战”结合的方式，逐步实现从创建地图到构建一个基础地图应用模版。无论你是前端开发者、GIS爱好者，都可以通过此专栏零基础开始用OpenLayers开发一个基础地图应用。如果你对OpenLayers已经有过了解和使用，且对API也掌握的比较熟了，不建议订阅此专栏！一、前端框架Vue3TypeScr
  • ThreeJS入门（153）：THREE.Texture 知识详解，示例代码 还是大剑师兰特 #ThreeJS综合教程500+大剑师threejs示例threejs教程
    作者：还是大剑师兰特，曾为美国某知名大学计算机专业研究生，现为国内GIS领域高级前端工程师，CSDN知名博主，深耕openlayers、leaflet、mapbox、cesium，webgl，ThreeJS，canvas，echarts等技术开发，欢迎加微信（gis-dajianshi），一起交流。查看本专栏目录-本文是第153篇入门文章文章目录构造函数属性方法使用示例注意事项总结THREE.Te
  • WebGIS开发系列教程（5）：Openlayers高级功能 WebGIS开发 GIS开发javascript开发语言webgisopenlayers
    本系列教程为webgis二维开发入门openlayers零基础小白学习教程，本篇为第五篇。完整版可以查看文末链接下载。1.地图标注功能地图标注是将空间位置信息点与地图关联，通过图标、窗口等形式把相关的信息展现到地图上。地图标注也是WebGIS中比较重要的功能之一，在大众应用中较为常见。地图标注的基本原理：获取标注点的空间位置(X、Y逻辑坐标)，在该位置上叠加显示图标(或包含信息的小图片)，必要时以
  • OpenLayers 入门指南【一】：WebGIS基础与OpenLayers概述 凌往昔 OpenLayers入门指南WebGISOpenLayers
    目录一、什么是WebGIS1.定义2.常用技术栈3.典型应用场景二、什么是OpenLayers1、核心功能特性2、对比Leaflet3、应用场景与发展趋势三、总结一、什么是WebGIS1.定义WebGIS（网络地理信息系统）是传统GIS在互联网领域的延伸，通过浏览器实现空间数据的发布、共享与交互。其核心在于将地理信息处理与Web技术结合，支持跨平台、分布式的地理数据访问2.常用技术栈前端框架：Op
  • OpenLayers 选中移动要素 GIS之路 OpenLayersWebGISmicrosoft前端信息可视化
    前言页面交互的复杂度体现系统使用的难易程度，在开发WebGIS系统过程中，总会涉及要素操作，如何设计才能使交互操作变得简洁呢？OpenLayers提供了一些成熟的交互控件可以做到。1.选中和移动控件Select和Translate分别是选中控件、移动控件，它们都在ol.interaction包下。Select控件用于选中矢量要素，被选中的要素会进行默认会进行高亮显示，为选中默认样式，也可以自定义设
  • OpenLayers 上传Shapefile文件 GIS之路 OpenLayersWebGISarcgis前端信息可视化
    前言Shapefile是一种矢量数据文件，使用起来简单、方便。作为数据交换文件，在WebGIS开发中，经常需要实现实现上传shp文件。比如用户需要上传选址范围线或者叠加分析范围，都会选择上传shp文件。本文实现用户即可上传一个单独的shp文件，也可以上传包含所有shp文件的压缩包。在开始之前，请提前下载好所需引用文件：jszip:https://cdn.jsdelivr.net/npm/jszip
  • WebGIS面试题（第十期）-OpenLayers 纸飞机的旅行 面试WebGISGIS面试WebGIS面试题
    面试题10—OpenLayers文章目录1、OpenLayers和Leaflet两个库你都使用过，谈一谈你认为这两个库的区别。2、OpenLayers支持哪些坐标系统？1.地理坐标系（GeographicCoordinateSystems）2.投影坐标系（ProjectedCoordinateSystems）3.自定义坐标系使用示例3、OpenLayers如何添加地图缩放和平移功能？1.添加缩放控
  • openLayer使用Feature添加点线面图层 尽意啊 openlayers前端vue.js
    添加点线面图层首先要知道需要完成那些步骤?1.创建矢量图层对象2.创建数据源3.利用创建Feature创建(点|线|面)要素,要素的样式4.将feature添加到数据源中5.将数据源添加到矢量图层对象6.将图层对象放入map对象中通过这六步完成添加点线面图层,可以按照这六步骤拆解问题,进而解决问题.同时不了解什么是矢量对象,数据源等等,可以查看文章openlayers核心架构思维导图-CSDN博客
  • Openlayers面试题198道 还是大剑师兰特 #大剑师openlayers面试题openlayers知识点
    以下是关于OpenLayers的面试题目列表，涵盖了从基础概念、API使用、地图操作、图层管理、交互控制、数据处理、性能优化、插件开发到项目实战等多个方面。这些问题旨在帮助你全面了解OpenLayers并为面试做好准备。OpenLayers面试题列表（共198道）第一部分：基础与核心功能（1-40）什么是OpenLayers？它的主要用途是什么？解释OpenLayers的工作原理。如何在网页中集成
  • 133：vue+cesium 实现水波纹效果 还是大剑师兰特 #cesium综合教程200+大剑师cesium教程cesium示例cesium水波纹
    作者：还是大剑师兰特，曾为美国某知名大学计算机专业研究生，现为国内GIS领域高级前端工程师，CSDN知名博主，深耕openlayers、leaflet、mapbox、cesium，canvas，echarts等技术开发，欢迎加微信（gis-dajianshi），一起交流。查看本专栏目录-本文是第133个示例文章目录一、示例效果二、示例简介三、配置方式四、示例源代码（共200行）五、相关API参考一
  • OpenLayers 计算GeoTIFF影像NDVI GIS之路 OpenLayersWebGIS前端信息可视化
    前言NDVI（NormalizedDifferenceVegetationIndex）即归一化植被指数，是反应农作物长势和营养信息的重要参数之一，用于监测植物生长状态、植被覆盖度和消除部分辐射误差。其值在[-1,1]之间，-1表示可见光高反射；0表示有岩石或裸土等，NIR和R近似相等；正值，表示有植被覆盖，且值越大，表明植被覆盖度越高。计算公式：NDVI=（NIR-RED）/(NIR+RED)1.
  • Arcgis Map Server 可以访问, 但是地图页面空白的一种解决方法 ssxbxk arcgisopenlayersol.source.XYZ地图空白
    1.背景之前部署很久的一个地图服务地址,突然地图一片空白,询问了客户,说是更换了交换机(有可能是这个原因导致的).可以访问地图服务的主界面:http://XXX.XXX.XXX.XXX:6080/arcgis/rest/services/map/MapServer但是通过openlayers访问地图,实际访问如下export地址,却加载不到图片:http://XXX.XXX.XXX.XXX:608
  • OpenLayers 创建坐标系统 GIS之路 OpenLayersWebGIS前端信息可视化
    注：当前使用的是ol9.2.4版本，天地图使用的key请到天地图官网申请，并替换为自己的key在WebGIS系统开发中，坐标系统是重中之重，对于创建的地图，加载的图层，首先要确定的就是坐标系。在OpenLayers或者其他地图开发库中，一般默认支持EPSG:4326地理坐标系和EPSG:3857投影坐标系，而在生产实践中，要求使用EPSG:4490（CGCS2000），也就是2000国家大地坐标系
  • OpenLayers轨迹动画 lixue7921 javascript开发语言ecmascript
    OpenLayers是一款开源的地图库，可以在Web浏览器中显示交互式地图。它可以与OpenStreetMap、GoogleMaps、BingMaps等在线地图服务集成使用。OpenLayers中的轨迹动画可以通过使用OpenLayers的Vector和FeatureAPI，结合一些JavaScript动画库，如Tween.js或jQuery，来实现。下面是一个简单的示例：1.准备地图和轨迹数据v
  • OpenLayers动画效果 HsvvDatabase 动画
    在Web地图开发中，动画效果可以为用户提供更加生动和交互性的体验。OpenLayers是一种流行的开源JavaScript库，用于创建交互式地图应用程序。它提供了丰富的功能和工具，包括支持动画效果的能力。本文将介绍如何使用OpenLayers实现动画效果，并提供相应的源代码示例。首先，我们需要准备好OpenLayers库。你可以从OpenLayers官方网站（https://openlayers.
  • leaflet 图层管理（增加 、删除 、显隐控制）加载4326坐标系的图层（一） 翠莲 javaScriptvuevuejsgis
    加载4326坐标系leaflet默认使用3857的坐标系，如果之前使用的是openlayers,会发现leaflet坐标写法和openlayers坐标相反，因为openlayers默认使用4326坐标系。1、加载4326坐标系的地图constmap=L.map("map",{center:[35.8374,104.28225],//维度在前，精度在后zoom:4,minZoom:1,maxZoom
  • OpenLayers 获取地图状态 GIS之路 OpenLayersWebGIShtml前端javascript
    注：当前使用的是ol5.3.0版本，天地图使用的key请到天地图官网申请，并替换为自己的key地图状态信息包括中心点、当前缩放级别、比例尺以及当前鼠标移动位置信息等，在WebGIS开发中，地图状态可以方便快捷的向用户展示基本地图信息，有利于增强与用户的交互。本节主要介绍地图状态。1.获取地图缩放级别通过监听地图渲染完成事件postrender获取地图缩放级别。constzoomEle=docume
  • 玩转OpenLayers地图 前端小白从0开始 swift开发语言iosOpenLayersGIS
    一、引入地图1.h5端引入官网下载ol.js文件，放入项目文件夹，在要渲染地图的html文件引入2.pc端引入下载ol依赖，在要渲染地图的文件import引入二、创建地图容器三.定义地图和图层varmap,baseLayer,tileLayer,landInfoLayer,polygonFeatures,landLayer,polygonLayer,myCurrentFarmLand,locati
  • OpenLayers 地图标注之图文标注 GIS之路 OpenLayersWebGISmicrosoft
    注：当前使用的是ol5.3.0版本，天地图使用的key请到天地图官网申请，并替换为自己的key地图标注是将空间位置信息点与地图关联、通过图标、窗口等形式把相关信息展现到地图上。在WebGIS中地图标注是重要的功能之一，可以为用户提供个性化服务，如兴趣点等。地图标注表现方式有图文标注、Popup标注、聚合标注等。本节主要介绍加载图文标注。1.地图标注基本原理地图标注通过在已知坐标点添加图片、文字或者
  • OpenLayers 图形交互编辑 GIS之路 OpenLayersWebGIS交互microsoft
    注：当前使用的是ol5.3.0版本，天地图使用的key请到天地图官网申请，并替换为自己的key图形要素包括属性信息和几何信息，在实际应用中，不仅需要修改样式信息，也需要修改图形几何信息。在OpenLayers中，一般采用鼠标交互方式修改图形坐标。在OpenLayers5中提供了ol.interaction.Modify交互式控件，可以结合选择要素控件ol.interaction.Select使用。
  • ThreeJS入门（225）：THREE.CSS2DRenderer 知识详解，示例代码 还是大剑师兰特 #ThreeJS综合教程500+大剑师threejs入门threejs教程threejs示例
    作者：还是大剑师兰特，曾为美国某知名大学计算机专业研究生，现为国内GIS领域高级前端工程师，CSDN知名博主，深耕openlayers、leaflet、mapbox、cesium，webgl，ThreeJS，canvas，echarts等技术开发，欢迎加微信（gis-dajianshi），一起交流。查看本专栏目录-本文是第225篇入门文章文章目录特性构造函数方法`render(scene,came
  • 118：vue+leaflet 设定范围，只加载显示某个区域的瓦片 还是大剑师兰特 #leaflet综合教程150+leaflet区域加载leaflet教程leaflet入门leaflet基础大剑师
    作者：还是大剑师兰特，曾为美国某知名大学计算机专业研究生，现为国内GIS领域高级前端工程师，CSDN知名博主，深耕openlayers、leaflet、mapbox、cesium，canvas，echarts等技术开发，欢迎加微信（gis-dajianshi），一起交流。查看本专栏目录-本文是第118个示例文章目录一、示例效果图二、示例简介三、配置方式四、示例源代码（共97行）五、相关文章参考一、
  • OpenLayers加载百度地图 GIS之路 OpenLayersWebGIS前端
    注：当前使用的是ol5.3.0版本，天地图使用的key请到天地图官网申请，并替换为自己的key随着GIS应用的不断发展，Web地图也越来越丰富，除了像ESRI、超图、中地数码这样GIS厂商有各自的数据源格式，也有Google、百度、高德、腾讯提供的GIS资源，如何加载各种GIS数据源，是WebGIS开发要解决的一个关键问题。本节主要介绍加载百度地图数据。1.如何加载百度地图数据可以参照瓦片地图的方
  • OpenLayers 加载高德地图 GIS之路 WebGISOpenLayers前端
    注：当前使用的是ol5.3.0版本，天地图使用的key请到天地图官网申请，并替换为自己的key随着GIS应用的不断发展，Web地图也越来越丰富，除了像ESRI、超图、中地数码这样GIS厂商有各自的数据源格式，也有Google、百度、高德、腾讯提供的GIS资源，如何加载各种GIS数据源，是WebGIS开发要解决的一个关键问题。本节主要介绍加载高德地图数据。1.如何加载百度地图数据高德地图数据直接按照
  • uniapp 整合 OpenLayers - 加载 arcgis server 图层 破z晓 uni-apparcgisswift
    1、加载mapserver服务exportdefault{data(){return{}},onLoad(){},methods:{}}importMapfrom'ol/Map';importViewfrom'ol/View';importTileLayerfrom'ol/layer/Tile.js'//OpenLayers的瓦片图层类importXYZfrom'ol/source/XYZ.js'
  • OpenLayers 加载ArcGIS瓦片数据 GIS之路 OpenLayersWebGISarcgis前端
    注：当前使用的是ol5.3.0版本，天地图使用的key请到天地图官网申请，并替换为自己的key随着GIS应用的不断发展，Web地图也越来越丰富，除了像ESRI、超图、中地数码这样GIS厂商有各自的数据源格式，也有Google、百度、高德、腾讯提供的GIS资源，如何加载各种GIS数据源，是WebGIS开发要解决的一个关键问题。本节主要介绍加载百度地图数据。1.如何加载百度地图数据可以参照瓦片地图的方
  • Dom 周华华 JavaScripthtml
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml&q
  • 【Spark九十六】RDD API之combineByKey bit1129 spark
    1. combineByKey函数的运行机制   RDD提供了很多针对元素类型为(K,V)的API，这些API封装在PairRDDFunctions类中，通过Scala隐式转换使用。这些API实现上是借助于combineByKey实现的。combineByKey函数本身也是RDD开放给Spark开发人员使用的API之一   首先看一下combineByKey的方法说明：
  • msyql设置密码报错：ERROR 1372 (HY000): 解决方法详解 daizj mysql设置密码
    MySql给用户设置权限同时指定访问密码时，会提示如下错误： ERROR 1372 (HY000): Password hash should be a 41-digit hexadecimal number；   问题原因：你输入的密码是明文。不允许这么输入。   解决办法：用select password('你想输入的密码');查询出你的密码对应的字符串， 然后
  • 路漫漫其修远兮 吾将上下而求索 周凡杨 学习 思索
    王国维在他的《人间词话》中曾经概括了为学的三种境界古今之成大事业、大学问者，罔不经过三种之境界。“昨夜西风凋碧树。独上高楼，望尽天涯路。”此第一境界也。“衣带渐宽终不悔，为伊消得人憔悴。”此第二境界也。“众里寻他千百度，蓦然回首，那人却在灯火阑珊处。”此第三境界也。学习技术，这也是你必须经历的三种境界。第一层境界是说，学习的路是漫漫的，你必须做好充分的思想准备，如果半途而废还不如不要开始。这里，注
  • Hadoop(二)对话单的操作 朱辉辉33 hadoop
    Debug： 1、 A = LOAD '/user/hue/task.txt' USING PigStorage(' ') AS (col1,col2,col3); DUMP A; //输出结果前几行示例： (>ggsnPDPRecord(21),,) (-->recordType(0),,) (-->networkInitiation(1),,)
  • web报表工具FineReport常用函数的用法总结（日期和时间函数） 老A不折腾 finereport报表工具web开发
    web报表工具FineReport常用函数的用法总结（日期和时间函数）   说明：凡函数中以日期作为参数因子的，其中日期的形式都必须是yy/mm/dd。而且必须用英文环境下双引号(" ")引用。   DATE DATE(year,month,day):返回一个表示某一特定日期的系列数。 Year:代表年，可为一到四位数。 Month:代表月份。
  • c++ 宏定义中的##操作符 墙头上一根草 C++
    #与##在宏定义中的--宏展开 #include <stdio.h> #define f(a,b) a##b #define g(a)   #a #define h(a) g(a) int main() {       &nbs
  • 分析Spring源代码之，DI的实现 aijuans springDI现源代码
    (转) 分析Spring源代码之，DI的实现 2012/1/3 by tony                 接着上次的讲，以下这个sample [java]  view plain copy print
  • for循环的进化 alxw4616 JavaScript
    // for循环的进化 // 菜鸟 for (var i = 0; i < Things.length ; i++) { // Things[i] } // 老鸟 for (var i = 0, len = Things.length; i < len; i++) { // Things[i] } // 大师 for (var i = Things.le
  • 网络编程Socket和ServerSocket简单的使用 百合不是茶 网络编程基础IP地址端口
      网络编程;TCP/IP协议   网络:实现计算机之间的信息共享,数据资源的交换   协议:数据交换需要遵守的一种协议,按照约定的数据格式等写出去   端口:用于计算机之间的通信      每运行一个程序，系统会分配一个编号给该程序，作为和外界交换数据的唯一标识 0~65535   查看被使用的
  • JDK1.5 生产消费者 bijian1013 javathread生产消费者java多线程
    ArrayBlockingQueue：        一个由数组支持的有界阻塞队列。此队列按 FIFO（先进先出）原则对元素进行排序。队列的头部 是在队列中存在时间最长的元素。队列的尾部 是在队列中存在时间最短的元素。新元素插入到队列的尾部，队列检索操作则是从队列头部开始获得元素。 ArrayBlockingQueue的常用方法：
  • JAVA版身份证获取性别、出生日期及年龄 bijian1013 java性别出生日期年龄
            工作中需要根据身份证获取性别、出生日期及年龄，且要还要支持15位长度的身份证号码，网上搜索了一下，经过测试好像多少存在点问题，干脆自已写一个。 CertificateNo.java package com.bijian.study; import java.util.Calendar; import
  • 【Java范型六】范型与枚举 bit1129 java
    首先，枚举类型的定义不能带有类型参数，所以，不能把枚举类型定义为范型枚举类，例如下面的枚举类定义是有编译错的   public enum EnumGenerics<T> { //编译错，提示枚举不能带有范型参数 OK, ERROR; public <T> T get(T type) { return null;
  • 【Nginx五】Nginx常用日志格式含义 bit1129 nginx
    1. log_format 1.1 log_format指令用于指定日志的格式，格式：   log_format name(格式名称) type(格式样式)   1.2 如下是一个常用的Nginx日志格式：   log_format main '[$time_local]|$request_time|$status|$body_bytes
  • Lua 语言 15 分钟快速入门 ronin47 lua 基础
    - - 单行注释 - - [[      [多行注释] - - ]]   - - - - - - - - - - - 1. 变量 & 控制流 - - - - - - - - - - num = 23 - - 数字都是双精度 str = 'aspythonstring'
  • java-35.求一个矩阵中最大的二维矩阵 ( 元素和最大 ) bylijinnan java
    the idea is from: http://blog.csdn.net/zhanxinhang/article/details/6731134 public class MaxSubMatrix { /**see http://blog.csdn.net/zhanxinhang/article/details/6731134 * Q35 求一个矩阵中最大的二维
  • mongoDB文档型数据库特点 开窍的石头 mongoDB文档型数据库特点
    MongoDD: 文档型数据库存储的是Bson文档-->json的二进制 特点：内部是执行引擎是js解释器，把文档转成Bson结构，在查询时转换成js对象。 mongoDB传统型数据库对比    传统类型数据库：结构化数据，定好了表结构后每一个内容符合表结构的。也就是说每一行每一列的数据都是一样的    文档型数据库：不用定好数据结构，
  • [毕业季节]欢迎广大毕业生加入JAVA程序员的行列 comsci java
        一年一度的毕业季来临了。。。。。。。。      正在投简历的学弟学妹们。。。如果觉得学校推荐的单位和公司不适合自己的兴趣和专业，可以考虑来我们软件行业，做一名职业程序员。。。      软件行业的开发工具中，对初学者最友好的就是JAVA语言了，网络上不仅仅有大量的
  • PHP操作Excel – PHPExcel 基本用法详解 cuiyadll PHPExcel
    导出excel属性设置//Include classrequire_once('Classes/PHPExcel.php');require_once('Classes/PHPExcel/Writer/Excel2007.php');$objPHPExcel = new PHPExcel();//Set properties 设置文件属性$objPHPExcel->getProperties
  • IBM Webshpere MQ Client User Issue (MCAUSER) darrenzhu IBMjmsuserMQMCAUSER
    IBM MQ JMS Client去连接远端MQ Server的时候，需要提供User和Password吗？ 答案是根据情况而定，取决于所定义的Channel里面的属性Message channel agent user identifier (MCAUSER)的设置。 http://stackoverflow.com/questions/20209429/how-mca-user-i
  • 网线的接法 dcj3sjt126com
    一、PC连HUB (直连线)A端：（标准568B）：白橙，橙，白绿，蓝，白蓝，绿，白棕，棕。 B端：（标准568B）：白橙，橙，白绿，蓝，白蓝，绿，白棕，棕。 二、PC连PC （交叉线）A端：(568A)： 白绿，绿，白橙，蓝，白蓝，橙，白棕，棕； B端：（标准568B）：白橙，橙，白绿，蓝，白蓝，绿，白棕，棕。 三、HUB连HUB&nb
  • Vimium插件让键盘党像操作Vim一样操作Chrome dcj3sjt126com chromevim
    什么是键盘党？ 键盘党是指尽可能将所有电脑操作用键盘来完成，而不去动鼠标的人。鼠标应该说是新手们的最爱，很直观，指哪点哪，很听话！不过常常使用电脑的人，如果一直使用鼠标的话，手会发酸，因为操作鼠标的时候，手臂不是在一个自然的状态，臂肌会处于绷紧状态。而使用键盘则双手是放松状态，只有手指在动。而且尽量少的从鼠标移动到键盘来回操作，也省不少事。 在chrome里安装 vimium 插件
  • MongoDB查询（2）——数组查询[六] eksliang mongodbMongoDB查询数组
    MongoDB查询数组 转载请出自出处：http://eksliang.iteye.com/blog/2177292 一、概述  MongoDB查询数组与查询标量值是一样的，例如，有一个水果列表，如下所示： > db.food.find() { "_id" : "001", "fruits" : [ "苹
  • cordova读写文件（1） gundumw100 JavaScriptCordova
    使用cordova可以很方便的在手机sdcard中读写文件。 首先需要安装cordova插件：file 命令为： cordova plugin add org.apache.cordova.file 然后就可以读写文件了，这里我先是写入一个文件，具体的JS代码为： var datas=null;//datas need write var directory=&
  • HTML5 FormData 进行文件jquery ajax 上传 到又拍云 ileson jqueryAjaxhtml5FormData
    html5 新东西：FormData  可以提交二进制数据。 页面test.html <!DOCTYPE> <html> <head> <title> formdata file jquery ajax upload</title> </head> <body> <
  • swift appearanceWhenContainedIn:(version1.2 xcode6.4) 啸笑天 version
      swift1.2中没有oc中对应的方法： + (instancetype)appearanceWhenContainedIn:(Class <UIAppearanceContainer>)ContainerClass, ... NS_REQUIRES_NIL_TERMINATION;  解决方法： 在swift项目中新建oc类如下： #import &
  • java实现SMTP邮件服务器 macroli java编程
    电子邮件传递可以由多种协议来实现。目前，在Internet 网上最流行的三种电子邮件协议是SMTP、POP3 和 IMAP，下面分别简单介绍。 　　◆ SMTP 协议 　　简单邮件传输协议(Simple Mail Transfer Protocol,SMTP)是一个运行在TCP/IP之上的协议，用它发送和接收电子邮件。SMTP 服务器在默认端口25上监听。SMTP客户使用一组简单的、基于文本的
  • mongodb group by having where 查询sql qiaolevip 每天进步一点点学习永无止境mongo纵观千象
    SELECT cust_id, SUM(price) as total FROM orders WHERE status = 'A' GROUP BY cust_id HAVING total > 250 db.orders.aggregate( [ { $match: { status: 'A' } }, { $group: {
  • Struts2 Pojo（六） Luob. POJOstrust2
    注意：附件中有完整案例 1.采用POJO对象的方法进行赋值和传值 2.web配置 <?xml version="1.0" encoding="UTF-8"?> <web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee&q
  • struts2步骤 wuai struts
    1、添加jar包 2、在web.xml中配置过滤器 <filter>        <filter-name>struts2</filter-name>        <filter-class>org.apache.st
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他