JavaScript
关注
分享
扫一扫
文章平均质量分 64
分享一些关于JavaScript中的使用技巧
Asurplus
我每天睡醒了就去打工，打完工就回去睡觉
展开
-
百度地图 - 点聚合方式批量渲染坐标点
最近在做一个大数据人员分布的系统，需要能够在地图上渲染数据库中的坐标点，大概有四万个坐标点，普通的渲染方式会导致客户端崩溃的，于是使用了百度地图的点聚合方式，特此记录一下1、百度地图API首先我们需要去百度地图申请一个应用，得到密钥http://lbsyun.baidu.com/2、点聚合代码如下：<head> <meta charset="UTF-8"> <title>获取自定义区域内的坐标点 - 百度地图</title> <原创 2020-12-04 11:17:45 · 203574 阅读 · 39 评论 -
百度地图 - 自定义划分区域并获取区域内的坐标点
最近在做一个大数据人员分布的系统，需要能够在地图上自定义划分区域，并能够获取该区域内的坐标点信息，也是搞了很久才做出来，特此记录一下1、百度地图API首先我们需要去百度地图申请一个应用，得到密钥http://lbsyun.baidu.com/2、自定义区域代码如下：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>获取自定义区域内的坐标点 - 百度地图原创 2020-12-04 11:09:53 · 208812 阅读 · 45 评论 -
JQuery中获取JSON文件中的数据
1、使用 Ajax 方式获取$.get("json/test.json", function(data) { console.log(data.total);});另一种方式：$.ajax({ type: "get", url: "json/test.json", dataType: "json", async: false, s...原创 2020-02-25 09:43:58 · 212097 阅读 · 2 评论 -
localStorage的使用技巧
一、关于 localStorage1、localStorage是HTML5中新加入的特性，主要作为本地存储来使用，解决了cookie存储空间不足的问题，大约有5M左右，cookie只有4K2、 localStorage是针对于前端页面的数据库，相比于cookie可以节约带宽， 高版本的浏览器中才支持的 3、目前所有的浏览器中都会把localStorage的值类型限定为string类型...原创 2020-02-24 11:00:24 · 198253 阅读 · 0 评论 -
Viewer，一款好用的图片预览插件
在项目中，需要点击查看图片，本次我用了 viewer 这款插件本次用到的 css，js 文件已经上传至百度网盘：链接：https://pan.baidu.com/s/1N5cvkk0mHV-8gDk240oByA 提取码：l6kw1、引入 css 和 js 文件<!-- 图片查看器 css --><link rel="stylesheet" href="&l...原创 2020-01-08 16:14:03 · 200525 阅读 · 10 评论 -
JavaScript中使用Lodop打印
我们在项目中，会需要用到连接打印机进行打印订单数据信息等，本次我使用的是 Lodop 进行打印我们会用到 Lodop 的依赖文件1、安装软件CLodop_Setup_for_Win32NT.exe2、32版本的运行文件install_lodop32.exe3、64版本的运行文件install_lodop64.exe4、JS文件LodopFuncs.js以上文件已经放在百度网...原创 2020-01-08 15:58:00 · 200843 阅读 · 20 评论 -
JavaScript中操作后端用ModelAndView返回的List数据
在JavaWeb项目中，我们经常使用ModelAndView装入请求页面的地址和传入页面的数据，我们在HTML中可以用JSTL来操作装入在ModelAndView中的List数据例如我们在渲染select的option选项时：1、在后端我们将list数据装入ModelAndView中：ModelAndView mav = new ModelAndView("/store/list")...原创 2019-12-18 20:54:47 · 202021 阅读 · 1 评论 -
前端加密传输数据，后端解密还原数据
在项目中，我们需要在前端传入参数到服务器后端去，传入的参数带有特殊符号的话会被系统默认转义，导致我们获取不到正确的数据。例如：‘+’，‘&’等符号会被自动转义。这时候我们就需要在前端将数据进行加密，后端获取到数据后，再进行解密，即可获得正确的数据。1、我们在前端页面中将需要传输的数据通过以下方法加密：var str = encodeURI(encodeURI(param).repl...原创 2019-10-16 22:44:11 · 204935 阅读 · 4 评论 -
Ajax请求如何避免缓存问题
一、为什么会有缓存问题1、当Ajax第一次发送请求后，会把请求的URL和返回的响应结果保存在缓存内，当下一次调用Ajax发送相同的请求时（URL完全相同，参数完全相同），浏览器就不会与服务器交互，而是直接从缓存中把数据取出来，这是为了提高页面的响应速度和用户体验，（服务端也会收到请求响应304）。2、浏览器会自作主张的把所有异步请求来的文件缓存，当下一次请求的URL和之前的一样，那么浏览器...原创 2019-08-11 22:19:36 · 198836 阅读 · 0 评论 -
JavaScript中实现replaceAll方法
我们在Java中可以使用replaceAll()方法对字符串进行批量替换，但在JS中replaceAll()方法是undefined，JS中只存在replace()方法，因此我们可以自己封装JS中replaceAll()方法供我们便捷使用。一、使用replace()方法进行替换定义一个字符串：var str = "hello world";使用replace()方法将字符串中的字母...原创 2019-07-17 14:49:18 · 212376 阅读 · 0 评论 -
JavaScript中Set的使用
我们在写JS代码的时候，因为Set中存放的数据都是不会重复的数据，因此我们可以利用Set来帮助我们更便捷地完成许多的事！1、JS中Set的定义：var set = new Set();2、JS中Set的遍历：set .forEach(function (element, sameElement, set) {console.log(element);}3、JS中Set的操作方法：(...原创 2019-07-17 10:14:27 · 205312 阅读 · 2 评论 -
JavaScript中实现摸球概率统计事件
事件描述：在三个不透明的盒子中分别每个盒子装了两个球，第一个盒子装2个红球，第二个盒子装1个红球和1个蓝球，第三个盒子装2个蓝球，问：随机从三个盒子中取出一个球，问这个球是红球的概率？我使用JS代码来描述这个事件，请看代码：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> ...原创 2019-07-18 12:01:23 · 197388 阅读 · 0 评论