编程开发 - 教程之家

编程开发

分类导航：HTML/html5 CSS JavaScript PHP Python Java IOS .NET R语言 Rust Android Go语言鸿蒙OS C类语言综合编程正则表达式

27浏览

0评论

openlayers实现地图测距测面

本文实例为大家分享了openlayers实现地图测距测面的具体代码，供大家参考，具体内容如下项目背景vue-cli3.0public下html需要引入文件<link rel="stylesheet" href="<%= BASE_UR...

2020-11-24 15:49:51

95浏览

0评论

openlayers实现地图弹窗

本文实例为大家分享了openlayers实现地图弹窗的具体代码，供大家参考，具体内容如下<html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" cont...

2020-11-24 15:49:49

64浏览

0评论

openlayers实现图标拖动获取坐标

本文实例为大家分享了openlayers实现图标拖动获取坐标的具体代码，供大家参考，具体内容如下本文所涉及的技术如下：openlayers加载国家天地图和浙江天地图，图标拖动获取位置，openla...

2020-11-24 15:49:47

79浏览

0评论

OpenLayers3实现地图显示功能

本文实例为大家分享了OpenLayers3实现地图显示的具体代码，供大家参考，具体内容如下1.配置开发环境使用OpenLayers 3开发WebGIS应用，我们首先需要配置开发环境，首先我们需要在ope...

2020-11-24 15:49:45

79浏览

0评论

Javascript confirm多种使用方法解析

confirm函数confirm函数用于提供确认功能，它首先显示给定的message参数所包含的信息，并提供两个可选择的回答“ok”和“cancel”，然后等待用户选择其中的一个。如果用户选择“o...

2020-11-24 15:49:37

75浏览

0评论

OpenLayers3加载常用控件使用方法详解

本文实例为大家分享了OpenLayers3加载常用控件使用的具体代码，供大家参考，具体内容如下1. 前言地图控件就是对地图的缩放、全屏、坐标显示控件等，方便我们对地图进行操作。Open...

2020-11-24 15:38:26

90浏览

0评论

OpenLayers3实现对地图的基本操作

本文实例为大家分享了OpenLayers3实现对地图的基本操作代码，供大家参考，具体内容如下1. 前言对地图的基本操作就是对地图的放大、缩小、移动、复位和更新等，通过使用OpenLayers...

2020-11-24 15:38:23

206浏览

0评论

OpenLayers实现图层切换控件

OpenLayers并没有封装图层切换的控件，所以我们需要自己来实现图层控件。自定义图层切换控件的原理很简单：显示某个图层时，将其他图层隐藏。完整代码：layerSwitch.html:<!DOCTYPE...

2020-11-24 15:38:20

43浏览

0评论

OpenLayers3实现图层控件功能

本文实例为大家分享了OpenLayers3实现图层控件的具体代码，供大家参考，具体内容如下1. 前言在实际应用中，我们将加载到地图容器中的图层通过图层显示的控件功能，来显示加载的图层...

2020-11-24 15:38:18

255浏览

0评论

js获取url页面id，也就是最后的数字文件名

第一种方法：正则匹配<script>var strUrl = "//www.freexyz.cn/article/825.htm";url = strUrl.match(/\/(\d*)\.(html|htm|shtm|shtml)/);document.write(url[1]);</script>实...

2020-11-24 15:38:16

75浏览

0评论

OpenLayers3实现鼠标移动显示坐标

本文实例为大家分享了OpenLayers3实现鼠标移动显示坐标的具体代码，供大家参考，具体内容如下1. 前言鼠标移动显示坐标，OpenLayers 3 框架提供了鼠标移动显示坐标的控件（ol.contro...

2020-11-24 15:38:14

67浏览

0评论

OpenLayers3实现地图鹰眼以及地图比例尺的添加

本文实例为大家分享了OpenLayers3实现地图鹰眼以及地图比例尺的添加的具体代码，供大家参考，具体内容如下1. 前言地图鹰眼就是地图的鸟瞰图，就是通常所说的小地图，我们可以通过鹰...

2020-11-24 15:38:12

85浏览

0评论

Javascript异步流程控制之串行执行详解

这篇文章主要讲一下如何串行执行一组异步任务，例如有下面几个任务，在这里我们用setTimeout模拟一个异步任务：let taskA = () => setTimeout(() => console.log('run task A'),...

2020-11-24 15:37:46

57浏览

0评论

react-intl实现React国际化多语言的方法

本文主要介绍了react-intl实现React国际化多语言的方法，分享给大家，具体如下：效果预览React Intl 国际化步骤创建国际化资源文件根据语言获取国际化资源引入 react-intl...

2020-11-24 15:37:44

64浏览

0评论

React 条件渲染最佳实践小结(7种)

在 React 中，条件渲染可以通过多种方式，不同的使用方式场景取决于不同的上下文。在本文中，我们将讨论所有可用于为 React 中的条件渲染编写更好的代码的方法。条件渲染在每种...

2020-11-24 15:37:42

63浏览

0评论

通过实例解析json与jsonp原理及使用方法

1.json与jsonp的引入
在ajax中 JSON用来解决数据交换问题,而JSONP来实现跨域。
备注：跨域也可以通过服务器端代理来解决;
理解：JSON是一种数据交换格式，而JSONP是一种依靠开发...

2020-11-24 15:37:40

81浏览

0评论

JS sort排序详细使用方法示例解析

sort() 方法用于对数组的元素进行排序，并返回数组。默认排序顺序是根据字符串UniCode码。因为排序是按照字符串UniCode码的顺序进行排序的，所以首先应该把数组元素都转化成字...

2020-11-24 15:37:38

136浏览

0评论

Openlayers+EasyUI Tree动态实现图层控制

本文实例为大家分享了Openlayers+EasyUI Tree动态实现图层控制的具体代码，供大家参考，具体内容如下功能介绍主要功能根据openlayers3.0与easyUI tree 功能实现图层显隐控制功...

2020-11-24 15:37:35

50浏览

0评论

Openlayers实现距离面积测量

本文实例为大家分享了Openlayers实现距离面积测量的具体代码，供大家参考，具体内容如下CSS.ol-tooltip { position: relative; background: rgba(0, 0, 0, 0.5); border-radius...

2020-11-24 15:37:11

97浏览

0评论

OpenLayer3自定义测量控件MeasureTool

一直苦恼于OpenLayer3没有现成的测量工具，看了歪果仁做的图层控件，于是自己结合了官网上的measure实例和歪果仁的模板鼓捣出了一个测量工具控件。下载地址描述基于Openlayers3...

2020-11-24 15:37:09

75浏览

0评论

JSONObject与JSONArray使用方法解析

需要导入：json-lib-2.2.2-.jar包
1.json：就是一个键对应一个值，超级简单的一对一关系。对于json嵌套，只要记住符号“：”前是键，符号后是值大括号成对找.
String arrayStr=[{name1:...

2020-11-24 15:37:06

86浏览

0评论

OpenLayer学习之自定义测量控件

OpenLayer 学习之自定义测量控件（目前ol3的版本不会抛异常）一、自定义控件是在继承基类空间基础上实现的，控件不是我写的（毕竟技术有限）最近也在一直在研究源码进行模仿想写出自...

2020-11-24 15:37:04

306浏览

0评论

基于openlayers实现角度测量功能

基于openlayers的测量功能，官网提供了长度测量和角度测量，但是没有角度测量，在此写一下基于openlayers的角度测量功能，主要方法如下：var formatAngle = function (line) { var c...

2020-11-24 15:37:02

115浏览

0评论

TypeScript 运行时类型检查补充工具

TypeScript是静态类型系统，在编译时做类型检查。一般而言，如果项目所用到的所有库、模块都是基于ts的，那么静态类型已经可以避免大部分编程层面的类型问题。不过，在一些场景下来...

2020-11-24 15:37:00

91浏览

0评论

Openlayers实现地图的基本操作

本文实例为大家分享了Openlayers实现地图基本操作的具体代码，供大家参考，具体内容如下1、新建一个html页面，引入ol.js和ol.css文件，然后在body中创建一个Div标签和4个Button按钮...

2020-11-24 15:36:58

95浏览

0评论

Openlayers学习之地图比例尺控件

本文实例为大家分享了Openlayers地图比例尺控件的具体代码，供大家参考，具体内容如下1、新建一个html页面，引入ol.js和ol.css文件，然后在body中创建两个div标签，分别用来作为地图...

2020-11-24 15:36:51

91浏览

0评论

Openlayers显示地理位置坐标的方法

本文实例为大家分享了Openlayers显示地理位置坐标的具体代码，供大家参考，具体内容如下1、新建一个html页面，引入ol.js和ol.css文件，然后在body中创建两个div标签，分别用来作为地...

2020-11-24 15:36:48

71浏览

0评论

Openlayers学习之加载鹰眼控件

本文实例为大家分享了Openlayers学习之加载鹰眼控件，供大家参考，具体内容如下1、新建一个html页面，引入ol.js和ol.css文件，然后在body中创建一个div标签，用来作为地图加载的容器；2...

2020-11-24 15:36:46

383浏览

0评论

Openlayers实现地图全屏显示

本文实例为大家分享了Openlayers实现地图全屏显示的具体代码，供大家参考，具体内容如下1、新建一个html页面，引入ol.js和ol.css文件，然后在body中创建一个div标签，用来作为地图加...

2020-11-24 15:36:43

210浏览

0评论

Openlayers显示瓦片网格信息的方法

本文实例为大家分享了Openlayers显示瓦片网格信息的具体代码，供大家参考，具体内容如下1、新建一个html页面，引入ol.js文件，然后在body中创建一个div标签，用来作为地图加载的容器；2...

2020-11-24 15:36:38

87浏览

0评论

Openlayers实现图形绘制

本文实例为大家分享了Openlayers实现图形绘制的具体代码，供大家参考，具体内容如下1、新建一个html页面，引入ol.js文件，然后在body中创建一个div标签、label标签和一个select下拉...

2020-11-24 15:36:35

119浏览

0评论

Openlayers绘制地图标注

本文实例为大家分享了Openlayers绘制地图标注的具体代码，供大家参考，具体内容如下1、标注的简介标注简单点说就是通过图标、文字等方式将我们想展示的内容显示在地图上，着重突...

2020-11-24 15:36:30

73浏览

0评论

Openlayers绘制聚合标注

本文实例为大家分享了Openlayers实现聚合标注的具体代码，供大家参考，具体内容如下1、聚合标注聚合标注是指在不同的地图分辨率下，通过聚合的方式来展示标注点的一种方法，其目的...

2020-11-24 15:36:18

80浏览

0评论

js实现星星海特效的示例

首先需要获取屏幕大小： var screenWidth = document.documentElement.clientWidth; var screenHeight = document.documentElement.clientHeight;接着可以定义动画（星星透明度...

2020-11-24 15:36:08

84浏览

0评论

js实现贪吃蛇游戏（简易版）

本文实例为大家分享了js实现贪吃蛇游戏的具体代码，供大家参考，具体内容如下直接开始效果图:项目结构:图片自己找的1.html<!DOCTYPE html><html> <head> <meta charset="utf-8"...

2020-11-24 15:36:07

107浏览

0评论

JS中队列和双端队列实现及应用详解

队列
队列
双端队列数据结构
应用用击鼓传花游戏模拟循环队列用双端对列检查一个词是否构成回文生成 1 到 n 的二进制数队列和双端队列
队列遵...

2020-11-24 15:36:04

40浏览

0评论

Openlayers3实现车辆轨迹回放功能

记录基于geoserver地图服务，Openlayers3在web前端实现车辆轨迹回放功能，并记录和解决过程中出现的linestring只描绘部分经纬度坐标问题。参考Openlayers3 官网例子html<!DOCTY...

2020-11-24 15:36:02

91浏览

0评论

解决idea开发遇到javascript动态添加html元素时中文乱码的问题

起因一个几个月前做的小网站，这两天翻出来再看看，发现JavaScript文件中动态添加html元素中的中文乱码了，但是从后台获取的动态中文资源没问题，只有js文件中的静态中文资源，加载到...

2020-11-24 15:35:58

42浏览

0评论

使用JavaScript实现贪吃蛇游戏

本文实例为大家分享了JavaScript实现贪吃蛇游戏的具体代码，供大家参考，具体内容如下index.html代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta...

2020-11-24 15:35:56

32浏览

0评论

原生JavaScript实现拖动校验功能

本文实例为大家分享了JavaScript实现拖动校验的具体代码，供大家参考，具体内容如下思路1、页面布局采用定位,背景颜色变化bg的宽度为0，其宽度会随着滑块的移动而移动。页面结构<...

2020-11-24 15:35:54

52浏览

0评论

原生JavaScript实现刮刮乐

本文实例为大家分享了JavaScript实现刮刮乐的具体代码，供大家参考，具体内容如下原理鼠标按住移动的时候，实现刮刮乐的效果，那就是鼠标按下的同时鼠标移动，那就清除画布。松开鼠标...

2020-11-24 15:35:52

151浏览

0评论

如何利用JS将手机号中间四位变成*号

前言：无意间留意到一个面试题，需求是利用js将手机号中间四位变成*号，简单记录一下。1. 利用字符串的substr方法 substr() 方法返回一个字符串中从指定位置开始到指定字符数的字...

2020-11-24 15:35:50

77浏览

0评论

js+cavans实现图片滑块验证

本文实例为大家分享了js+cavans实现图片滑块验证的具体代码，供大家参考，具体内容如下js已封装好，拿来即用，兼容pc端和移动端,效果：移动端： pc端：原理就不解释了，我之前的博客已经说...

2020-11-24 15:35:49

59浏览

0评论

js实现移动端图片滑块验证功能

之前写过一篇uniapp框架的滑块验证，今天抽个空用原生js实现这个功能，pc端暂时不做，因为pc端只要把touch事件改成mouse事件就能实现，这里就不再重复写了。
(最新完美版本，js+canva...

2020-11-24 15:35:43

158浏览

0评论

原生js实现表格翻页和跳转

本文实例为大家分享了js实现表格翻页和跳转的具体代码，供大家参考，具体内容如下js代码里的row_num变量是显示数据的行数，修改后可改变每页显示的数量。html代码：<table border="...

2020-11-24 15:35:39

58浏览

0评论

javascript canvas封装动态时钟

本文实例为大家分享了canvas封装动态时钟的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content...

2020-11-24 15:35:38

70浏览

0评论

JS禁用右键、禁用Ctrl+u、禁用Ctrl+s、禁用F12的实现代码

先来两个简单粗暴的第一种方法：var arr = [123, 17, 18];document.oncontextmenu = new Function("event.returnValue=false;"),//禁用右键document.onselectstart = new Fun...

2020-11-24 15:35:36

135浏览

0评论

js禁止查看源文件屏蔽Ctrl+u/s、F12、右键等兼容IE火狐chrome

键盘事件一般处理键盘按键事件我们采用这样的方式document.onkeydown=function (event) { //检测按下哪个键，作相应处理};event为键盘事件，对于chrome，firefox，IE（Edge），IE10，IE9均...

2020-11-24 15:35:34

195浏览

0评论

js屏蔽F12审查元素，禁止修改页面代码等实现代码

众所周知，审查元素的情况下，大家都可以随机更改一部分页面的代码，注入恶意JS等等，这种情况避免也不难，虽然还能看到一部分H5源码，但是无法修改一、屏蔽F12 审查元素document.onkey...

2020-11-24 15:35:32

95浏览

0评论

JavaScript检测是否开启了控制台（F12调试工具）

js检测用户是否打开调试工具（chrome）(function(){ var re=/x/; var i=0; console.log(re); re.toString=function(){ window.close(); return '第'+(++i)+'次打开控制台'; } }...

2020-11-24 15:35:30

首页 «989 990991992 993 »尾页

热门文章