jiegsier
jiegsier

OpenLayers3基础教程之实现地图显示功能

1.配置开发环境

使用OpenLayers 3开发WebGIS应用，我们首先需要配置开发环境，首先我们需要在openlayers官网获取OpenLayers 3的开发库。下载链接：官网。打开后如图所示：
OpenLayers3基础教程之实现地图显示功能_第1张图片

需要注意的是这里下载有两个版本，①：仅包括开发库（开发与调试的JS库以及CSS文件），②：包括开发库、开发库源码、示例、API等所有开发资源。

  • 在这里我下载了第一个版本，下载后如图所示：
    OpenLayers3基础教程之实现地图显示功能_第2张图片

2. 显示一个OSM瓦片地图

这里我们介绍基于OpenLayers 3 API显示一个OSM瓦片地图（即OpenStreeMap的瓦片地图）。

方法1

  • 实现思路：对地图的显示，首先需要创建一个地图容器对象（oL.Map类），然后在容器里面加载图层来实现。

  • 实现步骤：

    1. 新建一个文件夹，用于我们编写网页，然后在文件夹中新建js文件夹，以及css文件夹，首先我们将前面下载的OpenLayers 3 的开发库和样式文件（ol.js、ol.css）复制到js文件夹中。
    2. 在文件夹中新建一个HTML网页，在网页的head 标签中引入ol.js与ol.css。
    3. 在网页body 中新建一个div作为地图容器，设置其id为“map”，并通过css设置来设置容器的样式。
    4. 编写代码创建一个地图容器对象（ol.Map），通过target参数关联到目标容器（id为“map”的div），通过view参数设置地图视图（ol.View）。

实现代码如下：


<html>

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>加载OSM地图title>
    
    <link rel="stylesheet" href="css/ol.css">
    <script src="js/ol.js">script>
    <style>
        #map {
            width: 100%;
            height: 100%;
            position: absolute;
        }
    style>
head>

<body>
    <div id="map">div>
    <script type="text/javascript">
        //实例化Map对象，用于加载地图
        var map = new ol.Map({
            target: 'map', //地图容器div的id
            //设置在地图容器中加载图层
            layers: [
                //加载瓦片图层
                new ol.layer.Tile({
                    //图层对应的数据源，这里为加载OpenStreetMap在线瓦片服务数据
                    source: new ol.source.OSM()
                })
            ],
            //地图视图设置
            view: new ol.View({
                center: [32, 113], //地图显示的初始中心
                zoom: 2 //地图初始显示的级别
            })
        });
    script>
body>

html>


  • 代码说明：首先这是一种最简单的静态加载地图的方法，我们在初始化一幅地图（map）时，至少需要一个可视区域（View），以及在可以区域中显示的一个或者多个图层（layer），和一个地图加载的目标标签（target）。所以通过target、layers、view参数来设置加载地图必须的瓦片图层、地图视图和加载的目标HTML标签。

  1. ol.Map：地图容器类，是OpenLayers 3 的核心部件，用于显示地图，可以加载各种类型的图层，加载地图控件（比例尺，鹰眼，地图的缩放等等），以及与地图交互的功能控件等。通过实例化地图容器对象来加载地图，并对target、layers、view参数进行设置，这是地图加载的必备三要素。
  2. ol.layer.Tile:瓦片图层类，主要用于加载瓦片图层，可以通过实例化瓦片图层对象，绑定数据源（source）加载对应的瓦片图层。
  3. ol.source.OSM :封装的OpenStreetMap在线瓦片服务数据的数据源类，创建此数据源对象并加载到瓦片图层中。
    ol.View：地图视图类，主要是控制地图与人的交互，如缩放、调整地图显示分辨率以及旋转地图等。通过实例化地图视图对象，设置地图的中心点（center）、初试显示中心（zoom）等参数。

在加载图层是，除了通过layers参数来设置地图这种方式外，Map也提供了addLayer方法动态加载图层对象。例如加载图层的代码如下：

    
"map">
方法2

第一种方法是直接在HTML页面中的 body 标签中加载地图，这种方式在浏览器解析时按照顺序加载执行，第二种方法就是我们可以现在html页面的head 的标签中编写javascript代码，也就是说写一个加载OSM地图的init函数，然后在网页的 body 标签中由onload方法调用加载地图的init函数，这种加载方法在浏览器解析时，首先加载javascript，当加载页面内容时在调用处，再执行相应的javascript，实现页面加载完成后立即加载地图数据的功能。

  • 代码如下：




    "utf-8" />
    "X-UA-Compatible" content="IE=edge">
    加载OSM地图
    
    "stylesheet" href="css/ol.css">
    
    
    


"init()">
    
"map">

你可能感兴趣的:(webgis,openlayers)

  • 四章-32-点要素的聚合 彩云飘过
    本文基于腾讯课堂老胡的课《跟我学Openlayers--基础实例详解》做的学习笔记，使用的openlayers5.3.xapi。源码见1032.html，对应的官网示例https://openlayers.org/en/latest/examples/cluster.htmlhttps://openlayers.org/en/latest/examples/earthquake-clusters.
  • OrangePi5 RK3588本地部署基于Cesium的WebGL应用 vinlandtech webgl
    基于OranglePi5平台，本地部署WebGIS应用步骤：1、下载oranglepi5ubuntu22.04镜像，按用户手册进行烧写。链接：https://pan.baidu.com/s/1g-TO3DeIl1M1JfAPHbCyxg提取码：vlzt2、下载安装WebGL工具包。该软件包针对RK3588WebGL应用进行一定优化。链接：https://pan.baidu.com/s/1jP__h
  • 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
  • webGIS后端程序员学习路线 听忆. 日常开发学习
    webGIS后端程序员学习路线1.GIS基础知识学习要点：学习资源：2.后端编程基础学习要点：学习资源：3.地理数据库（SpatialDatabase）学习要点：学习资源：4.空间数据处理与分析学习要点：学习资源：5.WebGIS服务器与Web服务学习要点：学习资源：6.缓存与优化学习要点：学习资源：7.前后端交互学习要点：学习资源：8.项目实战总结学习路线边走、边悟迟早会好WebGIS（WebG
  • 四章-47-KML地震信息 彩云飘过
    本文基于腾讯课堂老胡的课《跟我学Openlayers--基础实例详解》做的学习笔记，使用的openlayers5.3.xapi。源码见1047.html，对应的官网示例https://openlayers.org/en/latest/examples/kml-earthquakes.html?q=kmlimage.pngimage.pngKML源，数据处理方式和前例相同信息弹窗使用了bootstr
  • Arcgis JS api 3.4 本地部署（IIS） 地图显示空白问题解决 Dzqingirl arcgisjsapiarcgisJS本地部署IIS空白api
    最近正在学习Webgis，要将服务器上的地图在网页上实现可视化。在本地部署aecgisapi过程前期配置开启IIS，将官网下载的api压缩包arcgis_js_v39_api.zip解压到C:\inetpub\wwwroot\arcgis_js_api目录下打开C:\inetpub\wwwroot\arcgis_js_api\library\install.htm文件，按照里面的步骤进行部署3.在
  • 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
  • webgis（四） 松果猿 arcgisjavascriptvue.js
    底图自定义关于如何添加自定义底图可以看其他大佬的文章：https://cloud.tencent.com/developer/article/2340544https://blog.csdn.net/weixin_49546561/article/details/121699225https://zhuanlan.zhihu.com/p/413366752https://blog.csdn.net
  • 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
  • webgis后端安卓系统部署攻略 努力的悟空 android
    目录前言一、将后端项目编译ARM64二、安卓手机安装termux1.更换为国内源2.安装ssh远程访问3.安装文件远程访问三、安装postgis数据库1.安装数据库2.数据库配置3.数据导入四、后端项目部署五、自启动设置总结前言因为之前一直做的H5+APP开发，GIS服务后端基本上都是部署在服务器中，遇到客户需要定制纯离线版webgisapp时遇到了这个问题，因为本身是做的BS端的产品，一下转纯安
  • 四章-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
  • mapbox+deck.gl加载倾斜摄影模型3dtiles 阳光男孩~Taner mapboxdeck.gljavascript
    一、背景做三维WebGIS开发的朋友们都知道，我们加载倾斜摄影模型，一般使用cesium加载3dtiles格式的数据很简单，官网和网上都有很多例子，这里也不再详细赘述。但是在使用cesium场景中我们会遇到这样一个问题，在加载整个球的时候其实是影响了性能的，在加载局部小场景的时候我们是不需要加载整个地球的，例如我们在做智慧园区的项目时候，基本上只关注园区及其周边范围。如果加载整个地球无疑对资源开销
  • 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.前
  • webgis入门（三） 松果猿 vue.jsarcgis
    前言：上一期的代码忘记提交到github上，这一期正好就学一下如何提交更新的代码1.查看状态2.添加到暂存区3.提交修改到本地4.提交代码到github本项目的github地址：https://github.com/songguo1/vue-webgis昨天的代码也存在一些问题：上一期路由跳转用了两个方法，一是通过事件跳转，二是通过方式跳转而用事件跳转运行则会报错：只需要在router/index
  • webgis入门（二） 松果猿 arcgiselementuijavascript
    前言吾欲续前文之未竟，前一期之组件MapView.vue之文未明，盖因袭他人之文也。今明其义，再为是书增益一能，欲再增其用，此文乃令吾等为此项目增设菜单导航之功。上一期组件MapView组件代码：import{loadModules}from'esri-loader';constoptions={url:'https://js.arcgis.com/4.18/init.js',css:'https
  • VMware Workstation 11 或者 VMware Player 7安装MAC OS X 10.10 Yosemite iwindyforest vmwaremac os10.10workstationplayer
    最近尝试了下VMware下安装MacOS 系统， 安装过程中发现网上可供参考的文章都是VMware Workstation 10以下， MacOS X 10.9以下的文章， 只能提供大概的思路， 但是实际安装起来由于版本问题， 走了不少弯路， 所以我尝试写以下总结， 希望能给有兴趣安装OSX的人提供一点帮助。     写在前面的话： 其实安装好后发现， 由于我的th
  • 关于《基于模型驱动的B/S在线开发平台》源代码开源的疑虑？ deathwknight JavaScriptjava框架
    本人从学习Java开发到现在已有10年整，从一个要自学 java买成javascript的小菜鸟，成长为只会java和javascript语言的老菜鸟（个人邮箱：[email protected]） 一路走来，跌跌撞撞。用自己的三年多业余时间，瞎搞一个小东西（基于模型驱动的B/S在线开发平台，非MVC框架、非代码生成）。希望与大家一起分享，同时有许些疑虑，希望有人可以交流下 平台
  • 如何把maven项目转成web项目 Kai_Ge mavenMyEclipse
    创建Web工程，使用eclipse ee创建maven web工程 1.右键项目,选择Project Facets,点击Convert to faceted from 2.更改Dynamic Web Module的Version为2.5.(3.0为Java7的,Tomcat6不支持). 如果提示错误,可能需要在Java Compiler设置Compiler compl
  • 主管？？？ Array_06 工作
    转载：http://www.blogjava.net/fastzch/archive/2010/11/25/339054.html 很久以前跟同事参加的培训，同事整理得很详细，必须得转！ 前段时间，公司有组织中高阶主管及其培养干部进行了为期三天的管理训练培训。三天的课程下来，虽然内容较多，因对老师三天来的课程内容深有感触，故借着整理学习心得的机会，将三天来的培训课程做了一个
  • python内置函数大全 2002wmj python
    最近一直在看python的document，打算在基础方面重点看一下python的keyword、Build-in Function、Build-in Constants、Build-in Types、Build-in Exception这四个方面，其实在看的时候发现整个《The Python Standard Library》章节都是很不错的，其中描述了很多不错的主题。先把Build-in Fu
  • JSP页面通过JQUERY合并行 357029540 JavaScriptjquery
    在写程序的过程中我们难免会遇到在页面上合并单元行的情况，如图所示 如果对于会的同学可能很简单，但是对没有思路的同学来说还是比较麻烦的，提供一下用JQUERY实现的参考代码 function mergeCell(){         var trs = $("#table tr"); &nb
  • Java基础 冰天百华 java基础
    学习函数式编程 package base; import java.text.DecimalFormat; public class Main { public static void main(String[] args) { // Integer a = 4; // Double aa = (double)a / 100000; // Decimal
  • unix时间戳相互转换 adminjun 转换unix时间戳
    如何在不同编程语言中获取现在的Unix时间戳(Unix timestamp)？ Java time JavaScript Math.round(new Date().getTime()/1000) getTime()返回数值的单位是毫秒 Microsoft .NET / C# epoch = (DateTime.Now.ToUniversalTime().Ticks - 62135
  • 作为一个合格程序员该做的事 aijuans 程序员
    作为一个合格程序员每天该做的事 1、总结自己一天任务的完成情况 最好的方式是写工作日志，把自己今天完成了什么事情，遇见了什么问题都记录下来，日后翻看好处多多 2、考虑自己明天应该做的主要工作 把明天要做的事情列出来，并按照优先级排列，第二天应该把自己效率最高的时间分配给最重要的工作 3、考虑自己一天工作中失误的地方，并想出避免下一次再犯的方法 出错不要紧，最重
  • 由html5视频播放引发的总结 ayaoxinchao html5视频video
    前言   项目中存在视频播放的功能，前期设计是以flash播放器播放视频的。但是现在由于需要兼容苹果的设备，必须采用html5的方式来播放视频。我就出于兴趣对html5播放视频做了简单的了解，不了解不知道，水真是很深。本文所记录的知识一些浅尝辄止的知识，说起来很惭愧。   视频结构   本该直接介绍html5的<video>的，但鉴于本人对视频
  • 解决httpclient访问自签名https报javax.net.ssl.SSLHandshakeException: sun.security.validat bewithme httpclient
         如果你构建了一个https协议的站点，而此站点的安全证书并不是合法的第三方证书颁发机构所签发，那么你用httpclient去访问此站点会报如下错误   javax.net.ssl.SSLHandshakeException: sun.security.validator.ValidatorException: PKIX path bu
  • Jedis连接池的入门级使用 bijian1013 redisredis数据库jedis
    Jedis连接池操作步骤如下：         a.获取Jedis实例需要从JedisPool中获取；         b.用完Jedis实例需要返还给JedisPool；         c.如果Jedis在使用过程中出错，则也需要还给JedisPool； packag
  • 变与不变 bingyingao 不变变亲情永恒
    变与不变    周末骑车转到了五年前租住的小区，曾经最爱吃的西北面馆、江西水饺、手工拉面早已不在，    各种店铺都换了好几茬，这些是变的。    三年前还很流行的一款手机在今天看起来已经落后的不像样子。    三年前还运行的好好的一家公司，今天也已经不复存在。    一座座高楼拔地而起，
  • 【Scala十】Scala核心四：集合框架之List bit1129 scala
    Spark的RDD作为一个分布式不可变的数据集合，它提供的转换操作，很多是借鉴于Scala的集合框架提供的一些函数，因此，有必要对Scala的集合进行详细的了解   1. 泛型集合都是协变的，对于List而言，如果B是A的子类，那么List[B]也是List[A]的子类，即可以把List[B]的实例赋值给List[A]变量   2. 给变量赋值(注意val关键字，a，b
  • Nested Functions in C bookjovi cclosure
      Nested Functions 又称closure，属于functional language中的概念，一直以为C中是不支持closure的，现在看来我错了，不过C标准中是不支持的，而GCC支持。   既然GCC支持了closure，那么 lexical scoping自然也支持了，同时在C中label也是可以在nested functions中自由跳转的
  • Java-Collections Framework学习与总结-WeakHashMap BrokenDreams Collections
            总结这个类之前，首先看一下Java引用的相关知识。Java的引用分为四种：强引用、软引用、弱引用和虚引用。         强引用：就是常见的代码中的引用，如Object o = new Object();存在强引用的对象不会被垃圾收集
  • 读《研磨设计模式》-代码笔记-解释器模式-Interpret bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ package design.pattern; /* * 解释器（Interpreter）模式的意图是可以按照自己定义的组合规则集合来组合可执行对象 * * 代码示例实现XML里面1.读取单个元素的值 2.读取单个属性的值 * 多
  • After Effects操作&快捷键 cherishLC After Effects
    1、快捷键官方文档 中文版：https://helpx.adobe.com/cn/after-effects/using/keyboard-shortcuts-reference.html 英文版：https://helpx.adobe.com/after-effects/using/keyboard-shortcuts-reference.html 2、常用快捷键
  • Maven 常用命令 crabdave maven
    Maven 常用命令   mvn archetype:generate mvn install mvn clean mvn clean complie mvn clean test mvn clean install mvn clean package mvn test mvn package mvn site   mvn dependency:res
  • shell bad substitution daizj shell脚本
    #!/bin/sh /data/script/common/run_cmd.exp 192.168.13.168 "impala-shell -islave4 -q 'insert OVERWRITE table imeis.${tableName} select ${selectFields}, ds, fnv_hash(concat(cast(ds as string), im
  • Java SE 第二讲（原生数据类型 Primitive Data Type） dcj3sjt126com java
    Java SE  第二讲： 1.   Windows: notepad, editplus, ultraedit, gvim Linux: vi, vim, gedit 2.   Java 中的数据类型分为两大类： 1）原生数据类型  （Primitive Data Type） 2）引用类型（对象类型）  （R
  • CGridView中实现批量删除 dcj3sjt126com PHPyii
    1，CGridView中的columns添加 array( 'selectableRows' => 2, 'footer' => '<button type="button" onclick="GetCheckbox();" style=&
  • Java中泛型的各种使用 dyy_gusi java泛型
    Java中的泛型的使用：1.普通的泛型使用 在使用类的时候后面的<>中的类型就是我们确定的类型。 public class MyClass1<T> {//此处定义的泛型是T private T var; public T getVar() { return var; } public void setVa
  • Web开发技术十年发展历程 gcq511120594 Web浏览器数据挖掘
    回顾web开发技术这十年发展历程： Ajax 03年的时候我上六年级，那时候网吧刚在小县城的角落萌生。传奇，大话西游第一代网游一时风靡。我抱着试一试的心态给了网吧老板两块钱想申请个号玩玩，然后接下来的一个小时我一直在，注，册，账，号。 彼时网吧用的512k的带宽，注册的时候，填了一堆信息，提交，页面跳转，嘣，”您填写的信息有误，请重填”。然后跳转回注册页面，以此循环。我现在时常想，如果当时a
  • openSession()与getCurrentSession()区别： hetongfei javaDAOHibernate
    来自 http://blog.csdn.net/dy511/article/details/6166134 1.getCurrentSession创建的session会和绑定到当前线程,而openSession不会。 2. getCurrentSession创建的线程会在事务回滚或事物提交后自动关闭,而openSession必须手动关闭。 这里getCurrentSession本地事务(本地
  • 第一章 安装Nginx+Lua开发环境 jinnianshilongnian nginxluaopenresty
    首先我们选择使用OpenResty，其是由Nginx核心加很多第三方模块组成，其最大的亮点是默认集成了Lua开发环境，使得Nginx可以作为一个Web Server使用。借助于Nginx的事件驱动模型和非阻塞IO，可以实现高性能的Web应用程序。而且OpenResty提供了大量组件如Mysql、Redis、Memcached等等，使在Nginx上开发Web应用更方便更简单。目前在京东如实时价格、秒
  • HSQLDB In-Process方式访问内存数据库 liyonghui160com
        HSQLDB一大特色就是能够在内存中建立数据库，当然它也能将这些内存数据库保存到文件中以便实现真正的持久化。   先睹为快！   下面是一个In-Process方式访问内存数据库的代码示例：     下面代码需要引入hsqldb.jar包 （hsqldb-2.2.8）   import java.s
  • Java线程的5个使用技巧 pda158 java数据结构
    Java线程有哪些不太为人所知的技巧与用法？ 　　萝卜白菜各有所爱。像我就喜欢Java。学无止境，这也是我喜欢它的一个原因。日常 工作中你所用到的工具，通常都有些你从来没有了解过的东西，比方说某个方法或者是一些有趣的用法。比如说线程。没错，就是线程。或者确切说是Thread这个类。当我们在构建高可扩展性系统的时候，通常会面临各种各样的并发编程的问题，不过我们现在所要讲的可能会略有不同。
  • 开发资源大整合：编程语言篇——JavaScript（1） shoothao JavaScript
    概述：本系列的资源整合来自于github中各个领域的大牛，来收藏你感兴趣的东西吧。     程序包管理器   管理javascript库并提供对这些库的快速使用与打包的服务。 Bower - 用于web的程序包管理。 component - 用于客户端的程序包管理，构建更好的web应用程序。 spm - 全新的静态的文件包管
  • 避免使用终结函数 vahoa.ma javajvmC++
    终结函数（finalizer）通常是不可预测的，常常也是很危险的，一般情况下不是必要的。使用终结函数会导致不稳定的行为、更差的性能，以及带来移植性问题。不要把终结函数当做C++中的析构函数（destructors）的对应物。       我自己总结了一下这一条的综合性结论是这样的： 1）在涉及使用资源，使用完毕后要释放资源的情形下，首先要用一个显示的方
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他