编程开发 - 教程之家

编程开发

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

917浏览

0评论

微信小程序实现转盘抽奖

本文实例为大家分享了微信小程序实现转盘抽奖的具体代码，供大家参考，具体内容如下效果图如下所示.wxml<view class="index"> <view class="xian"></view> <view class="xian">...

2020-11-24 15:51:39

232浏览

0评论

微信小程序实现翻牌抽奖动画

本文实例为大家分享了微信小程序实现翻牌抽奖的具体代码，供大家参考，具体内容如下效果图如下所示这里做的比较简陋，就花了一点时间实现了翻牌抽奖效果,提供思路.wxml<view clas...

2020-11-24 15:51:36

47浏览

0评论

理解JavaScript中的Proxy 与 Reflection API

一、创建 Proxylet target = {}let proxy = new Proxy(target, {})proxy.name = "proxy"console.log(proxy.name) // proxyconsole.log(target.name) // proxytarget.name...

2020-11-24 15:51:08

167浏览

0评论

微信小程序实现点击页面出现文字

本文实例为大家分享了微信小程序实现点击页面地方出现文字的具体代码，供大家参考，具体内容如下效果图如下所示.wxml<view class="index" bindtap="index"></view><text class=...

2020-11-24 15:51:06

66浏览

0评论

JS实现放大镜效果

JS实现放大镜效果，供大家参考，具体内容如下鼠标移到图片上就可以放大一块区域代码：<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport"...

2020-11-24 15:51:03

76浏览

0评论

js+canvas绘制图形验证码

本文实例为大家分享了利用canvas绘制图形验证码的具体代码，供大家参考，具体内容如下
思路：通过随机获取指定字符串的指定数的字符，通过canvas绘制出来返回指定范围的随机整数
//...

2020-11-24 15:51:01

107浏览

0评论

JS实现无限轮播无倒退效果

本文实例为大家分享了JS实现无限轮播无倒退的具体代码，供大家参考，具体内容如下原理：每次移动前设置transition过渡效果，完成清除过渡效果，然后在到达最后一张图片的时候在清除过...

2020-11-24 15:50:59

79浏览

0评论

JavaScript实现多层颜色选项卡嵌套

本文实例为大家分享了JavaScript实现多层颜色选项卡嵌套的具体代码，供大家参考，具体内容如下这是学JavaScript时候的一个作业，如果没有思路还是挺有难度的，但是思路正确的话一步...

2020-11-24 15:50:51

68浏览

0评论

小程序实现录音功能

本文实例为大家分享了小程序实现录音功能的具体代码，供大家参考，具体内容如下首先判断权限getPermission: function() { var that = this; wx.getSetting({ success(r...

2020-11-24 15:50:47

131浏览

0评论

Js跳出两级循环方法代码实例

循环时最耗费资源的操作，任意一点小小的损耗都会被成倍放大，从而影响到程序整体运行的效率。一下两个因素会影响到循环的性能。
每次迭代做什么
迭代的次数通过减少这两...

2020-11-24 15:50:46

53浏览

0评论

JS如何生成动态列表

本文实例为大家分享了JS如何生成动态列表的具体代码，供大家参考，具体内容如下思路： JS中写函数----HTML中利用表单元素获取用户输入的行和列的值，调用JS中的函数。
主要用到的知...

2020-11-24 15:50:44

131浏览

0评论

js实现三角形粒子运动

本文实例为大家分享了js实现三角形粒子运动的具体代码，供大家参考，具体内容如下效果(这里只是截了一个静态图，实际上里面的粒子是运动状态的)：<!DOCTYPE html><html lang="en"><...

2020-11-24 15:50:42

90浏览

0评论

JavaScript实现单点登录的示例

项目中遇到单点登录这个问题，当点击链接的时候跳转到另一个系统中并实现自动登录进去，直接进去系统的页面因为不同的系统涉及到跨域的问题，所以使用nginx来解决跨域的问题先跳...

2020-11-24 15:50:39

55浏览

0评论

javascript实现点击按钮切换轮播图功能

本文实例为大家分享了js实现点击按钮切换轮播图的具体代码，供大家参考，具体内容如下菜单区域实现划过主菜单显示子菜单轮播区域实现1、点击图片中左右箭头，分别跳转上一张与下...

2020-11-24 15:50:37

132浏览

0评论

javascript使用正则表达式实现注册登入校验

本文实例为大家分享了用正则表达式的方式实现注册登入的校验，供大家参考，具体内容如下表单验证：1、用户名：6–18位数字,字母,下划线_，文本域获取焦点和失去焦点出现提示文字。
2...

2020-11-24 15:50:35

133浏览

0评论

javascript实现简易计算器功能

本文实例为大家分享了javascript实现简易计算器的具体代码，供大家参考，具体内容如下功能：1、实现单击数字按钮输入数字
2、实现基础四则运算功能，并添加必要的异常处理，例如：除数...

2020-11-24 15:50:33

122浏览

0评论

原生js实现购物车

原生就js实现购物车增删改查，供大家参考，具体内容如下效果图：代码：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{ margi...

2020-11-24 15:50:30

62浏览

0评论

原生js实现分页效果

本文实例为大家分享了js实现分页效果的具体代码，供大家参考，具体内容如下效果如下：代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport"...

2020-11-24 15:50:28

193浏览

0评论

小程序点餐界面添加购物车左右摆动动画

效果图动画代码这里只提供图中购物车动画代码，不提供以上点餐界面（需要点餐界面点击这里：Gitee仓库）。在触发代码中使用 this.cartWwing() 调用动画，不理解请访问教程。/** *...

2020-11-24 15:50:21

112浏览

0评论

JavaScript获取时区实现过程解析

在一个大型的项目中，不可避免会出现操作时间的业务，比如时间的格式化，比如时间的加减，我们一般会直接使用moment.js库来做，毕竟稳定可靠，也方便，那当我们系统只是几个简单页面，对时...

2020-11-24 15:50:18

168浏览

0评论

js 将多个对象合并成一个对象 assign方法的实现

1.接下来介绍一下ES6在Object新加的方法 assign() 1.作用：将多个对象{} 合并成一个独立对象。 2.使用方式: Object.assign(合并的对象，传入合并中的对象....)let user = {n...

2020-11-24 15:50:16

72浏览

0评论

基于Ionic3实现选项卡切换并重新加载echarts

要求选项卡每切换一次，就加载对应的一个echarts 图，要有一开始的动画效果
效果如下：注意点1、echarts要想每次都能重新加载，需要移除"_echarts_instance_"属性，否则一切换选项卡，...

2020-11-24 15:50:13

150浏览

0评论

Openlayers实现点闪烁扩散效果

本文实例为大家分享了Openlayers实现点闪烁扩散效果的具体代码，供大家参考，具体内容如下点闪烁样式：DOM的样式实现/**橙色点扩散闪烁样式*/.point_animation{ background: #ff9...

2020-11-24 15:50:11

122浏览

0评论

openlayers 3实现车辆轨迹回放

本文实例为大家分享了openlayers 3实现车辆轨迹回放的具体代码，供大家参考，具体内容如下先上效果：利用 openlayers 3地图的 postcompose 事件监听地图的重绘注意：此代码是我在Vu...

2020-11-24 15:50:05

41浏览

0评论

openlayers实现地图测距测面

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

2020-11-24 15:49:51

112浏览

0评论

openlayers实现地图弹窗

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

2020-11-24 15:49:49

117浏览

0评论

openlayers实现图标拖动获取坐标

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

2020-11-24 15:49:47

98浏览

0评论

OpenLayers3实现地图显示功能

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

2020-11-24 15:49:45

149浏览

0评论

Javascript confirm多种使用方法解析

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

2020-11-24 15:49:37

101浏览

0评论

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

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

2020-11-24 15:38:26

143浏览

0评论

OpenLayers3实现对地图的基本操作

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

2020-11-24 15:38:23

254浏览

0评论

OpenLayers实现图层切换控件

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

2020-11-24 15:38:20

98浏览

0评论

OpenLayers3实现图层控件功能

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

2020-11-24 15:38:18

307浏览

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

90浏览

0评论

OpenLayers3实现鼠标移动显示坐标

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

2020-11-24 15:38:14

129浏览

0评论

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

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

2020-11-24 15:38:12

132浏览

0评论

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

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

2020-11-24 15:37:46

114浏览

0评论

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

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

2020-11-24 15:37:44

79浏览

0评论

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

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

2020-11-24 15:37:42

122浏览

0评论

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

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

2020-11-24 15:37:40

134浏览

0评论

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

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

2020-11-24 15:37:38

145浏览

0评论

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

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

2020-11-24 15:37:35

96浏览

0评论

Openlayers实现距离面积测量

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

2020-11-24 15:37:11

148浏览

0评论

OpenLayer3自定义测量控件MeasureTool

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

2020-11-24 15:37:09

125浏览

0评论

JSONObject与JSONArray使用方法解析

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

2020-11-24 15:37:06

96浏览

0评论

OpenLayer学习之自定义测量控件

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

2020-11-24 15:37:04

367浏览

0评论

基于openlayers实现角度测量功能

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

2020-11-24 15:37:02

165浏览

0评论

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

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

2020-11-24 15:37:00

144浏览

0评论

Openlayers实现地图的基本操作

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

2020-11-24 15:36:58

153浏览

0评论

Openlayers学习之地图比例尺控件

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

2020-11-24 15:36:51

首页 «1011 101210131014 1015 »尾页

热门文章