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)

  • 四章-32-点要素的聚合 彩云飘过
    本文基于腾讯课堂老胡的课《跟我学Openlayers--基础实例详解》做的学习笔记，使用的openlayers5.3.xapi。源码见1032.html，对应的官网示例https://openlayers.org/en/latest/examples/cluster.htmlhttps://openlayers.org/en/latest/examples/earthquake-clusters.
  • vue+threeJS示例（001）: 不断翻转的立体箱体 还是大剑师兰特 #ThreeJS综合教程200+threejs入门threejs教程threejs示例大剑师
    作者：还是大剑师兰特，曾为美国某知名大学计算机专业研究生，现为国内GIS领域高级前端工程师，CSDN知名博主，深耕openlayers、leaflet、mapbox、cesium，canvas，echarts等技术开发，欢迎加微信（gis-dajianshi），一起交流。查看本专栏目录-本文是第001个示例文章目录一、示例效果图二、示例简介三、配置说明四、示例源代码（共88行）一、示例效果图二、示
  • 开源GIS与Vue结合 桃子味的白开水
    相关插件安装推荐使用npm的方式安装，它能更好地和webpack打包工具配合使用。¶1、ol-----OpenLayers地图操作基础包[email protected]¶2、ol-ext-----OpenLayers扩展包npminstallol-ext¶3、proj4------前端投影转换包npminstallproj4¶4、turf------前端空间分析包npminstall@tur
  • 在Vue项目中使用Proj4js库进行坐标系转换并加载WMTS服务 卡夫卡的小熊猫 vue.js前端
    OpenLayers是一个用于创建Web地图应用程序的JavaScript库。它支持许多不同的地图投影和坐标系，包括常见的Web墨卡托投影（EPSG:3857）和经纬度坐标系（EPSG:4326），以及其他许多本地或自定义的投影和坐标系。要在OpenLayers中转换不同坐标系下的WMTS服务，你需要了解两个主要部分：坐标系的定义和WMTS服务的配置。安装Proj4js：首先，在Vue项目中安装P
  • 四章-47-KML地震信息 彩云飘过
    本文基于腾讯课堂老胡的课《跟我学Openlayers--基础实例详解》做的学习笔记，使用的openlayers5.3.xapi。源码见1047.html，对应的官网示例https://openlayers.org/en/latest/examples/kml-earthquakes.html?q=kmlimage.pngimage.pngKML源，数据处理方式和前例相同信息弹窗使用了bootstr
  • WebGL入门（019）：WebGLSync 简介、使用方法、示例代码 还是大剑师兰特 #webGL开发教程webgl大剑师
    还是大剑师兰特：曾是美国某知名大学计算机专业研究生，现为航空航海领域高级前端工程师；CSDN知名博主，GIS领域优质创作者，深耕openlayers、leaflet、mapbox、cesium，canvas，webgl，echarts等技术开发，欢迎加底部微信（gis-dajianshi），一起交流。No.内容链接1Openlayers【入门教程】-【源代码+示例300+】2Leaflet【入门教
  • openlayers3——点 人鱼小姐ww openlayers前端
    本篇文章主要是介绍运用openlayers3新增点、移动点，删除点。新增点步骤：1、新增元素2、把元素添加到图层数据源上3、把图层数据源放到图层上4、把图层添加到地图上//新增元素that.pointFeature=newol.Feature({geometry:newol.geom.Point([data.longitude,data.latitude]),//经纬度key:data.id,})
  • Openlayers用图片填充面 Jinuss 玩转OpenlayersjavascriptOplayers
    概述我们知道openlayers通常设置feature要素的方式主要是通过ol.style.stroke描边和ol.style.fill填充,这对比较简单的样式设置十分有效。如果要设置feature的图标，还可以通过ol.style.Icon加载外部图片资源，但是如果要设置面的填充，就需要稍微复杂的设置。效果解决方案colorlikeopenlayers中定义了colorlike类型,通过ol.c
  • Openlayers用图片填充线 Jinuss 玩转Openlayers前端Oplayers前端
    概述上文中提过Openlayers如何用图片填充面，那么我们如何用图片或图标去填充线条呢？在面的填充，我们是平铺的，没有方向，在水平垂直方向重复就完事，但是在线的填充就没有这么简单粗暴了，因为线往往是首尾两端有方向的，比如当线条表示线路图时，pattern就有些力不从心了。效果解决方案StyleFunctionOpenlayers中设置样式除了Style的stroke和fill往，还提供了另一种方
  • 283：vue+openlayers 4326和3857坐标系下的分辨率区别 还是大剑师兰特 #大剑师openlayers示例openlayers入门openlayers教程
    作者：还是大剑师兰特，曾为美国某知名大学计算机专业研究生，现为国内GIS领域高级前端工程师，CSDN知名博主，深耕openlayers、leaflet、mapbox、cesium，canvas，echarts等技术开发，欢迎加微信（gis-dajianshi），一起交流。查看本专栏目录-本文是第283个示例文章目录一、示例效果图二、示例简介三、配置说明四、示例源代码（共115行）五、相关文章参考一
  • Vue使用openlayers加载天地图 zsd_666 前端
    Vue使用openlayers加载天地图https://www.jb51.net/javascript/315236epf.htm
  • 五章-50-绘制点线面 彩云飘过
    本文基于腾讯课堂老胡的课《跟我学Openlayers--基础实例详解》做的学习笔记，使用的openlayers5.3.xapi。源码见1050.html，对应的官网示例https://openlayers.org/en/latest/examples/draw-features.html?q=Draghttps://openlayers.org/en/latest/examples/draw-fr
  • 四章-46-使用KML文件渲染要素 彩云飘过
    本文基于腾讯课堂老胡的课《跟我学Openlayers--基础实例详解》做的学习笔记，使用的openlayers5.3.xapi。源码见1046.html，对应的官网示例https://openlayers.org/en/latest/examples/kml.html?q=wktimage.pngimage.pngKML varraster=newol.layer.Tile({sourc
  • Vue中$root的使用方法 还是大剑师兰特 #vue2实战指南vue.jsvue的root大剑师
    查看本专栏目录关于作者还是大剑师兰特：曾是美国某知名大学计算机专业研究生，现为航空航海领域高级前端工程师；CSDN知名博主，GIS领域优质创作者，深耕openlayers、leaflet、mapbox、cesium，canvas，webgl，echarts等技术开发，欢迎加底部微信，一起交流。热门推荐内容链接1openlayers从基础到精通，300+代码示例2leaflet热门分解学习教程，15
  • vue3结合openlayers，geoserver实现GIS一张图(WebGIS) GIS小小白 javascriptvue.js前端arcgispostgresqlweb
    一.前言不知不觉一年又要过去了，接触开发也就是这几个月的事情，感觉时间过的真快，今天就是除夕了，祝各位新年快乐呀，话说回来，其实在接触学习WebGIS的过程中还是蛮迷茫的，自己虽然是地信的学生，对于地理方面还有有一些自己的理解，但平时专业课学习的就是arcgis空间分析，遥感图像处理，WebGIS的部分并不是太重视，可能是因为没有那么多时间，毕竟这需要扎实的前端技能，不是一朝一夕就可以说明白的，当
  • CSS特效027：超可爱的小狗狗，女孩子都喜欢 还是大剑师兰特 #css常用示例100+css前端css小狗
    为什么当初选择计算机行业？科技总是迷人的，通过计算机可以造出各种美妙的设计。后来工作，更加感觉到可视化的魅力，于是乎更加的专注于canvas，CSS，openlayers，leaflet，cesium。。。CSS常用示例100+专栏目录本专栏记录的是经常使用的CSS示例与技巧，主要包含CSS布局，CSS特效，CSS花边信息三部分内容。其中CSS布局主要是列出一些常用的CSS布局信息点，CSS特效主
  • 四章-35-鼠标悬停查看矢量瓦片的信息 彩云飘过
    本文基于腾讯课堂老胡的课《跟我学Openlayers--基础实例详解》做的学习笔记，使用的openlayers5.3.xapi。源码见1035.html，对应的官网示例https://openlayers.org/en/latest/examples/vector-tile-info.html?q=featureimage.pngimage.png鼠标悬停查看矢量瓦片的信息#map{positio
  • 四章-36-单选或多选矢量瓦片 彩云飘过
    本文基于腾讯课堂老胡的课《跟我学Openlayers--基础实例详解》做的学习笔记，使用的openlayers5.3.xapi。源码见1036.html，对应的官网示例https://openlayers.org/en/latest/examples/box-selection.html?q=featureimage.png单选或多选矢量瓦片选择方式 单选多选//实现思路：声明一个对象s
  • Geoserver 2.20.x 使用SVG符号的准确方法 [email protected] GISGeoserversvgsld
    1、找到数据目录：如图所示：或者：2、将QGIS如下目录下的svg文件夹全部拷贝到相应路径：(也叫“工作区”)3、用相对路径引用：（openlayers）4、最终效果：另：网上的很多方法都不管用，我这经测可行。
  • 从零打造一个Web地图引擎 街角小林2
    说到地图，大家一定很熟悉，平时应该都使用过百度地图、高德地图、腾讯地图等，如果涉及到地图相关的开发需求，也有很多选择，比如前面的几个地图都会提供一套jsAPI，此外也有一些开源地图框架可以使用，比如OpenLayers、Leaflet等。那么大家有没有想过这些地图是怎么渲染出来的呢，为什么根据一个经纬度就能显示对应的地图呢，不知道没关系，本文会带各位从零实现一个简单的地图引擎，来帮助大家了解GIS
  • vue+cesium：从0到1部署开发运行环境 还是大剑师兰特 #cesium示例教程100+vue.jsjavascriptcesiumcesium教程cesium示例
    本系列教程是在vue2.X的基础上加载cesium程序，来开发各种示例程序。安装顺序1，下载安装nodejs下载地址：https://nodejs.org/en/download/根据用户自己的机器情况进行选择不同版本的软件下载。本教程示例采用是是windows64位系统软件。安装过程很简单，一路下一步。更为详细的请参考：http://www.openlayers-cesium.com/2021/
  • WebGIS入门—进阶 GISer_Jing WebGIS读研笔记期末考试arcgiswebgl前端javatomcatmysqlvue
    WebGIS入门_GISer_Jing的博客-CSDN博客在WebGIS入门篇，前端使用了纯HTML、CSS、Javascript、Jquery较为传统方式构建，服务器借助ArcGISSrver发布相关地理服务且仅涉及到2DGIS，未自行构建后端且未涉及到数据库。So,WebGIS进阶来了！！！！本文大概是关于：Vue2+Cesium+Openlayers+Java+MySQL+Tomcat1.前
  • openlayers 信息弹出框封装 jjxliu306
    在使用openlayers作为地图前端展示层的时候，用户经常需要点击具体某个feature之后弹出该feature的具体信息，因此封装一个弹出层组件作为公共组件，样式统一，调用简单。代码如下：1、组件封装Popup.js/*刘玉峰[email protected]*///点击后高亮下方的feature并且弹出popup信息做展示Popup=function(map){this.
  • GeoServer安装部署并发布图层 朱凤丽
    概况GeoServer是基于Java的软件服务器，允许用户查看和编辑地理空间数据。使用开放地理空间联盟（OGC）提出的开放标准，GeoServer在地图创建和数据共享方面具有极大的灵活性。这是官方的介绍，其实看它的名字，不难理解，是一种服务，它可以创建各种格式的地图，根据数据可以呈现为png/jpeg格式的图片，使数据可视化。接触地图，使用openlayers挺长时间，请求了很多GeoServer
  • openlayers地图初始化(一) Summer_Uncle 前端javascript
    1.下包npminstallol2.初始化import{Map,View}from'ol'importTileLayerfrom'ol/layer/Tile'//创建一个map对象，指定地图容器的id和展示地图的初始视图varmap=newol.Map({target:'map',//地图容器的idview:newol.View({center:ol.proj.fromLonLat([118.79
  • Cesium 实战 - 加载 GeoJson 混合几何类型数据（同时包含 MultiPolygon 和 MultiLinestring），不能加载的问题 非科班Java出身GISer Cesium实战教程cesiumgeoJsoncesium多几何问题geoJson多几何问题geoJson混合数据问题geoJsoncesium
    Cesium实战-加载GeoJson混合几何类型数据（同时包含MultiPolygon和MultiLinestring），不能加载的问题复现问题完整代码：在线示例在之前的项目中，偶然遇到个气泡的问题：GeoJson同时包含MultiPolygon和MultiLinestring，并且数量比较大的时候，MultiLinestring不同正常加载。经过测试，Openlayers中加载是没有问题的，Ce
  • 卫星影像离线瓦片如何调用？ 水经注GIS 地图数据
    我们曾为你分享了按区县购买卫星影像并在线调用的方法。于是就有朋友问，卫星影像瓦片可以离线调用吗？当然可以，这里就来分享一下卫星影像瓦片离线调用的方法。卫星影像离线瓦片如何调用？这里以OpenLayers、Mapbox和Cesium等多个开源GIS平台为例，为你分享卫星影像瓦片离线调用的方法，并附上相应的源代码示例。如果你需要该源代码，请通过关注公众号“水经注GIS”，并在后台回复“240124”自
  • vue+openlayers根据坐标点绘制多边形 小黑猪hhh openlayersvue天地图
    需求：根据多边形轮廓点及中心点在天地图上绘制形状；不同类型的多边形轮廓以颜色区分功能：1.中心点坐标实现聚合2.根据地图的缩放级别显示或者隐藏多边形3.鼠标移入多边形或者中心点实现高亮并显示弹框，移除恢复原来的效果js代码varmap,layer_poly_A,layer_poly_B,layer_poly_C,layer_poi_A,layer_poi_B,layer_poi_Cconstove
  • WebGIS实战：Vue+Openlayers实现地图控件的加载与控件自定义位置 Oruizn Vue.jsWebGISvuecss
    目录前言1、Openlayers自带的地图控件介绍与展示2、Openlayers-Extension提供的地图控件介绍与展示3、地图控件位置调整4、下一步计划5、相关源码相关WebGIS实战信息：上一篇博客：WebGIS实战：Vue+Openlayers实现网络地图的加载与切换下一篇博客：前言在上一节《WebGIS实战：Openlayers实现网络地图的加载与切换》中，我们已经用到了一个地图控件了
  • 259：vue+openlayers: 显示海量多边形数据，10ms加载完成 还是大剑师兰特 #openlayers海量多边形openlayers海量数据openlayers进阶教程openlayers入门教程
    第259个点击查看专栏目录本示例的目的是介绍演示如何在vue+openlayers项目中通过WebGLVectorLayerRenderer方式加载海量多边形数据。这里相当于将海量的数据放在同一个层的source中，然后通过webglTile的方式渲染出这一层。本示例数据为5000个多边形，加载速度超级快。直接复制下面的vue+openlayers源代码，操作2分钟即可运行实现效果；注意如果Ope
  • 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其他