leetao94
leetao94

关于Openlayer3的菜鸟认识

什么是OpenLayers？

OpenLayers 是一个专为Web GIS 客户端开发提供的JavaScript 类库包，用于实现标准格式发布的地图数据访问。从OpenLayers2.2版本以后，OpenLayers已经将所用到的Prototype.js组件 整合到了自身当中，并不断在Prototype.js的基础上完善面向对象的开发，Rico用到地方不多，只是在OpenLayers.Popup.AnchoredBubble类中圆角化DIV。

我眼里的Openlayer：

   　　 说到openlayer不得不说其中的map,map是OpenLayers的核心组件，如果把开发openlayer3过程比做画画的话，那么map就是一个神奇的桌子，它是来承载各式各样的纸(layer)，画画的背景想用地图做背景怎么办？这个时候ol.layer.Tile出来了，想加载网格中加载块状地图，非它莫属，想加载客户数据怎么办？ol.layer.Vector帮助你，好了背景图有了，自己画的也加上了，突然发现对背景跟自己画的有点不满意，想自己添加，修改怎么办，给map加上特效，ol.interaction.xxxx,想要画点你就加ol,interaction.Draw,想修改你就加上ol.interaction.Modify，当然在加特效之前你可以对地图做一些渲染，ol.FeatureOverlayer,因为默认的样式画出来的东西不一定会看的清。当然事实上远没有这没简单，每个类都有自己的方法。就说map吧，至少我用到最多的是它的on()跟once()方法，前者监听一种特定类型的事件，后者监听一次特定类型的事件，其中on()跟un()是配对使用的。其他的就不多说了，可以参考一下官方手册。

一些常用的例子

首先从Map的官方参考手册看起

ol.Map

The map is the core component of OpenLayers. For a map to render, a view, one or more layers, and a target container are needed.

从上面Map的定义看，我们可以知道map是OpenLayers的核心组件。对map进行渲染，我们至少需要一个view（视图），一个layers（层）和一个目标的容器。

根据定义我们创建一个

最简单的map。

<html>
<head>
<meta charset="utf-8">
<title>GIS开发样例-V1.0</title>
<meta content="Copyright (c) Leetao" name="copyright">
<link rel="stylesheet" href="/jslib/openlayer-3.3.0/css/ol.css" type="text/css">    
<script src="/jslib/openlayer-3.3.0/build/ol-debug.js" type="text/javascript"></script>
</head>
<body>
<div id="map" class="map"></div>
<script>
    var map = new ol.Map({
        view: new ol.View({
            center: [0, 0], //视图的初始中心
            zoom: 1        //用于缩放视图的初始分辨率
        }),
        layers: [
        new ol.layer.Tile({  //Tile预渲染层
            source: new ol.source.MapQuest({layer: 'osm'})  
        })
        ],
        target: 'map'
    });
</script>
</body>
</html>

结果如图：

关于Openlayer3的菜鸟认识_第1张图片

简单地图创建结束，接着让我们在地图上画图案
简单的绘图
代码如下: 
<html>
<head>
<meta charset="utf-8">
<title>GIS开发样例-V1.0</title>
<meta content="Copyright (c) Leetao" name="copyright">
<link rel="stylesheet" href="/jslib/openlayer-3.3.0/css/ol.css" type="text/css">    
<script src="/jslib/openlayer-3.3.0/build/ol-debug.js" type="text/javascript"></script>
</head>
<body>
<div id="map" class="map"></div>
    <form class="form-inline">
        <label>Geometry type &nbsp;</label>
        <select id="type">
            <option value="None">None</option>
            <option value="Point">Point</option>
            <option value="LineString">LineString</option>
            <option value="Polygon">Polygon</option>
        </select>
    </form>
<script>
    var source = new ol.source.Vector();
    
    var vector = new ol.layer.Vector({
        source: source
    });
    
       var map = new ol.Map({
        view: new ol.View({
            center: [0, 0],
            zoom: 2
        }),
        layers: [
        new ol.layer.Tile({
            source: new ol.source.MapQuest({layer: 'osm'})
    })
      //  vector              //(2)
           ],
           target: 'map'
       });
    //featureOverlay
    var featureOverlay = new ol.FeatureOverlay({
        style: new ol.style.Style({
            fill: new ol.style.Fill({
                color: 'rgba(255, 255, 255, 0.2)'
            }),
            stroke: new ol.style.Stroke({
                color: '#ffcc33',
                width: 2
            }),
            image: new ol.style.Circle({
                radius: 7,
                fill: new ol.style.Fill({
                    color: '#ffcc33'
                })
            })
        }),
    }
    );
    featureOverlay.setMap(map);
    
    var typeSelect = document.getElementById('type');
    
    var draw;
    function addInteraction() {
        var value = typeSelect.value;
        if (value !== 'None') {
            draw = new ol.interaction.Draw({
            features: featureOverlay.getFeatures(),     // (1)
                source: source,
                type: /** @type {ol.geom.GeometryType} */ (value)
                });
                map.addInteraction(draw);
            }
        }
            typeSelect.onchange = function(e) {
                map.removeInteraction(draw);
                addInteraction();
            };
            
            addInteraction();
</script>
</body>
</html>

结果如下：

关于Openlayer3的菜鸟认识_第2张图片

　　
上面代码可以让你在Tile上绘点，线以及几何图形，当然如果你把 (1)注释了，再尝试在上面绘点，你会发现绘制的图形变成透明的了，
如果你先把(2)注释给取消了，在把(1)给注释了，你会发现，这个时候绘图是可以看见的
绘图结束了就是该修改图了
简单的绘图以及修改图
只需要在原有基础上加个 ol.interaction.Modify就可以修改了
代码如下： 
<html>
<head>
<meta charset="utf-8">
<title>GIS开发样例-V2.0</title>
<meta content="Copyright (c) Leetao" name="copyright">
<link rel="stylesheet" href="/jslib/openlayer-3.3.0/css/ol.css" type="text/css">    
<script src="/jslib/openlayer-3.3.0/build/ol-debug.js" type="text/javascript"></script>
</head>
<body>
<div id="map" class="map"></div>
    <form class="form-inline">
        <label>Geometry type &nbsp;</label>
        <select id="type">
            <option value="None">None</option>
            <option value="Point">Point</option>
            <option value="LineString">LineString</option>
            <option value="Polygon">Polygon</option>
        </select>
    </form>
<script>
    var source = new ol.source.Vector();
    var vector = new ol.layer.Vector({
        source: source
    });
       var map = new ol.Map({
        view: new ol.View({
            center: [0, 0],
            zoom: 2
        }),
        layers: [
        new ol.layer.Tile({
            source: new ol.source.MapQuest({layer: 'osm'})
    })
           ],
           target: 'map'
       });
    //featureOverlay
    var featureOverlay = new ol.FeatureOverlay({
        style: new ol.style.Style({
            fill: new ol.style.Fill({
                color: 'rgba(255, 255, 255, 0.2)'
            }),
            stroke: new ol.style.Stroke({
                color: '#ffcc33',
                width: 2
            }),
            image: new ol.style.Circle({
                radius: 7,
                fill: new ol.style.Fill({
                    color: '#ffcc33'
                })
            })
        }),
    }
    );
    featureOverlay.setMap(map);
    var modify = new ol.interaction.Modify({
        features: featureOverlay.getFeatures(),
        deleteCondition: function(event) {
            return ol.events.condition.shiftKeyOnly(event) &&
            ol.events.condition.singleClick(event);
        }
    });
    map.addInteraction(modify);
    
    var typeSelect = document.getElementById('type');
    
    var draw; // global so we can remove it later
    function addInteraction() {
        var value = typeSelect.value;
        if (value !== 'None') {
            draw = new ol.interaction.Draw({
            features: featureOverlay.getFeatures(),
                source: source,
                type: /** @type {ol.geom.GeometryType} */ (value)
                });
                map.addInteraction(draw);
            }
        }
            typeSelect.onchange = function(e) {
                map.removeInteraction(draw);
                addInteraction();
            };
            addInteraction();
</script>
</body>
</html>
当然可以添加特效也可以修改特效，采用map.removeInteraction()，可以在特定事件触发之后禁止修改亦或是禁止绘图
上面都是单层的，如果想加入客户数据，参照样例一，将注释（2）去掉即可。
现在我们尝试从后台加载数据，并对后台传来的数据进行二次修改
修改后台传来的数据
主要采用了ol.interaction.Select（）方法
核心代码如下： 
var raster = new ol.layer.Tile({
  source: new ol.source.MapQuest({
    layer: 'sat'
  })
});
var vector = new ol.layer.Vector({
  source: new ol.source.GeoJSON({
    projection: 'EPSG:3857',
    url: 'data/geojson/countries.geojson'
  })
});
var select = new ol.interaction.Select();
var modify = new ol.interaction.Modify({
  features: select.getFeatures()
});
var map = new ol.Map({
  interactions: ol.interaction.defaults().extend([select, modify]),
  layers: [raster, vector],
  target: 'map',
  view: new ol.View({
    center: [0, 0],
    zoom: 2
  })
});
其中ol.interaction.Select是用来处理被选中的Vector的数据的。
最后附上官方手册部分翻译（博主自己翻译的，可能有错，只供参考）
关于Openlayer3的菜鸟认识_第3张图片
关于Openlayer3的菜鸟认识_第4张图片
关于Openlayer3的菜鸟认识_第5张图片
关于Openlayer3的菜鸟认识_第6张图片
关于Openlayer3的菜鸟认识_第7张图片
如果文章存在错误，请指正。

你可能感兴趣的:(关于Openlayer3的菜鸟认识)

  • 通过 PromptTemplate 生成干净的 SQL 查询语句并执行SQL查询语句 背太阳的牧羊人 RAG优化方法RAG+langchainsql数据库pythonlangchaincreatesql_agentSQLDatabaseToolkit
    问题描述在使用LangChain和Llama模型生成SQL查询时，遇到了sqlite3.OperationalError错误。错误信息如下：OperationalError:(sqlite3.OperationalError)near"```sqlSELECTNameFROMMediaTypeLIMIT5;```":syntaxerror[SQL:```sqlSELECTNameFROMMedia
  • C#如何对button按钮实现进度条功能 凌晓峰 C#c#windows按钮进度条button实现进度条button进度条
    C#如何对button按钮实现进度条功能一.单线程进度条二.多线程进度条三.使用委托和invoke方法跨线程UIl控制来实现进度条四.使用异步委托执行线程来完成进度条五.使用Async,await完成进度条在编写WinForm程序时，我们有很多时候需要用到进度条，下面我来分享一下我在处理进度条时所采用的各种方法。创建一个Winform窗体应用项目。添加一个新的窗体（progressForm.cs）
  • redis 快速入门 栀夏613 数据库redis数据库缓存
    目录数据库的分类NoSQL非结构化认识redis特征安装redis单机安装Docker安装redis的基本配置启动redis关闭redisredis开机自启redis客户端redis数据结构介绍基本类型String的基础操作List基本操作Set基本操作SortedSet基本操作Hash基本操作redis通用命令key的层级格式数据库的分类关系型数据库结构化数据表中存储的数据格式是一样的数据与数据
  • LeetCode 解题思路 1（Hot 100） S01d13r leetcodejava算法
    解题思路：哈希表优化查找：利用哈希表存储已遍历元素的值及其索引，将查找时间从O(n)降至O(1)。一次遍历：遍历数组对每个元素计算补数，若补数存在于哈希表中，则直接返回结果；否则将该元素存入哈希表。Java代码：importjava.util.HashMap;importjava.util.Map;classSolution{publicint[]twoSum(int[]nums,inttarge
  • 二叉树的类型定义与基本操作 S01d13r 笔记
    二叉树的类型定义与基本操作树结构是一类重要的非线性数据结构，在客观世界中广泛存在。树在计算机领域中也得到了广泛的应用，尤以二叉树最为常用。本文重点讨论二叉树的基本操作。1.二叉树的类型定义二叉树通常由三个域组成：数据域、左孩子指针域和右孩子指针域。其类型定义为：typedefstructBiNode{chardata;//数据域structBiNode*lchild,*rchild;//左右孩子指
  • MySQL中OR操作导致索引失效的深度解析与技术优化方案 阿豆学编程 Mysqlmysql数据库
    一、索引机制与查询优化基础B+树索引的结构特性MySQL采用B+树作为核心索引结构，其平衡多路搜索树的特性保证了O(logN)的查询效率。B+树具有以下显著特征：所有叶子节点形成有序链表，支持高效范围查询非叶子节点仅存储索引键值，不保存数据指针数据记录按主键顺序存储在聚簇索引的叶子节点每个节点存储的键值数量由页大小和键值长度决定以InnoDB引擎为例，其默认页大小为16KB。假设索引键为INT类型
  • Spring Boot整合Redis快速入门实例 oscar999 SpringBoot实战开发大全redisspringbootjava
    本篇演示环境本篇基于SpringBoot2.5.0,关于Redis的安装，可以参考：Redis介绍、安装与初体验和Windows下安装和使用Redis。整合步骤导入Redis相关的依赖项配置启动器spring-boot-starter-data-redisorg.springframework.bootspring-boot-starter-data-redis添加连接Redis服务器的相关配置在
  • RocketMQ 集群消费与广播消费 俏布斯 消息中间件RocketMQjava-rocketmqrocketmq
    RocketMQ集群消费与广播消费消费组间广播消费：每个消费者分组只初始化唯一一个消费者，每个消费者可消费到消费者分组内所有的消息，各消费者分组都订阅相同的消息，以此实现单客户端级别的广播一对多推送效果。该方式一般可用于网关推送、配置推送等场景。消费组内共享消费（集群消费）：，每个消费者分组下初始化了多个消费者，这些消费者共同分担消费者分组内的所有消息，实现消费者分组内流量的水平拆分和均衡负载。该
  • 基于C++11新特性手写线程池实现 星河九天 c++开发语言java
    线程池功能分以下几个函数去实现：threadpool.init(isize_tnum);设置线程的数量threadpool::get(TaskFuncPtr&task);读取任务队列中的任务threadpool::run();通过get()读取任务并执行threadpool.start();启动线程池，并通过run()执行任务threadpool.exec();封装任务到任务队列中threadpo
  • 计算网络信号信号强度（Java & Python& JS & C++ & C ） lihuhelihu javapythonjavascript华为od华为c++c语言
    题目描述网络信号经过传递会逐层衰减，且遇到阻隔物无法直接穿透，在此情况下需要计算某个位置的网络信号值。注意:网络信号可以绕过阻隔物。array[m][n]的二维数组代表网格地图，array[i][j]=0代表i行j列是空旷位置;array[i][j]=x(x为正整数)代表i行j列是信号源，信号强度是x;array[i][j]=-1代表i行j列是阻隔物。信号源只有1个，阻隔物可能有0个或多个网络信号
  • 第9章 Apache WEB服务器企业实战 lihuhelihu Linux运维学习apache前端服务器linux运维centos计算机网络
    万维网(WORLDWIDEWEB，WWW)服务器，也称之为WEB服务器，主要功能是提供网上信息浏览服务。WWW是Internet的多媒体信息查询工具，是Internet上飞快发展的服务，也是目前用的最广泛的服务。正是因为有了WWW软件，才使得近年来Internet迅速发展。目前主流的WEB服务器软件包括：Apache、Nginx、Lighttpd、IIS、Resin、Tomcat、WebLogic
  • 毕业5年月入1万+,算不算失败的程序猿/攻城狮！ hanzhe_xiao java
    先说结论：月入几万的大有人在，完全不是吹牛。但是计算机行业两级分化严重，收入高的大有人在，收入一般的同样很多，找不到工作的也不是没有。如果毕业能进BATTMD汉哲等大厂，收入薪资福利都很不错，简单贴一张2021校招薪资表：这还只是本科生的薪资信息，最高都40万了！但如果是中小厂那就不一定了，如果是小厂那就惨不忍睹了，7k、8k的大有人在。关键是进大厂，对于程序员来说，只能进小厂和能进大厂的差距真的
  • Cadence PCB宝典【目录】 硬小二 #《CadencePCB宝典》硬件开发
    《总目录》    欢迎大家来到《CadencePCB宝典》该专栏包括【入门篇】【提升篇】【技巧篇】【疑难篇】四个部分，以供大家参考。大家直接点击大纲中的蓝色标题即可轻松传送。一：CadencePCB设计【入门篇】    这部分以一个简单的测试工装的PCB设计为例，共计3篇文章，帮助新人1小时快速入门。学习目标：能够使用CadenceAllegro开始项目开发。 【AllegroPCB设计快速入门专
  • 基于同态加密的隐私计算技术在基因序列演化分析场景的应用 AI研究员 隐私计算同态加密bigdata人工智能算法
    一、概述数据要素的流通共享和核心价值挖掘是数据要素市场培育的核心内容、必须在保证隐私安全的前提下实现有效信息共享。然而，当前仍然有三大隐私制约数据流通与协作。一是“数据孤岛”现象普遍存在，“数据孤岛”的出现使数据共享和流通协作受到阻碍，导致数据要素在资产化过程中发生垄断；二是全球数据合规监管日趋严格，日前各个国家都才采取数据安全法，确立了数据安全保护的各项基本制度，导致企事业及个人对数据流通与协作
  • 二、环 Ring Miyazaki_Hayao 一些散乱的数学基础密码学
    文章目录一、环的定义二、环的分类与变种1、交换环2、含单位元的环3、零环4、非交换环5、整环6、域三、环的性质与应用四、环与群和域的对比一、环的定义 一个集合R被称为一个环，如果它满足以下条件：对于加法满足：闭合性：对于任意a,b∈Ra,b\inRa,b∈R，有a+b∈Ra+b\inRa+b∈R交换律：a+b=b+aa+b=b+aa+b=b+a结合律：(a+b)+c=a+(b+c)(a+b)+c=
  • 三、多项式环 Miyazaki_Hayao 一些散乱的数学基础密码学
    文章目录一、多项式环的定义二、多项式环的性质1.多项式加法2.多项式乘法3.满足的运算规律4.次数5.单位元三、剩余多项式环（商多项式环）四、有限多项式环五、多项式环的性质与特性1.子环与理想2.不可约性和素性3.有限生成性一、多项式环的定义 多项式环是抽象代数中一种重要的代数结构，基于一个环R（通常是交换环）构造出关于一个或多个未知元（如x,y,z）的“多项式”集合，并在其上定义加法和乘法运算，
  • LangChain —— 多模态大模型的 prompt template Miyazaki_Hayao LangChainlangchainprompt
    文章目录一、如何直接将多模态数据传输给模型二、如何使用mutimodalprompts一、如何直接将多模态数据传输给模型 在这里，我们演示了如何将多模式输入直接传递给模型。对于其他的支持多模态输入的模型提供者，langchain在类中提供了内在逻辑来转化为期待的格式。 传入图像最常用的方法是将其作为字节字符串传入。这应该适用于大多数模型集成。importbase64importhttpximage
  • 卷积神经网络（Convolutional Neural Network，CNN）详细解释（带示例） 浪九天 人工智能理论人工智能神经网络深度学习机器学习
    目录卷积神经网络示例Python案例代码解释卷积神经网络概述：卷积神经网络是一种专门为处理具有网格结构数据（如图像、音频）而设计的深度学习模型。它通过卷积层、池化层和全连接层等组件，自动提取数据的特征，大大减少了模型的参数数量，降低计算量，同时提高了模型的泛化能力。主要组件卷积层：是CNN的核心组件，由多个卷积核组成。卷积核在数据上滑动，通过卷积操作提取数据的局部特征。卷积操作是将卷积核与数据的局
  • FPGA开发，使用Deepseek V3还是R1（5）：temperature设置 LeeConstantine 用Deepseek开发FPGAfpga开发
    以下都是Deepseek生成的答案FPGA开发，使用DeepseekV3还是R1（1）：应用场景FPGA开发，使用DeepseekV3还是R1（2）：V3和R1的区别FPGA开发，使用DeepseekV3还是R1（3）：系统级与RTL级FPGA开发，使用DeepseekV3还是R1（4）：Deepseek参数配置FPGA开发，使用DeepseekV3还是R1（5）：temperature设置FPG
  • 【Python pro】函数 CH3_CH2_CHO 今天你学Python了嘛python网络开发语言
    1、函数的定义及调用1.1为什么需要函数提高代码复用性——封装将复杂问题分而治之——模块化利于代码的维护和管理1.1.1顺序式n=5res=1foriinrange(1,n+1):res*=iprint(res)#输出：1201.1.2抽象成函数deffactorial(n):res=1foriinrange(1,n+1):res*=ireturnresprint(factorial(5))#输出
  • 北京大学：2本手册，拓展AI应用深度与广度 2501_90766876 pdf
    《DeepSeek与AIGC应用》对DeepSeek-R1进行了详细解读，包括其技术特性、发展历程、应用场景以及在AIGC（人工智能生成内容）领域的定位。深入剖析DeepSeek-R1在复杂逻辑推理、数学和编程任务中的优异表现，揭示其在推理密集型任务、教育、科研、知识应用和文档分析等领域的独特优势，为AIGC领域的从业者和爱好者提供了深入了解DeepSeek的窗口。《DeepSeek提示词工程和落
  • Spring Boot 整合Swagger启动失败Failed to start bean ‘documentationPluginsBootstrapper‘的解决方案 码云217 springbootjavarpc
    目录问题原因方案一（治标）[本人用了方案一解决了]方案二（治标）方案三（治本）问题SpringBoot2.7.3版本引入依赖springfox-boot-starter(Swagger3.0)后，启动容器会报错：org.springframework.context.ApplicationContextException:Failedtostartbean'documentationPlugins
  • Java数据结构第十六期：走进二叉树的奇妙世界(五) 手握风云- Java数据结构秘籍数据结构
    专栏：Java数据结构秘籍个人主页：手握风云目录一、非递归实现遍历二叉树1.1.二叉树的前序遍历1.2.二叉树的中序遍历1.3.二叉树的后序遍历一、非递归实现遍历二叉树1.1.二叉树的前序遍历我们这里要使用栈来进行实现。我们反向思考一下为什么不使用队列？如下图，前序遍历肯定是先将根结点放进去，如果是队列，根结点先进先出，然后怎么去遍历右子树呢，就无法打印的顺序了。我们定义一个引用cur，只要cur
  • 如何学习训练大模型——100条建议（附详细说明）_如何训练自己的大模型_大模型如何训练 大耳朵爱学习 人工智能语言模型产品经理大模型AI大模型
    摘要：通过深入了解本文中的这些细节，并在实际项目中应用相关知识，将能够更好地理解和利用大模型的潜力，不仅在学术研究中，也在工程实践中。通过不断探索新方法、参与项目和保持热情，并将其应用于各种领域，从自然语言处理到计算机视觉和自动驾驶。通过不断学习、实践和探索，可以不断提升自己在深度学习领域的技能和洞察力，同时也能为社会和行业带来创新和改进。从小规模的项目和模型开始，逐渐迭代和扩展到更大的模型，逐步
  • 通俗理解-L、-rpath和-rpath-link编译链接动态库 linux运维
    一、参考资料链接选项rpath的应用和原理|BewareMyPower的博客使用rpath和rpath-link确保samba-util库正确链接-CSDN博客编译参数-Wl和rpath的理解_-wl,-rpath-CSDN博客UsingLD,theGNUlinker-OptionsDirectoryOptions(UsingtheGNUCompilerCollection(GCC))交叉编译时-
  • 项目管理方法论有哪些 项目管理
    项目管理方法论是一套系统的理论、工具和实践，用以指导项目从规划、执行、监控到收尾的全过程，确保项目目标高效达成。项目管理方法论包括传统瀑布式管理、敏捷管理、精益管理、混合式管理、关键链管理、看板管理、迭代开发等多种模式。其中，传统瀑布式方法强调阶段性严格执行，而敏捷管理注重快速迭代与持续改进；精益管理关注资源浪费的最小化；混合式管理则是两者的有机结合。本文将详细介绍各类项目管理方法论的基本原理、实
  • HarmonyOS Next 应用开发实战：构建高性能动画组件（ArkTS深度解析） 前端
    第一章案例背景与技术选型###1.1项目需求分析本案例将实现一个复杂的粒子动画登录界面，包含以下核心功能：1.动态粒子背景：300+粒子按流体力学规律运动2.智能输入框：输入时触发粒子聚散动画3.登录按钮：3D翻转交互动效4.性能优化：确保60fps流畅运行1.2技术方案设计采用ArkTS实现以下技术组合：typescript//粒子对象数据结构classParticle{x:number=0y:
  • linux开启samba共享文件夹 linux运维samba
    一：安装samba#检查是否安装sambarpm-qisamba #如未安装，使用命令安装yuminstallsamba二：系统用户配置#添加系统用户useraddyouboshare#设置系统用户登陆密码passwdyouboshare#添加共享文件夹的用户(youboshare为要共享的用户)smbpasswd-ayouboshare三：配置共享文件夹1：添加共享文件夹并设置权限#创建共享文件
  • 使用 SK 进行向量操作 后端
    使用SK进行向量操作先祝大家2025新年好。在2024年落地的LLM应用来看，基本上都是结合RAG技术来使用的。因为绝大多数人跟公司是没有fine-turning的能力的。不管是在难度还是成本的角度看RAG技术都友好的多。在RAG（Retrieval-AugmentedGeneration）中，向量的意义在于将文本数据转换为高维向量表示，以便进行高效的相似性搜索和信息检索。具体来说，向量在RAG中
  • 《2.3、事件处理》 遇见~未来 Vue.jsvue.jsjavascriptecmascript
    2.3事件处理2.3.1事件处理的核心语法2.3.1.1事件处理知识点指令的语法格式：{{插值语法}}“表达式”位置都可以写什么？常量JS表达式Vue实例所管理的XXX在Vue当中完成事件绑定需要哪个指令呢？v-on指令。语法格式：v-on:事件名="表达式"例如：v-on:click="表达式"表示当发生鼠标单击事件之后，执行表达式。v-on:keydown="表达式"表示当发生键盘按下事件之后
  • Spring4.1新特性——Spring MVC增强 jinnianshilongnian spring 4.1
    目录 Spring4.1新特性——综述 Spring4.1新特性——Spring核心部分及其他 Spring4.1新特性——Spring缓存框架增强 Spring4.1新特性——异步调用和事件机制的异常处理 Spring4.1新特性——数据库集成测试脚本初始化 Spring4.1新特性——Spring MVC增强 Spring4.1新特性——页面自动化测试框架Spring MVC T
  • mysql 性能查询优化 annan211 javasql优化mysql应用服务器
    1 时间到底花在哪了？ mysql在执行查询的时候需要执行一系列的子任务，这些子任务包含了整个查询周期最重要的阶段，这其中包含了大量为了 检索数据列到存储引擎的调用以及调用后的数据处理，包括排序、分组等。在完成这些任务的时候，查询需要在不同的地方 花费时间，包括网络、cpu计算、生成统计信息和执行计划、锁等待等。尤其是向底层存储引擎检索数据的调用操作。这些调用需要在内存操
  • windows系统配置 cherishLC windows
    删除Hiberfil.sys ：使用命令powercfg -h off 关闭休眠功能即可： http://jingyan.baidu.com/article/f3ad7d0fc0992e09c2345b51.html 类似的还有pagefile.sys msconfig 配置启动项 shutdown 定时关机 ipconfig 查看网络配置 ipconfig /flushdns
  • 人体的排毒时间 Array_06 工作
    ======================== ||  人体的排毒时间是什么时候？|| ======================== 转载于： http://zhidao.baidu.com/link?url=ibaGlicVslAQhVdWWVevU4TMjhiKaNBWCpZ1NS6igCQ78EkNJZFsEjCjl3T5EdXU9SaPg04bh8MbY1bR
  • ZooKeeper cugfy zookeeper
    Zookeeper是一个高性能，分布式的，开源分布式应用协调服务。它提供了简单原始的功能，分布式应用可以基于它实现更高级的服务，比如同步， 配置管理，集群管理，名空间。它被设计为易于编程，使用文件系统目录树作为数据模型。服务端跑在java上，提供java和C的客户端API。 Zookeeper是Google的Chubby一个开源的实现，是高有效和可靠的协同工作系统，Zookeeper能够用来lea
  • 网络爬虫的乱码处理 随意而生 爬虫网络
    下边简单总结下关于网络爬虫的乱码处理。注意，这里不仅是中文乱码，还包括一些如日文、韩文 、俄文、藏文之类的乱码处理，因为他们的解决方式 是一致的，故在此统一说明。     网络爬虫，有两种选择，一是选择nutch、hetriex，二是自写爬虫，两者在处理乱码时，原理是一致的，但前者处理乱码时，要看懂源码后进行修改才可以，所以要废劲一些；而后者更自由方便，可以在编码处理
  • Xcode常用快捷键 张亚雄 xcode
    一、总结的常用命令：     隐藏xcode command+h     退出xcode command+q     关闭窗口 command+w     关闭所有窗口 command+option+w     关闭当前
  • mongoDB索引操作 adminjun mongodb索引
    一、索引基础：    MongoDB的索引几乎与传统的关系型数据库一模一样，这其中也包括一些基本的优化技巧。下面是创建索引的命令：    > db.test.ensureIndex({"username":1})    可以通过下面的名称查看索引是否已经成功建立： &nbs
  • 成都软件园实习那些话 aijuans 成都 软件园 实习
    无聊之中，翻了一下日志，发现上一篇经历是很久以前的事了，悔过~~ 　　断断续续离开了学校快一年了，习惯了那里一天天的幼稚、成长的环境，到这里有点与世隔绝的感觉。不过还好，那是刚到这里时的想法，现在感觉在这挺好，不管怎么样，最要感谢的还是老师能给这么好的一次催化成长的机会，在这里确实看到了好多好多能想到或想不到的东西。 　　都说在外面和学校相比最明显的差距就是与人相处比较困难，因为在外面每个人都
  • Linux下FTP服务器安装及配置 ayaoxinchao linuxFTP服务器vsftp
    检测是否安装了FTP [root@localhost ~]# rpm -q vsftpd 如果未安装：package vsftpd is not installed  安装了则显示：vsftpd-2.0.5-28.el5累死的版本信息   安装FTP 运行yum install vsftpd命令，如[root@localhost ~]# yum install vsf
  • 使用mongo-java-driver获取文档id和查找文档 BigBird2012 driver
    注：本文所有代码都使用的mongo-java-driver实现。   在MongoDB中，一个集合（collection）在概念上就类似我们SQL数据库中的表（Table），这个集合包含了一系列文档（document）。一个DBObject对象表示我们想添加到集合（collection）中的一个文档（document），MongoDB会自动为我们创建的每个文档添加一个id，这个id在
  • JSONObject以及json串 bijian1013 jsonJSONObject
    一.JAR包简介     要使程序可以运行必须引入JSON-lib包，JSON-lib包同时依赖于以下的JAR包：     1.commons-lang-2.0.jar     2.commons-beanutils-1.7.0.jar     3.commons-collections-3.1.jar &n
  • [Zookeeper学习笔记之三]Zookeeper实例创建和会话建立的异步特性 bit1129 zookeeper
    为了说明问题，看个简单的代码，   import org.apache.zookeeper.*; import java.io.IOException; import java.util.concurrent.CountDownLatch; import java.util.concurrent.ThreadLocal
  • 【Scala十二】Scala核心六：Trait bit1129 scala
    Traits are a fundamental unit of code reuse in Scala. A trait encapsulates method and field definitions, which can then be reused by mixing them into classes. Unlike class inheritance, in which each c
  • weblogic version 10.3破解 ronin47 weblogic
    版本：WebLogic Server 10.3 说明：%DOMAIN_HOME%：指WebLogic Server 域(Domain）目录 例如我的做测试的域的根目录 DOMAIN_HOME=D:/Weblogic/Middleware/user_projects/domains/base_domain 1.为了保证操作安全，备份%DOMAIN_HOME%/security/Defa
  • 求第n个斐波那契数 BrokenDreams
            今天看到群友发的一个问题：写一个小程序打印第n个斐波那契数。         自己试了下，搞了好久。。。基础要加强了。           &nbs
  • 读《研磨设计模式》-代码笔记-访问者模式-Visitor bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.util.ArrayList; import java.util.List; interface IVisitor { //第二次分派，Visitor调用Element void visitConcret
  • MatConvNet的excise 3改为网络配置文件形式 cherishLC matlab
    MatConvNet为vlFeat作者写的matlab下的卷积神经网络工具包，可以使用GPU。 主页： http://www.vlfeat.org/matconvnet/ 教程： http://www.robots.ox.ac.uk/~vgg/practicals/cnn/index.html 注意：需要下载新版的MatConvNet替换掉教程中工具包中的matconvnet： http
  • ZK Timeout再讨论 chenchao051 zookeepertimeouthbase
    http://crazyjvm.iteye.com/blog/1693757 文中提到相关超时问题，但是又出现了一个问题，我把min和max都设置成了180000，但是仍然出现了以下的异常信息： Client session timed out, have not heard from server in 154339ms for sessionid 0x13a3f7732340003
  • CASE WHEN 用法介绍 daizj sqlgroup bycase when
    CASE WHEN 用法介绍 1. CASE WHEN 表达式有两种形式 --简单Case函数  CASE sex  WHEN '1' THEN '男'  WHEN '2' THEN '女'  ELSE '其他' END  --Case搜索函数  CASE WHEN sex = '1' THEN
  • PHP技巧汇总:提高PHP性能的53个技巧 dcj3sjt126com PHP
    PHP技巧汇总:提高PHP性能的53个技巧　　用单引号代替双引号来包含字符串，这样做会更快一些。因为PHP会在双引号包围的字符串中搜寻变量，　　单引号则不会，注意：只有echo能这么做，它是一种可以把多个字符串当作参数的函数译注：　　PHP手册中说echo是语言结构，不是真正的函数，故把函数加上了双引号)。　　1、如果能将类的方法定义成static，就尽量定义成static，它的速度会提升将近4倍
  • Yii框架中CGridView的使用方法以及详细示例 dcj3sjt126com yii
    CGridView显示一个数据项的列表中的一个表。 表中的每一行代表一个数据项的数据,和一个列通常代表一个属性的物品(一些列可能对应于复杂的表达式的属性或静态文本)。　　CGridView既支持排序和分页的数据项。排序和分页可以在AJAX模式或正常的页面请求。使用CGridView的一个好处是,当用户浏览器禁用JavaScript,排序和分页自动退化普通页面请求和仍然正常运行。 实例代码如下：
  • Maven项目打包成可执行Jar文件 dyy_gusi assembly
    Maven项目打包成可执行Jar文件 在使用Maven完成项目以后，如果是需要打包成可执行的Jar文件，我们通过eclipse的导出很麻烦，还得指定入口文件的位置，还得说明依赖的jar包，既然都使用Maven了，很重要的一个目的就是让这些繁琐的操作简单。我们可以通过插件完成这项工作，使用assembly插件。具体使用方式如下： 1、在项目中加入插件的依赖： <plugin>
  • php常见错误 geeksun PHP
    1.  kevent() reported that connect() failed (61: Connection refused) while connecting to upstream, client: 127.0.0.1, server: localhost, request: "GET / HTTP/1.1", upstream: "fastc
  • 修改linux的用户名 hongtoushizi linuxchange password
    Change Linux Username 更改Linux用户名，需要修改4个系统的文件： /etc/passwd /etc/shadow /etc/group /etc/gshadow 古老/传统的方法是使用vi去直接修改，但是这有安全隐患（具体可自己搜一下），所以后来改成使用这些命令去代替： vipw vipw -s vigr vigr -s   具体的操作顺
  • 第五章 常用Lua开发库1-redis、mysql、http客户端 jinnianshilongnian nginxlua
    对于开发来说需要有好的生态开发库来辅助我们快速开发，而Lua中也有大多数我们需要的第三方开发库如Redis、Memcached、Mysql、Http客户端、JSON、模板引擎等。 一些常见的Lua库可以在github上搜索，https://github.com/search?utf8=%E2%9C%93&q=lua+resty。   Redis客户端 lua-resty-r
  • zkClient 监控机制实现 liyonghui160com zkClient 监控机制实现
             直接使用zk的api实现业务功能比较繁琐。因为要处理session loss，session expire等异常，在发生这些异常后进行重连。又因为ZK的watcher是一次性的，如果要基于wather实现发布/订阅模式，还要自己包装一下，将一次性订阅包装成持久订阅。另外如果要使用抽象级别更高的功能，比如分布式锁，leader选举
  • 在Mysql 众多表中查找一个表名或者字段名的 SQL 语句 pda158 mysql
    在Mysql 众多表中查找一个表名或者字段名的 SQL 语句： 　　方法一：SELECT table_name, column_name from information_schema.columns WHERE column_name LIKE 'Name'; 　　方法二：SELECT column_name from information_schema.colum
  • 程序员对英语的依赖 Smile.zeng 英语程序猿
    1、程序员最基本的技能，至少要能写得出代码，当我们还在为建立类的时候思考用什么单词发牢骚的时候，英语与别人的差距就直接表现出来咯。 2、程序员最起码能认识开发工具里的英语单词，不然怎么知道使用这些开发工具。 3、进阶一点，就是能读懂别人的代码，有利于我们学习人家的思路和技术。 4、写的程序至少能有一定的可读性，至少要人别人能懂吧... 以上一些问题，充分说明了英语对程序猿的重要性。骚年
  • Oracle学习笔记(8) 使用PLSQL编写触发器 vipbooks oraclesql编程活动Access
        时间过得真快啊，转眼就到了Oracle学习笔记的最后个章节了，通过前面七章的学习大家应该对Oracle编程有了一定了了解了吧，这东东如果一段时间不用很快就会忘记了，所以我会把自己学习过的东西做好详细的笔记，用到的时候可以随时查找，马上上手！希望这些笔记能对大家有些帮助！     这是第八章的学习笔记，学习完第七章的子程序和包之后
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他