前端
关注
分享
扫一扫
前端
ProjectNo
这个作者很懒，什么都没留下…
展开
-
百度地图API自定义点路书，路书点击事件，路书速度动态改变
前一段时间研究百度地图路书，查了很多资料也看源码，总结了一下如下 代码中有三个图片我放在下面，自行下载重命名和代码里面的名字保持一致，并且同代码放在同一个文件家里面，代码中注释也很详细，可自行copy hightTrain.png station.png xian.jpg<html> <head> <meta charset="utf-8"> <met原创 2017-10-11 10:25:13 · 18132 阅读 · 7 评论 -
创建百度地图，设置地图缩放，设置标注，添加信息窗口
这里我引用的是百度地图1.4api，因为1.4以下的不需要密钥，但是有的功能不支持，不过基本的功能都支持，代码如下：<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="init原创 2017-09-19 15:24:34 · 4830 阅读 · 0 评论 -
百度地图API 添加标注图片和鼠标点击标注图片弹窗
代码目录结构效果代码<html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>百度地图 API marker</title>...原创 2020-05-07 13:09:25 · 1701 阅读 · 0 评论 -
百度地图API 移动的marker，移动marker点击事件及动态改变速度
前段时间研究了路书想用来监控公交但发现路书很多功能不足，比如说路书移动时点击事件不能触发，路书动态改变移动速度需要移动完两点之间的距离才能改变，添加多个路书会移动其他的移动速度等。后来自己用marker写了个类似路书的东西，如下：（注释很详细，这里不多说，有疑问可在下方留言）<html> <head> <meta charset="utf-8"> <meta原创 2017-10-19 10:40:00 · 12925 阅读 · 0 评论 -
js获取日期、时间、日期常用方法、时间计算并格式化和实现电子表
代码如下，注释很全，代码很简单<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>一个函数实现电子表</title> </head> <body> <label id="time" style="font-s原创 2017-10-12 09:41:05 · 1442 阅读 · 0 评论 -
JavaScript时间加减、时间加一天、时间加一个月、时间加一年、时间戳转“yyyy-MM-dd HH:mm:ss”
文章目录两个时间相加减给某个时间加一天、加一个月和加一年加一天（月底加一天结果是次月第一天）加一个月（年底加一天结果是次年第一月）加一年时间戳转“yyyy-MM-dd HH:mm:ss”两个时间相加减如果是默认的Date()类型，直接相减就是相差的毫秒数，如果不是时间转乘时间格式再计算。var date1 = new Date('2021/06/22');var date2 = new Date('2020/06/22');console.log(parseInt(d2 - d1));//两个时间原创 2021-06-22 09:12:25 · 23839 阅读 · 0 评论 -
GPS坐标转换成百度坐标和火星坐标
WGS坐标系是国际通用的一种地心坐标系，WGS本身也有多个版本（不赘述了），GCJ-02是国内官方采用的一种坐标系，国内许多坐标系也是基于GCJ-02变种而来的，比如百度坐标系BD-09。就这么简单介绍一下吧，坐标系本身的算法是比较复杂的，需要了解空间地理知识，百度文库里面也有一些坐标纠偏转换算法的相关论文，有兴趣的可以自己去研究。static double pi = 3.1415926535897原创 2017-12-25 17:34:07 · 3183 阅读 · 0 评论 -
JavaScript监听键盘事件，组合键事件
监听键盘事件，比如说提交表单或者确认通过键盘操作会很方便，有时候需要组合键比如复制粘贴等。基本原理是当按下某一个键时，返回对应的值，然后再判断用户按下了哪个键，进行对比。一、键盘监听是直接在整个页面文档上进行监听的，也就是document上，以下是原生的使用案例：1、某个键按下事件：onkeydown 2、某个键被按下或者按住：onkeypress 3、某个按下的键被松开：onkeyupdocu原创 2017-09-04 15:23:05 · 25353 阅读 · 0 评论 -
百度地图API自定义标注（自定义覆盖物或自定义图标）
1、标注概述 标注（Marker）是用来表示一个点位置的可见元素，每个标注自身都包含地理信息。比如你在西单商场位置添加了一个标注，不论地图移动、缩放，标注都会跟随一起移动，保证其始终指向正确的地理位置。 从上面的图可以看出，不论地图如何变化标注始终指向“浦江县政府”的位置。2、如何知道某个点的坐标？ 上例中我们在“浦江县政府”位置添加了一个标注，那么我是如何知道它的坐标点呢？可以通过API原创 2017-09-27 14:29:44 · 14221 阅读 · 7 评论 -
JQuery操作div隐藏和显示的4种动画
不多说直接上代码，效果如下： <html> <head> <meta charset="utf-8"> <meta name="author" content="wg"> <title>Jquery-Div动画显示</title> <script src="jquery-1.10.2.min.js" type="text/ja原创 2017-10-25 18:12:14 · 20762 阅读 · 1 评论 -
html+js+jquery实现两侧悬浮信息框
需要引入自己的jquery的js包<html> <head> <meta charset="utf-8"> <meta name="author" content="wg"> <title>Jquery-左侧悬浮信息框</title原创 2017-11-01 17:27:53 · 1144 阅读 · 0 评论 -
jQuery选择器，操作元素，工具方法，事件操作
jQuery 一、选择网页元素jQuery的基本设计和主要用法，就是"选择某个网页元素，然后对其进行某种操作"。这是它区别于其他函数库的根本特点。使用jQuery的第一步，往往就是将一个选择表达式，放进构造函数jQuery()(简写为$)，然后得到被选中的元素。选择表达式可以是CSS选择器： 1 $(document)//选择整个文档对象2 $('#myId')//选择ID原创 2017-07-26 16:37:24 · 760 阅读 · 0 评论 -
Jquery实现鼠标可拖动的进度条
html<div class="progress"> <div class="progress_bg"> <div class="progress_bar"></div> </div> <div class="progress_btn"></div> <div class="text">0%</div></div>css.progress{posit转载 2017-11-08 11:47:38 · 3384 阅读 · 0 评论 -
ajax参数详解
url: 要求为String类型的参数，（默认为当前页地址）发送请求的地址。type: 要求为String类型的参数，请求方式（post或get）默认为get。注意其他http请求方法，例如put和 delete也可以使用，但仅部分浏览器支持。timeout: 要求为Number类型的参数，设置请求超时时间（毫秒）。此设置将覆盖$.ajaxSetup()方法的全局设 置。async：要原创 2017-07-26 16:00:21 · 408 阅读 · 0 评论 -
前端Ant Design DatePicker限定日期选择范围
Ant版本为1.X，API中有的笔者就不介绍了，下面介绍一些遇到过的问题和解决方案：文章目录自定义日期选择范围选择范围小于等于今天选择范围小于今天选择范围大于等于今天选择范围只能是昨天、今天和后天日期格式和字符串格式限定选择范围字符串格式日期选择范围小于今天date格式日期选择范围小于今天自定义日期选择范围API中有介绍如何用开始时间去限定结束时间的选择范围，或者用结束时间去限定开始时间选择范围。我们一般会用自己的时间限定选择范围，而自己的时间一般是字符串格式，如“2020-11-11”，或者用new原创 2020-11-03 10:57:11 · 5430 阅读 · 4 评论 -
You cannot set a form field before rendering a field associated with the value解决办法
在Antd界面的时候报出这个警告，反复查找问题，最终找到解决办法原因：在modal中用this.form.setFieldsValue({})填充Form表单信息时，modal没有被设置可见，或者表单元素v-if为true就会出现这个警告，当然在我查看资料和别人解决办法的时候也有其他的情况。解决办法：1、在modal中给表单赋值时，要先让表单可见即设置modal的visible为true，或者不论是否可见强制渲染forceRender为true，再去用this.form.setFieldsValue(原创 2020-11-03 14:38:06 · 7349 阅读 · 1 评论 -
Vue watch的用法
Vue.js 有一个方法 watch，观察 Vue 实例上的一个表达式或者一个函数计算结果的变化。回调函数得到的参数为新值和旧值。1.简单用法<template> <div> <a-input v-model="name"></a-input> </div></template><script>export default { data() { return { name:原创 2020-11-03 16:59:34 · 393 阅读 · 0 评论