汪 同 学 丶
汪 同 学 丶

【超图+CESIUM】【基础API使用示例】49、超图｜CESIUM -自定义按钮操作视角上下左右东西南北移动｜修改覆盖罗盘的上下左右东西南北的视角移动

前言

缺少前置学习使用资料，请自行查阅：[https://blog.csdn.net/weixin_44402694/article/details/123110136](https://blog.csdn.net/weixin_44402694/article/details/123110136)
以下示例使用到的公共静态资料，不建议下载，建议官网自行下载超图Build资源，示例所涉及图片会在示例使用到时提供出来。如有需要可下载：[https://download.csdn.net/download/weixin_44402694/82180350](https://download.csdn.net/download/weixin_44402694/82180350)。
自定义按钮操作视角上下左右移动，覆盖罗盘本身的上下左右的视角移动。

一、自定义按钮操作视角上下左右移动

  • 代码实现
DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>手动设置上下左右东西南北平移视角title>
  <link href="./public/Build/Cesium/Widgets/widgets.css" rel="stylesheet" />
  <script type="text/javascript" src="./public/Build/Cesium/Cesium.js">script>
  <style>
    * {
      margin: 0;
      padding: 0;
    }

    html,
    body,
    #cesium-container {
      width: 100%;
      height: 100%;
    }
    .wrap {
      position: fixed;
      left: 0;
      top: 0;
      z-index: 1;
    }
    .east, .north, .west, .south {
      padding: 10px;
      background-color: #fff;
      cursor: pointer;
    }
  style>
head>

<body>
  <div class="wrap">
    <div class="east">eastdiv>
    <div class="north">northdiv>
    <div class="west">westdiv>
    <div class="south">southdiv>
  div>
  <div id="cesium-container" />
  <script>
    let viewer
    window.onload = function () {
      viewer = new Cesium.Viewer('cesium-container', {
        navigation: false
      })

      const east = document.querySelector('.east')
      const north = document.querySelector('.north')
      const south = document.querySelector('.south')
      const west = document.querySelector('.west')
      /*
      * 需要上下左右平移的幅度
      * 如果需要在不同的视角高度下动态设置平移的幅度，则可动态获取高度然后根据需求计算出幅度值
      * 获取视角高度的方法：viewer.camera.positionCartographic.height
      */
      const moveRate = 100000
      east.onclick = function () {
        viewer.camera.moveRight(moveRate)
      }
      north.onclick = function () {
        viewer.camera.moveUp(moveRate)
      }
      south.onclick = function () {
        viewer.camera.moveDown(moveRate)
      }
      west.onclick = function () {
        viewer.camera.moveLeft(moveRate)
      }
    }
  script>
body>

html>

二、存在问题，请忽略 - 覆盖罗盘本身的上下左右的视角移动

  • 代码实现
DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>修改右上角罗盘上下左右东西南北的移动title>
  <link href="./public/Build/Cesium/Widgets/widgets.css" rel="stylesheet" />
  <script type="text/javascript" src="./public/Build/Cesium/Cesium.js">script>
  <style>
    * {
      margin: 0;
      padding: 0;
    }

    html,
    body,
    #cesium-container {
      width: 100%;
      height: 100%;
    }
  style>
head>

<body>
  <div id="cesium-container" />
  <script>
    let viewer
    window.onload = function () {
      viewer = new Cesium.Viewer('cesium-container', {
        navigation: true
      })

      const e = document.querySelector('.arrows_e_active')
      const n = document.querySelector('.arrows_n_active')
      const s = document.querySelector('.arrows_s_active')
      const w = document.querySelector('.arrows_w_active')
      /*
      * 需要上下左右平移的幅度
      * 如果需要在不同的视角高度下动态设置平移的幅度，则可动态获取高度然后根据需求计算出幅度值
      * 获取视角高度的方法：viewer.camera.positionCartographic.height
      */
      const moveRate = 1000000
      e.onclick = function () {
        viewer.camera.moveRight(moveRate)
      }
      n.onclick = function () {
        viewer.camera.moveUp(moveRate)
      }
      s.onclick = function () {
        viewer.camera.moveDown(moveRate)
      }
      w.onclick = function () {
        viewer.camera.moveLeft(moveRate)
      }
    }
  script>
body>

html>

你可能感兴趣的:(超图+CESIUMJS,超图+CESIUM)

  • 02-Cesium聚合分析EntityCluster完整代码 fxshy htmlcssjavascript
    1.完整代码Document-->-->Cesium.Ion.defaultAccessToken='eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiJhZjZkZDAwZC1mNTFhLTRhOTEtOGExNi00MzRhNGIzMDdlNDQiLCJpZCI6MTA1MTUzLCJpYXQiOjE2NjA4MDg0Njd9.qajeJtc4-kp
  • 03-Cesium自定义着色器完整代码以及注释 fxshy 着色器javascript
    1.效果展示2.完整代码自定义着色器完整代码#map{position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;}Cesium.Ion.defaultAccessToken='eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiJhZjZkZDAwZC1mNTFhLTRhO
  • 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
  • CesiumJS+SuperMap3D.js混用实现可视域分析 S3M图层加载 裁剪区域绘制 SteveJi666 WebGLcesiumEarthSDKSuperMap3djavascript前端arcgis
    版本简介：cesium：1.99；Supermap3D：SuperMapiClientJavaScript11i(2023)；官方下载文档链家：SuperMap技术资源中心|为您提供全面的在线技术服务示例参考：support.supermap.com.cn:8090/webgl/Cesium/examples/webgl/examples.html#analysissupport.supermap
  • vue3+ts+supermap icilent3d for cesium功能集合 用你的胜利博我一笑吧 arcgis
    会把各项功能链接放在这1.vue3配置supermapicilent3dforcesiumvue3中使用supermapicilent3dforcesium_npm引入supermapgis-CSDN博客2.功能2.1加载天地图，加载地形，夸大地形supermapicilent3dforcesium加载地形并夸大地形-CSDN博客2.2加载雨雪天气，并添加白色的材质2.3调整图层高度，透明度等信息
  • CesiumJS+SuperMap3D.js混用实现通视分析 SteveJi666 WebGLcesiumEarthSDKSuperMap3djavascript前端arcgis
    版本简介：cesium：1.99；Supermap3D：SuperMapiClientJavaScript11i(2023)；官方下载文档链家：SuperMap技术资源中心|为您提供全面的在线技术服务示例参考：support.supermap.com.cn:8090/webgl/Cesium/examples/webgl/examples.html#analysissupport.supermap
  • vue+threeJS示例（001）: 不断翻转的立体箱体 还是大剑师兰特 #ThreeJS综合教程200+threejs入门threejs教程threejs示例大剑师
    作者：还是大剑师兰特，曾为美国某知名大学计算机专业研究生，现为国内GIS领域高级前端工程师，CSDN知名博主，深耕openlayers、leaflet、mapbox、cesium，canvas，echarts等技术开发，欢迎加微信（gis-dajianshi），一起交流。查看本专栏目录-本文是第001个示例文章目录一、示例效果图二、示例简介三、配置说明四、示例源代码（共88行）一、示例效果图二、示
  • cesium入门-基础知识01 标准形与二次型 cesium3D可视化
    cesium入门-基础知识01前言：工作关系开始接触cesium，简单记录一下帮助自己理清思路。1.资料CesiumAPI英文官方文档:https://cesium.com/learn/cesiumjs/ref-doc/CesiumAPI中文文档http://cesium.xin/cesium/cn/Documentation1.62/Cesium源码https://github.com/Cesi
  • 【Cesium实体创建】 琳沫lerlee cesiumelasticsearchcesium
    提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档Cesium目录前言一、Cesium二、点线实体1.点实体2.线实体总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考一、Cesium如何引用Cesium，代码如下（示例）
  • 【Cesium三维地球上添加点、线、面、文字、图标（图片）、模型等标绘】 琳沫lerlee cesiumvue.js前端
    Cesium-VueCesium1.创建点线面模型对象1.1点实体对象1.1.1创建实体再添加1.1.2直接添加1.2线实体对象1.3Label实体对象1.4面实体对象1.5模型glb对象1.6移除实体方法3.瓦片3Dtitles4.样式5.cesium经纬度变换Cesium教学：https://blog.csdn.net/weixin_45782925/article/details/12326
  • react中使用Cesium 初遇你时动了情 react.js前端前端框架
    Cesium初始化的配置项说明animation：是否显示动画控制器。baseLayerPicker：是否允许用户选择基础图层。fullscreenButton：是否显示全屏按钮。vrButton：是否显示VR按钮。geocoder：是否显示地理编码器，或应该包含哪些Geocoder服务对象。homeButton：是否显示主页按钮。infoBox：是否显示信息框。sceneModePicker：是
  • vue2（vue-cli3x[vue.config.js]）使用cesium新版（1.117.0）配置过程 GIS瞧葩菜 cesiumwebglvue.jsjavascript前端cesium
    看来很多解决方法都没有办法，最后终于。呜呜呜呜这里我用的是vue-cli去搭建的项目的vue2项目，其实不建议用vue2搭配cesium。因为目前cesium停止了对vue2的版本更新，现在默认安装都是vue3版本，因此需要控制版本，否则就会报错。只有cesiun为[email protected]的时候搭配vue2使用不会用报错问题，而搭配使用新版本的cesium会报错。真的头疼，但
  • cesium中如何修改图层的着色器，使其达到我们想要的图层风格 小秧@ 着色器javascript开发语言
    cesium中如何修改图层的着色器，使其达到我们想要的图层风格在cesium中我们可以，通过修改图层的着色器源代码使其达到一些酷炫的效果，现在我们来说说如何做到这一切。获取图层对应的片源着色器源代码constbaseFragmentShader=viewer.scene.globe._surfaceShaderSet.baseFragmentShaderSource.sources;好现在base
  • Three.js Cesium.js 案例聚集地 优雅永不过时· javascript3d低代码智慧城市threejscesiumjs
    对于大多数的开发者来言，看了很多文档可能遇见不到什么有用的，就算有用从文档上看，把代码复制到自己的本地大多数也是不能用的，非常浪费时间和学习成本，尤其是three.js，cesium.js这种难度较高，想要实现一个功能可能会查阅很多博客，进行很多错误尝试，费时费力。集成了相关友情站所以，话不多说为了给各位造福利，我搭建了在线查看代码且可的调试系统，所有案例可直接访问，让你欣赏什么叫做-优雅永不过时
  • three.js 着色器， cesium 热力图，聚合点位，大量点线面， 图层，主题，文字 优雅永不过时· 着色器javascript3dwebgl前端cesium.jsthreejs
    对于大多数的开发者来言，看了很多文档可能遇见不到什么有用的，就算有用从文档上看，把代码复制到自己的本地大多数也是不能用的，非常浪费时间和学习成本，尤其是three.js，cesium.js这种难度较高，想要实现一个功能可能会查阅很多博客，进行很多错误尝试，费时费力。所以，话不多说为了给各位造福利，我搭建了在线查看代码且可的调试系统，所有案例可直接访问，让你欣赏什么叫做-优雅永不过时-写最优雅的代码
  • three.js 编辑器，动画，着色器， cesium 热力图，聚合点位，大量点线面， 图层，主题，文字，等众多案例中心 优雅永不过时· 着色器智慧城市人工智能javascript前端3d
    对于大多数的开发者来言，看了很多文档可能遇见不到什么有用的，就算有用从文档上看，把代码复制到自己的本地大多数也是不能用的，非常浪费时间和学习成本，尤其是three.js，cesium.js这种难度较高，想要实现一个功能可能会查阅很多博客，进行很多错误尝试，费时费力。所以，话不多说为了给各位造福利，我搭建了在线查看代码且可的调试系统，所有案例可直接访问，让你欣赏什么叫做-优雅永不过时-写最优雅的代码
  • cesium加载在线3dtiles GISER_WDL 3d
    1、通过cesium.ion官网申请一个AccessTokens2、加载在线建筑物白膜，代码如下：consttileset=viewer.scene.primitives.add(awaitCesium.createOsmBuildings({enableShowOutline:false}));3、修改建筑物白膜样式tileset.style=newCesium.Cesium3DTileStyl
  • Cesium笔记 加载kml文件 以线为例 Y青阳 cesium笔记前端
    setKmlData(kmlUrl){letvm=this;//letkmlUrl=kmlUrl;letkmlDataPromise=Cesium.KmlDataSource.load(kmlUrl,{camera:vm.viewer.scene.camera,canvas:vm.viewer.scene.canvas,clampToGround:true,//默认贴地depthTestAgain
  • WebGL入门（019）：WebGLSync 简介、使用方法、示例代码 还是大剑师兰特 #webGL开发教程webgl大剑师
    还是大剑师兰特：曾是美国某知名大学计算机专业研究生，现为航空航海领域高级前端工程师；CSDN知名博主，GIS领域优质创作者，深耕openlayers、leaflet、mapbox、cesium，canvas，webgl，echarts等技术开发，欢迎加底部微信（gis-dajianshi），一起交流。No.内容链接1Openlayers【入门教程】-【源代码+示例300+】2Leaflet【入门教
  • cesium模型加载-点击-高亮 依托偶尔宁 cesiumjavascript前端
    cesium模型加载-点击-高亮模型加载，Cesium3DTileset文档地址vartileset=scene.primitives.add(newCesium.Cesium3DTileset({url:'http://localhost:8002/tilesets/Seattle/tileset.json'}));设置tileset的样式,Cesium3DTileStyle文档地址tilese
  • 使用vue+原生js编写时间轴--cesium三维球 我爱吃干果 JavaScriptjavascriptvue.js前端html5csstypescript
    突然感觉自己是天生的牛马了，今天同事接到个需求，要写一个关于气象的插件，其他的功能还好说，但是这个时间轴的功能，网上的插件貌似比较少，自己手搓呢，他又不想这么麻烦。然后我看到这个功能感觉觉得挺考验技术的，顿时心里就特别痒痒。哈哈，看我贱不贱。随后我利用周末的时间就手搓了一个时间轴。本来想用canvas来绘制来着，后来想到用canvas绘制的图形性能方面也许会好很多，但是想修改样式缺很不容易。并且我
  • 新版cesium下雨特效 BJ-Giser cesium前端javascriptcesium
    新版cesium下雨特效（webgl2.0）旧版代码letrain=newCesium.PostProcessStage({name:"czm_rain",fragmentShader:`uniformsampler2DcolorTexture;//输入的场景渲染照片varyingvec2v_textureCoordinates;uniformfloatvrain;floathash(floatx
  • Cesium的四种点击拾取方法 BJ-Giser cesium前端javascriptcesium
    Cesium的四种点击拾取方法1、viewer.scene.pick()通过坐标位置，拾取实体（Entity），图元（Primitive）,3DTiles对象，返回的是scene中指定位置最上层的对象。例如点击获取Entity的pick对象，通过pick.id可以拾取当前的entity对象。拾取后，可以用于改变对象的属性参数，如颜色，图片等。lethandler=newCesium.ScreenS
  • Cesium使用视频创建自定义纹理 garefield jsshader
    本文参考了cesium的自定义texture实现，在此基础上做了修改，引入html5的视频进行渲染，实测比使用视频作为材质效率略有优化，且更具灵活性，利于对视频进行二次处理，废话不多说，代码如下：varPrimitiveTexture=(function(){varvertexShader;varfragmentShader;varmaterialShader;varvideo;function_
  • cesium全球视频纹理 yevtte2023 音视频
    推荐：将NSDT场景编辑器加入你的3D开发工具链问题的起因是和一个群友一起讨论，怎么让地球的背景贴上视频,而且地球展开成平面之后，可以拖动实体位置由于之前几次示例都用了本地的图片(设置Cesium.Viewer的imageryProvider属性)来作背景࿰
  • three.js低代码 编辑器 ，和 相应 3d 功能案例 ，cesium 优雅永不过时· three.jscesium.jswebgljavascript前端
    开发历程低代码的开发是非常曲折的，尤其是早期根本没有任何参考作品或者相关的一些知识博客去引领我们去做，会经历多次的推到再到重头再来，又需要开发者有很高的知识储备，举步维艰。以下是我的一些的功能分布，希望能对你有一些启发，让你少走一些弯路。预览查看https://z2586300277.github.io/three-editor/dist/#/editor开源地址https://github.co
  • 使用Vite+Vue3创建Cesium项目 IT界胖猫 信息可视化vue
    Vite+Vue3+Cesium项目模版Cesium是AGI公司计算机图形开发小组与2011年研发的三维地球和地图可视化开源JavaScript库，Cesium一词来源于化学元素铯，铯是制造原子钟的关键元素，研发小组通过命名强调Cesium产品精益求精，专注时间数据可视化。Cesium为三维GIS提供了一个高效的数据可视化平台使用viet创建vue3项目创建vue3项目这里使用的是vue的模版。如
  • 使用Vue创建cesium项目模版该如何选择？ 激动的兔子 Vue+Cesiumvue.jscesium
    目录问题描述模版说明及选用建议小结问题描述刚入手这个项目，什么都是一知半解。使用Vue,创建Cesium项目的时候，提示需要选择一个模版（如下图所示），该如何选择项目模版选，总结如下：模版说明及选用建议Cesium是一个开源的JavaScript库，用于在网页上创建3D地球和2D地图。在Vue项目中创建Cesium工程时，选择合适的模版对于项目的开发效率和后期维护至关重要。关于cesium、ces
  • 283：vue+openlayers 4326和3857坐标系下的分辨率区别 还是大剑师兰特 #大剑师openlayers示例openlayers入门openlayers教程
    作者：还是大剑师兰特，曾为美国某知名大学计算机专业研究生，现为国内GIS领域高级前端工程师，CSDN知名博主，深耕openlayers、leaflet、mapbox、cesium，canvas，echarts等技术开发，欢迎加微信（gis-dajianshi），一起交流。查看本专栏目录-本文是第283个示例文章目录一、示例效果图二、示例简介三、配置说明四、示例源代码（共115行）五、相关文章参考一
  • React项目-less、antd配置 呆呆的小草 Reactreact.jsless前端
    一、创建Reract项目1、创建React项目npxcreate-react-appreact-test2、运行ejectCesium静态资源需要webpack配置，执行npmruneject可以生成webpack配置，运行前先查看当前git版本是否有提交，如果未提交，需要先本地提交git，否则npmruneject会执行失败。（1）提交git（如果版本已经提交，无需执行）gitadd.gitco
  • [黑洞与暗粒子]没有光的世界 comsci
         无论是相对论还是其它现代物理学,都显然有个缺陷,那就是必须有光才能够计算      但是,我相信,在我们的世界和宇宙平面中,肯定存在没有光的世界....      那么,在没有光的世界,光子和其它粒子的规律无法被应用和考察,那么以光速为核心的 &nbs
  • jQuery Lazy Load 图片延迟加载 aijuans jquery
    基于 jQuery 的图片延迟加载插件，在用户滚动页面到图片之后才进行加载。 对于有较多的图片的网页，使用图片延迟加载，能有效的提高页面加载速度。 版本： jQuery v1.4.4+ jQuery Lazy Load v1.7.2 注意事项： 需要真正实现图片延迟加载，必须将真实图片地址写在 data-original 属性中。若 src
  • 使用Jodd的优点 Kai_Ge jodd
    1.  简化和统一 controller ，抛弃 extends SimpleFormController ，统一使用 implements Controller 的方式。 2.  简化 JSP 页面的 bind, 不需要一个字段一个字段的绑定。 3.  对 bean 没有任何要求，可以使用任意的 bean 做为 formBean。   使用方法简介
  • jpa Query转hibernate Query 120153216 Hibernate
    public List<Map> getMapList(String hql, Map map) { org.hibernate.Query jpaQuery = entityManager.createQuery(hql); if (null != map) { for (String parameter : map.keySet()) { jp
  • Django_Python3添加MySQL/MariaDB支持 2002wmj mariaDB
    现状 首先，[email protected] 中默认的引擎为 django.db.backends.mysql 。但是在Python3中如果这样写的话，会发现 django.db.backends.mysql 依赖 MySQLdb[5] ，而 MySQLdb 又不兼容 Python3 于是要找一种新的方式来继续使用MySQL。 MySQL官方的方案 首先据MySQL文档[3]说，自从MySQL
  • 在SQLSERVER中查找消耗IO最多的SQL 357029540 SQL Server
    返回做IO数目最多的50条语句以及它们的执行计划。 select top 50   (total_logical_reads/execution_count) as avg_logical_reads,  (total_logical_writes/execution_count) as avg_logical_writes,  (tot
  • spring UnChecked 异常 官方定义！ 7454103 spring
      如果你接触过spring的 事物管理！那么你必须明白 spring的 非捕获异常！ 即 unchecked 异常！ 因为 spring 默认这类异常事物自动回滚！！ public static boolean isCheckedException(Throwable ex) { return !(ex instanceof RuntimeExcep
  • mongoDB 入门指南、示例 adminjun javamongodb操作
    一、准备工作 1、 下载mongoDB 下载地址：http://www.mongodb.org/downloads 选择合适你的版本 相关文档：http://www.mongodb.org/display/DOCS/Tutorial 2、 安装mongoDB A、 不解压模式： 将下载下来的mongoDB-xxx.zip打开，找到bin目录，运行mongod.exe就可以启动服务，默
  • CUDA 5 Release Candidate Now Available aijuans CUDA
    The CUDA 5 Release Candidate is now available at http://developer.nvidia.com/<wbr></wbr>cuda/cuda-pre-production. Now applicable to a broader set of algorithms, CUDA 5 has advanced fe
  • Essential Studio for WinRT网格控件测评 Axiba JavaScripthtml5
    Essential Studio for WinRT界面控件包含了商业平板应用程序开发中所需的所有控件，如市场上运行速度最快的grid 和chart、地图、RDL报表查看器、丰富的文本查看器及图表等等。同时，该控件还包含了一组独特的库，用于从WinRT应用程序中生成Excel、Word以及PDF格式的文件。此文将对其另外一个强大的控件——网格控件进行专门的测评详述。 网格控件功能 1、
  • java 获取windows系统安装的证书或证书链 bewithme windows
          有时需要获取windows系统安装的证书或证书链，比如说你要通过证书来创建java的密钥库  。 有关证书链的解释可以查看此处 。   public static void main(String[] args) { SunMSCAPI providerMSCAPI = new SunMSCAPI(); S
  • NoSQL数据库之Redis数据库管理(set类型和zset类型) bijian1013 redis数据库NoSQL
    4.sets类型         Set是集合，它是string类型的无序集合。set是通过hash table实现的，添加、删除和查找的复杂度都是O(1)。对集合我们可以取并集、交集、差集。通过这些操作我们可以实现sns中的好友推荐和blog的tag功能。         sadd：向名称为key的set中添加元
  • 异常捕获何时用Exception，何时用Throwable bingyingao
    用Exception的情况 try {        //可能发生空指针、数组溢出等异常         } catch (Exception e) {          
  • 【Kafka四】Kakfa伪分布式安装 bit1129 kafka
    在http://bit1129.iteye.com/blog/2174791一文中，实现了单Kafka服务器的安装，在Kafka中，每个Kafka服务器称为一个broker。本文简单介绍下，在单机环境下Kafka的伪分布式安装和测试验证   1. 安装步骤   Kafka伪分布式安装的思路跟Zookeeper的伪分布式安装思路完全一样，不过比Zookeeper稍微简单些(不
  • Project Euler bookjovi haskell
    Project Euler是个数学问题求解网站，网站设计的很有意思，有很多problem，在未提交正确答案前不能查看problem的overview，也不能查看关于problem的discussion thread，只能看到现在problem已经被多少人解决了，人数越多往往代表问题越容易。     看看problem 1吧： Add all the natural num
  • Java-Collections Framework学习与总结-ArrayDeque BrokenDreams Collections
            表、栈和队列是三种基本的数据结构，前面总结的ArrayList和LinkedList可以作为任意一种数据结构来使用，当然由于实现方式的不同，操作的效率也会不同。         这篇要看一下java.util.ArrayDeque。从命名上看
  • 读《研磨设计模式》-代码笔记-装饰模式-Decorator bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.io.BufferedOutputStream; import java.io.DataOutputStream; import java.io.FileOutputStream; import java.io.Fi
  • Maven学习(一) chenyu19891124 Maven私服
        学习一门技术和工具总得花费一段时间，5月底6月初自己学习了一些工具，maven+Hudson+nexus的搭建，对于maven以前只是听说，顺便再自己的电脑上搭建了一个maven环境，但是完全不了解maven这一强大的构建工具，还有ant也是一个构建工具，但ant就没有maven那么的简单方便，其实简单点说maven是一个运用命令行就能完成构建，测试，打包，发布一系列功
  • [原创]JWFD工作流引擎设计----节点匹配搜索算法(用于初步解决条件异步汇聚问题) 补充 comsci 算法工作PHP搜索引擎嵌入式
    本文主要介绍在JWFD工作流引擎设计中遇到的一个实际问题的解决方案，请参考我的博文"带条件选择的并行汇聚路由问题"中图例A2描述的情况(http://comsci.iteye.com/blog/339756),我现在把我对图例A2的一个解决方案公布出来，请大家多指点 节点匹配搜索算法(用于解决标准对称流程图条件汇聚点运行控制参数的算法) 需要解决的问题：已知分支
  • Linux中用shell获取昨天、明天或多天前的日期 daizj linuxshell上几年昨天获取上几个月
    在Linux中可以通过date命令获取昨天、明天、上个月、下个月、上一年和下一年 # 获取昨天 date -d 'yesterday'  # 或 date -d 'last day' # 获取明天 date -d 'tomorrow'   # 或 date -d 'next day' # 获取上个月 date -d 'last month' #
  • 我所理解的云计算 dongwei_6688 云计算
          在刚开始接触到一个概念时，人们往往都会去探寻这个概念的含义，以达到对其有一个感性的认知，在Wikipedia上关于“云计算”是这么定义的，它说：        Cloud computing is a phrase used to describe a variety of computing co
  • YII CMenu配置 dcj3sjt126com yii
    Adding id and class names to CMenu We use the id and htmlOptions to accomplish this. Watch. //in your view $this->widget('zii.widgets.CMenu', array( 'id'=>'myMenu', 'items'=>$this-&g
  • 设计模式之静态代理与动态代理 come_for_dream 设计模式
    静态代理与动态代理        代理模式是java开发中用到的相对比较多的设计模式，其中的思想就是主业务和相关业务分离。所谓的代理设计就是指由一个代理主题来操作真实主题，真实主题执行具体的业务操作，而代理主题负责其他相关业务的处理。比如我们在进行删除操作的时候需要检验一下用户是否登陆，我们可以删除看成主业务，而把检验用户是否登陆看成其相关业务
  • 【转】理解Javascript 系列 gcc2ge JavaScript
    理解Javascript_13_执行模型详解 摘要: 在《理解Javascript_12_执行模型浅析》一文中,我们初步的了解了执行上下文与作用域的概念，那么这一篇将深入分析执行上下文的构建过程，了解执行上下文、函数对象、作用域三者之间的关系。函数执行环境简单的代码:当调用say方法时，第一步是创建其执行环境，在创建执行环境的过程中，会按照定义的先后顺序完成一系列操作:1.首先会创建一个
  • Subsets II hcx2013 set
    Given a collection of integers that might contain duplicates, nums, return all possible subsets. Note: Elements in a subset must be in non-descending order. The solution set must not conta
  • Spring4.1新特性——Spring缓存框架增强 jinnianshilongnian spring4
    目录 Spring4.1新特性——综述 Spring4.1新特性——Spring核心部分及其他 Spring4.1新特性——Spring缓存框架增强 Spring4.1新特性——异步调用和事件机制的异常处理 Spring4.1新特性——数据库集成测试脚本初始化 Spring4.1新特性——Spring MVC增强 Spring4.1新特性——页面自动化测试框架Spring MVC T
  • shell嵌套expect执行命令 liyonghui160com
        一直都想把expect的操作写到bash脚本里,这样就不用我再写两个脚本来执行了,搞了一下午终于有点小成就,给大家看看吧.   系统:centos 5.x   1.先安装expect yum -y install expect   2.脚本内容: cat auto_svn.sh   #!/bin/bash
  • Linux实用命令整理 pda158 linux
    0. 基本命令 　　linux 基本命令整理 　 　1. 压缩 解压 　　tar -zcvf a.tar.gz a   #把a压缩成a.tar.gz 　　tar -zxvf a.tar.gz     #把a.tar.gz解压成a 　 　2. vim小结 　　2.1 vim替换 　　:m,ns/word_1/word_2/gc  
  • 独立开发人员通向成功的29个小贴士 shoothao 独立开发
    概述：本文收集了关于独立开发人员通向成功需要注意的一些东西,对于具体的每个贴士的注解有兴趣的朋友可以查看下面标注的原文地址。 明白你从事独立开发的原因和目的。 保持坚持制定计划的好习惯。 万事开头难，第一份订单是关键。 培养多元化业务技能。 提供卓越的服务和品质。 谨小慎微。 营销是必备技能。 学会组织，有条理的工作才是最有效率的。 “独立
  • JAVA中堆栈和内存分配原理 uule java
    1、栈、堆 1.寄存器：最快的存储区, 由编译器根据需求进行分配,我们在程序中无法控制.2. 栈：存放基本类型的变量数据和对象的引用，但对象本身不存放在栈中，而是存放在堆（new 出来的对象）或者常量池中（字符串常量对象存放在常量池中。）3. 堆：存放所有new出来的对象。4. 静态域：存放静态成员（static定义的）5. 常量池：存放字符串常量和基本类型常量（public static f
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他