编程开发 - 教程之家

编程开发

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

143浏览

0评论

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

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

2020-11-24 15:36:48

83浏览

0评论

Openlayers学习之加载鹰眼控件

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

2020-11-24 15:36:46

454浏览

0评论

Openlayers实现地图全屏显示

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

2020-11-24 15:36:43

256浏览

0评论

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

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

2020-11-24 15:36:38

96浏览

0评论

Openlayers实现图形绘制

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

2020-11-24 15:36:35

184浏览

0评论

Openlayers绘制地图标注

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

2020-11-24 15:36:30

127浏览

0评论

Openlayers绘制聚合标注

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

2020-11-24 15:36:18

133浏览

0评论

js实现星星海特效的示例

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

2020-11-24 15:36:08

148浏览

0评论

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

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

2020-11-24 15:36:07

161浏览

0评论

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

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

2020-11-24 15:36:04

58浏览

0评论

Openlayers3实现车辆轨迹回放功能

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

2020-11-24 15:36:02

152浏览

0评论

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

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

2020-11-24 15:35:58

99浏览

0评论

使用JavaScript实现贪吃蛇游戏

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

2020-11-24 15:35:56

41浏览

0评论

原生JavaScript实现拖动校验功能

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

2020-11-24 15:35:54

64浏览

0评论

原生JavaScript实现刮刮乐

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

2020-11-24 15:35:52

209浏览

0评论

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

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

2020-11-24 15:35:50

123浏览

0评论

js+cavans实现图片滑块验证

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

2020-11-24 15:35:49

110浏览

0评论

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

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

2020-11-24 15:35:43

206浏览

0评论

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

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

2020-11-24 15:35:39

75浏览

0评论

javascript canvas封装动态时钟

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

2020-11-24 15:35:38

117浏览

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

201浏览

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

256浏览

0评论

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

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

2020-11-24 15:35:32

141浏览

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

208浏览

0评论

JS检测浏览器开发者工具是否打开的方法详解

在某些情况下我们需要检测当前用户是否打开了浏览器开发者工具，比如前端爬虫检测，如果检测到用户打开了控制台就认为是潜在的爬虫用户，再通过其它策略对其进行处理。本篇文章主...

2020-11-24 15:35:29

66浏览

0评论

js通过canvas生成图片缩略图

现今大部分的网络应用在上传图片的时候都会同时保存几种尺寸的图片，专业术语也就是生成缩略图，而对于生成缩略图一般做法是通过后端语言php等来生成，但是为了给服务器减压，我们...

2020-11-24 15:35:23

147浏览

0评论

Chrome插件开发系列一：弹窗终结者开发实战

一、插件是什么？插件是遵循一定规范的应用程序接口编写出来的程序，而chrome插件则是运行在chrome浏览器上的小程序，能帮我们解决一下工作学习中一些重复繁琐的事情。二、插件的...

2020-11-24 15:35:21

143浏览

0评论

详解ES6中class的实现原理

一、在ES6以前实现类和继承　　实现类的代码如下：function Person(name, age) { this.name = name; this.age = age;}Person.prototype.speakSomething = function () { c...

2020-11-24 15:35:18

53浏览

0评论

echarts实现晶体球面投影的实例教程

因为固体物理书上的球面投影图太难看，就自学 javascipt 用 echarts 做了个可交互的，效果如下：上面为立方晶系主要晶面（晶向）的球面投影，具体计算代码如下：import mathimport numpy...

2020-11-24 15:35:16

202浏览

0评论

js+h5 canvas实现图片验证码

本文实例为大家分享了js+h5 canvas实现图片验证码的具体代码，供大家参考，具体内容如下实现效果一、使用技术原生js技术+html5 canvas画图利用Math.random()函数随机生成颜色...

2020-11-24 15:35:14

143浏览

0评论

js实现石头剪刀布游戏

前言用户选择出石头剪刀布，电脑系统随机生成石头剪刀布，然后判断结果并显示给用户一、实现效果二、使用步骤1.HTML和CSS<!DOCTYPE html><html lang="en"><head> <meta chars...

2020-11-24 15:35:12

118浏览

0评论

原生js生成图片验证码

本文实例为大家分享了js生成图片验证码的具体代码，供大家参考，具体内容如下html代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>图形验证码</title> </he...

2020-11-24 15:35:10

95浏览

0评论

H5+css3+js搭建带验证码的登录页面

本文实例为大家分享了H5+css3+js搭建带验证码的登录页面，供大家参考，具体内容如下login.html<!DOCTYPE HTML><html> <head> <title>EasyBuy后台管理系统</title> <meta charse...

2020-11-24 15:35:08

72浏览

0评论

利用js canvas实现五子棋游戏

本文实例为大家分享了canvas实现五子棋游戏的具体代码，供大家参考，具体内容如下html部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewp...

2020-11-24 15:35:06

126浏览

0评论

js canvas实现俄罗斯方块

本文实例为大家分享了canvas实现俄罗斯方块的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" conte...

2020-11-24 15:35:04

151浏览

0评论

手机浏览器唤起微信分享(JS)

最近在做一个手机站，要求点击分享可以直接打开微信分享出去。而不是jiathis，share分享这种的点击出来二维码。在网上看了很多，都说APP能唤起微信，手机网页实现不了。也找了很多...

2020-11-24 15:35:02

130浏览

0评论

用JavaScript实现贪吃蛇游戏

本文实例为大家分享了JavaScript实现贪吃蛇游戏的具体代码，供大家参考，具体内容如下地图地图：宽，高，背景颜色，因为小蛇和食物都是相对于地图显示的，这里小蛇和食物都是地图的子元素...

2020-11-24 15:35:00

86浏览

0评论

JavaScript读取本地文件常用方法流程解析

出于安全和隐私的原因，web 应用程序不能直接访问用户设备上的文件。如果需要读取一个或多个本地文件，可以通过使用input file和FileReader来实现。在这篇文章中，我们将通过一些...

2020-11-24 15:34:58

42浏览

0评论

移动端JS实现拖拽两种方法解析

移动端的项目经常会引入手势库来实现拖拽不过如果只是一两个页面用到拖拽，再引入一个手势库就很不划算最近的项目中就有这么一个需求：因为就这一个地方需要拖拽，所以我就没有引...

2020-11-24 15:34:56

379浏览

0评论

如何利用 JS 脚本实现网页全自动秒杀抢购功能

倒计时页面：倒计时未结束时，购买按钮还不能点击。结束时，可以点击购买，点击后出现提示“付款成功”展示效果 GIF1.制作测试网页首先我们来做一个简易的抢购页面<!DOCTYPE html><...

2020-11-24 15:34:53

53浏览

0评论

Webpack5正式发布,有哪些新特性

webpack作为最使用最广泛的前端打包工具，已经成为前端工程化基础设施的一部分。而Webpack上一个大版本更新已经是18年的时候了，两年时间过去了让我们看看Webpack5都带来了哪些...

2020-11-24 15:34:33

124浏览

0评论

浅析我对JS延迟异步脚本的思考

关于对延迟脚本的思考async和defer属性的脚本，相信大家都听说过，但是他的真正执行细节是什么样子的？很少有文章认真研究它,可能不太有人注重细节,但其实真正有技术含量的工作和...

2020-11-24 15:34:31

97浏览

0评论

分享8个JavaScript库可更好地处理本地存储

我为当前项目测试了一些本地存储库。想知道他们有什么很棒的功能吗？继续阅读。
Local Storage Bridge
https://github.com/krasimir/lsbridge
如果你必须在同一个浏览器中从...

2020-11-24 15:34:25

58浏览

0评论

原生JavaScript实现弹幕组件的示例代码

前言
如今几乎所有的视频网站都有弹幕功能，那么今天我们就自己用原生 JavaScript 封装一个弹幕类。这个类希望有如下属性和实例方法：
属性 el容器节点的选择器，容器节点应为绝...

2020-11-24 15:34:23

72浏览

0评论

微信小游戏中three.js离屏画布的示例代码

国庆8天长假，重庆之行因故未成，偶得闲，用three.js结合cannon.js写个3D小游戏耍耍。在微信小游戏中，把three.js的3D内容在离屏画布处理，然后复制到在屏画布，方法是：let c_toolbarHei...

2020-11-24 15:34:21

136浏览

0评论

react的hooks的用法详解

hooks的作用
它改变了原始的React类的开发方式，改用了函数形式;它改变了复杂的状态操作形式，让程序员用起来更轻松;它改变了一个状态组件的复用性，让组件的复用性大大增加。use...

2020-11-24 15:34:17

88浏览

0评论

JavaScript实现拖动对话框效果的实现代码

代码实现：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</...

2020-11-24 15:34:16

149浏览

0评论

JS将指定的某个字符全部转换为其他字符实例代码

var str = "pig cat fish、dog horse monkey bear、lion、fox";笔者在这里定义了一个字符串
如果使用for循环遍历字符串，内部使用replace函数的话 for (j = 0; j <= str.l...

2020-11-24 15:34:13

113浏览

0评论

JavaScript数组常用的增删改查与其他属性详解

数组的增删改查数组的插入push()尾部插入var arr2 = [1, 2, 3] arr2.push(4, 5, 6) console.log(arr2) //[1,2,3,4,5,6]unshift()头部插入var arr3 = [1, 2, 3]arr3.unshift...

2020-11-24 15:34:10

158浏览

0评论

js轮播图之旋转木马效果

本文实例为大家分享了js轮播图之旋转木马效果的具体代码，供大家参考，具体内容如下思路：给定一个数组，储存每张图片的位置，旋转将位置进行替换
左旋转：将数组第一个数据删除，然后添...

2020-11-24 15:34:08

首页 «1012 101310141015 1016 »尾页

热门文章