javascript
文章平均质量分 55
javascript,常用函数封装
漏刻有时
深耕数据可视化与地图GIS技术,融合AI前沿探索,致力于打造智能数据洞察新纪元。通过精美图表展现数据魅力,让复杂信息一目了然;运用GIS技术绘制精准地图,赋能空间数据深度分析。同时,结合AI算法优化数据处理与预测,开启智能决策新篇章。在这里,每一行代码都是对未知世界的探索,每一次可视化都是智慧的火花。
展开
-
php后端通过ajax接口返回二进制数据流,让前端下载excel文件(ajax传递json参数)
在上面的POST请求示例中,使用JSON.stringify()方法将JavaScript对象转换为JSON格式的字符串,然后设置Content-Type请求头为application/json,最后调用xhr.send(jsonData)发送数据。原创 2024-05-14 14:38:55 · 551 阅读 · 4 评论 -
php使用服务器端和客户端加密狗环境部署及使用记录(服务器端windows环境下部署、linux环境宝塔面板部署、客户端部署加密狗)
在PHP中使用加密狗(通常被称为USB加密设备或硬件安全模块HSM)涉及与加密狗的特定硬件和API接口进行交互。每个加密狗供应商都会提供其设备的驱动程序和API文档,遵循这些文档来在PHP中集成加密狗。原创 2024-05-07 21:17:39 · 1374 阅读 · 5 评论 -
javascritp中字符串参数自身包含单引号或双引号的使用
属性中的字符串被双引号包围,这样就可以在字符串内部使用单引号来包围函数的参数(如果参数本身不包含单引号的话)。但是,如果参数本身包含单引号,需要使用反斜杠。属性中,想要调用一个函数并传递一些参数,确保字符串内的引号被正确地转义。函数需要一些字符串参数,这些字符串参数自身包含单引号或双引号。属性本身被双引号包围,我们不需要对参数中的单引号进行转义。onclick=''中需要加入。在JavaScript的。在这个例子中,转义了参数。原创 2024-05-01 21:35:33 · 247 阅读 · 2 评论 -
javascript学习记录:location.hash的用法和说明
对象的一个属性,它返回 URL 的 hash 部分(从 ‘#’ 符号开始的部分)。这个属性常常用于单页面应用(SPA, Single Page Application)中,通过改变 URL 的 hash 来模拟页面跳转,同时不触发页面重载。在某些情况下很有用,但它也有一些限制。例如,它可能不适用于所有类型的导航,特别是在需要服务器参与的情况下。,并且浏览器会尝试滚动到 id 为 “section2” 的元素。还是其他导航方法时,应考虑到这些限制和用例的具体需求。此时,URL 会变为。原创 2024-03-29 22:05:15 · 1371 阅读 · 0 评论 -
javascript和HTML手机端实现多条件筛选的实战记录(筛选层的展示与隐藏、AJAX传输数组)
是一个 JavaScript 方法,用于将 JavaScript 值(对象、数组、字符串、数字、布尔值等)转换为 JSON 格式的字符串。这个方法属于 JavaScript 的内置对象。,用于处理 JSON 数据。原创 2023-12-11 00:42:14 · 1210 阅读 · 0 评论 -
javascript如何实现将地址中省市区县自动分离
它会尽可能少地匹配字符,并且在每个匹配之间不会有重叠。例如,在文本“广东省广州市天河区”中,这个正则表达式会匹配到“广东省”、“广州市”和“天河区”。总的来说,这个正则表达式会在输入文本中查找并匹配“省”、“市”、“自治区”、“自治州”、“县”或“区”这些词语,但由于前面的。:这是一个全局标志,意味着正则表达式会尝试匹配输入文本中的所有可能模式,而不仅仅是第一个。这是一个正则表达式,用于匹配文本中的特定模式。:这是正则表达式的开始符号。:这是正则表达式的结束符号。原创 2023-12-11 00:30:47 · 1080 阅读 · 0 评论 -
Mixed Content: The page was loaded over HTTPS, This content should also be served over https解决方案
浏览器对于https链接会自动屏蔽不安全的http链接,就是所谓的Mixed Content。HTTPS页面里动态的引入HTTP资源时,比如引入一个js文件,会被直接block掉的.在HTTPS页面里通过AJAX的方式请求HTTP资源,也会被直接block掉的。原创 2023-11-29 16:51:26 · 3197 阅读 · 0 评论 -
javascript中依次输出元素并不断循环实现echarts柱图动画效果
在JavaScript中,你可以使用循环来遍历数组并输出其中的元素。这段代码会打印出数组中的每一个元素,然后当它到达数组的最后一个元素时,它会将i重置为-1,使得下一次循环从数组的第一个元素开始。这样就可以实现无限循环打印数组中的6个元素。原创 2023-10-07 23:05:50 · 665 阅读 · 0 评论 -
layui中多个checkbox只能进行单选且一个被选中则取消其他的选中状态
通过以上步骤,当选中其中一个checkbox时,其他checkbox将会被取消选中,确保只有一个checkbox被选中。原创 2023-09-04 00:00:00 · 2532 阅读 · 2 评论 -
高端百度地图开发2:自定义水滴头像(鼠标事件、API封装对接)
高端百度地图开发系列一、添加自定义覆盖物的方法二、对接API数据1.获取API数据(模拟)2.遍历数据3.添加自定义覆盖物封装函数4.添加监听事件三、覆盖物类1.Overlay2.MapPanes四、鼠标操作单击事件//添加自定义覆盖物;原创 2023-08-12 10:40:32 · 521 阅读 · 1 评论 -
高端百度地图开发1:自定义水滴头像(自定义标注覆盖物、Overlay覆盖类)
自定义标注覆盖物(Custom Overlay)是百度地图中的一种功能,它允许开发者在地图上绘制自定义的标记物,以更符合自己的业务需求和设计风格。通过自定义标注覆盖物,你可以在地图上添加各种类型的标记,如图标、文字、线条等,以丰富地图展示的内容。相比于普通的地图标注,自定义标注覆盖物具有更高的灵活性和可定制性。原创 2023-08-11 19:50:40 · 1054 阅读 · 1 评论 -
javascript函数split(“,“)出现 not a function的解决方案
确保调用 split() 方法的变量是一个字符串。可以使用 typeof 操作符检查变量类型,或者直接在代码中确认该变量是一个字符串。出现 “split is not a function” 错误的原因可能是,在一个非字符串类型的变量上使用 split() 方法。如果变量不是字符串类型,使用 toString() 方法将其转换为字符串,然后再调用 split() 方法。这样,如果 myVariable 为 null 或 undefined,它会被转换为空字符串。原创 2023-08-11 15:38:28 · 8484 阅读 · 0 评论 -
html2canvas截图生成图片并保存到本地的解决方案
html2canvas是一款JavaScript插件,能够将网页上的HTML元素转化为Canvas对象,从而可以将网页截图输出为图片或者PDF文件。它的原理是通过遍历DOM树,将每一个HTML元素转化为Canvas对象,并叠加到一起形成一张完整的图片或者PDF文件。在转化过程中,html2canvas还需要解决一些问题,例如处理CSS属性、特殊元素、浏览器兼容性问题等。html2canvas的原理并不复杂,但是它在实现网页截图这一功能上起到了重要作用,为网页开发、界面设计等领域提供了便利。原创 2023-08-11 09:50:53 · 1402 阅读 · 0 评论 -
在浏览器中使用javascript打印HTML中指定Div带背景图片内容生成PDF电子证书查询的解决方案
当用户点击"打印"按钮时,浏览器将会打印出指定的DIV内的内容。要调用浏览器中的打印功能,并指定需要打印的内容为特定的DIV内的内容,你可以使用JavaScript来实现。水平居中是相对父元素进行的,所以父元素应该具有明确的宽度。如果父元素的宽度是根据内容自适应的,请确保父元素可以容纳居中的子元素。通过将元素的左边距设置为父元素宽度的一半,将其移到了水平中间位置。变换,将元素在水平方向上向左平移了自身宽度的一半,实现了水平居中。的类,并设置了相对定位以及水平居中的样式。在上面的示例中,我们给目标。原创 2023-08-10 22:31:07 · 2550 阅读 · 0 评论 -
php使用get和post传递数据出现414 Request-URI Too Large的解决方案
需要注意的是,在处理用户输入的数据时,无论是GET请求还是POST请求,都需要进行安全验证和数据过滤,防止安全漏洞和恶意攻击,比如使用。URL过长:可能是由于URL中包含了大量的参数或者查询字符串,使得URL长度超过了服务器或代理服务器的限制。使用POST请求:如果可能的话,将GET请求改为POST请求,将参数放在请求的请求体中而不是URL中。过多的查询参数:URL中的查询参数过多,使得URL长度超过了服务器或代理服务器的限制。参数错误:URL中可能包含错误或无效的参数,导致服务器无法正确解析URL。原创 2023-08-08 16:27:44 · 3346 阅读 · 0 评论 -
电教智能云数据可视化平台开发电能优化日志实录
符号可以抑制错误消息的显示,但它不会阻止代码中的错误和异常。这意味着当代码中存在错误时,它们仍然会对程序的执行和结果产生影响。符号的主要目的是在运行时隐藏错误消息,以防止它们显示在最终的用户界面上。然而,过度使用错误抑制符可能会导致问题的隐藏和调试难题,因此它的使用应当谨慎。在 JavaScript 中,您可以使用循环和数组的特性来按顺序输出多组数据。而是应该使用适当的错误处理和异常处理机制来捕获和处理错误,以便更好地调试和修复问题。在循环的每一次迭代中,我们将当前数据组存储在一个变量。原创 2023-08-01 23:04:28 · 1049 阅读 · 0 评论 -
数据可视化大屏拼接屏开发实录:屏幕分辨率测试工具
在数据可视化大屏开发时,确定数据可视化大屏拼接屏的板块尺寸需要考虑以下几个因素:屏幕分辨率:首先需要知道每个板块屏幕的分辨率,包括宽度和高度,这决定了每个板块上可以显示的像素数量。数据内容:了解需要展示的数据内容和类型,包括图表、文字、图像等。不同类型的数据可能需要不同的空间来展示,因此需要根据数据内容来确定板块的尺寸。可视化布局:考虑数据可视化布局的要求,比如是否需要横向或纵向拼接成一个大屏幕,或者是需要创建多个独立的板块。根据布局需求来确定每个板块的尺寸,确保各个板块之间的比例和协调。原创 2023-07-28 20:50:35 · 474 阅读 · 1 评论 -
ajax中实现访问url已阅即焚的解决方案(url动态参数、变量加密、常量不变、php加密解密、API访问验证方式、爬虫阻止)
已阅即焚 是一种通信方式,它指的是一旦消息被对方阅读后,消息内容会被自动删除或销毁,不再留下任何痕迹。这种方式通常用于提高信息的安全性和隐私保护。自动删除:消息在对方阅读后,会自动从聊天记录中删除,双方都无法再查看。自动销毁:消息在对方阅读后,会自动在设定的时间段后销毁,确保消息不会长时间存在。消息截屏提醒:当对方截屏阅读消息时,会给发送方发送通知,避免对方暗中保存消息。原创 2023-07-19 09:15:13 · 829 阅读 · 3 评论 -
javascript中过滤二维对象数组重复的字段并只保留唯一值(array.filter与Array.from)
`array.filter()`是一个数组方法,用于创建一个新数组,其中包含满足指定条件的所有元素。它接受一个回调函数作为参数,并在每个数组元素上调用该函数。回调函数需要返回一个布尔值来确定是否保留该元素。原创 2023-07-18 00:15:00 · 1648 阅读 · 1 评论 -
javascript截取两个符号之间的字符串(2):lastIndexOf匹配和正则表达式匹配
在上述代码中,我们先使用lastIndexOf方法找到最后一个斜杠和问号的索引位置。最后,我们使用substring方法截取位于斜杠之后、问号之前的内容,并返回结果。如果URL中没有斜杠或问号,或者它们的顺序不正确,提取的内容可能会有误。是 JavaScript 字符串的一个方法,用于返回指定字符或子字符串在原始字符串中最后一次出现的位置索引。参数设置为 7 来指定了搜索的起始位置,结果返回 4,因为最后一个。方法来查找字符串中最后一次出现的字符或子字符串的位置。示例中,我们搜索了一个不存在的子字符串。原创 2023-07-17 00:30:00 · 1408 阅读 · 1 评论 -
wangEditor富文本编辑器的调用开发实录2(V5版本自定义粘贴,去除复制word或网页html冗余样式代码的解决方案)
在使用wangEditor富文本编辑器时,当从word文档或者其他网页复制文本内容粘贴到编辑器中,如果不过滤掉复制文本中自带的样式,会导致复制的内容比较错乱,甚至无法添加到数据库中。为了解决这个问题,我们需要对从word中粘贴的内容进行处理,把多余的代码剔除,让粘贴后的文本变得更加简洁和轻量。原创 2023-07-14 01:59:42 · 1858 阅读 · 1 评论 -
wangEditor富文本编辑器的调用开发实录(v5版本、获取HTML内容、上传图片、隐藏上传视频)
wangEditor 是一款基于原生 JavaScript 封装,开源免费的富文本编辑器,支持常规的文字排版操作、插入图片、插入视频、插入代码等功能,同时提供多样化的扩展功能(如字体、颜色、表情、代码、地图等插件),支持插件化开发和自定义配置。该编辑器简洁易用,功能齐全,可广泛应用于各种 Web 项目中。原创 2023-06-14 14:10:21 · 4663 阅读 · 0 评论 -
数据可视化大屏人员停留系统的开发实录(默认加载条件筛选、单击加载、自动刷新加载、异步加载数据)
也可以使用jQuery的ready()方法,当页面加载完成后,我们使用val()方法获取了input元素的值,然后使用ajax()方法以POST方式发送数据到指定的API URL。检查是否输入的时间戳是有效的,可以尝试输出时间戳并检查它是否满足你的期望格式。另外,可能还有一个原因是,=时间戳表示的是服务器的时间戳,而不是本地时间戳。在这种情况下,你需要将服务器时间转换为本地时间,或使用另一种方法计算时间间隔,例如,使用Date对象而不是时间戳来计算时间间隔。,那么可能是因为输入的时间戳不是有效的日期格式。原创 2023-06-10 21:49:34 · 1145 阅读 · 1 评论 -
ChatGPT工作提效之使用百度地图在首都为六一儿童节献爱心(多边形覆盖物、文本标注、自动获取经纬度、爱心函数)
作为程序员,结合自己的专业技能和兴趣爱好,为小朋友们制作和提供各种有意义的教育和娱乐内容,帮助他们在有趣的游戏和应用中学习和成长,提高他们的学习兴趣和认知水平。今天做个尝试吧!margin : 0;font-family : "微软雅黑";原创 2023-06-01 00:15:00 · 819 阅读 · 2 评论 -
ChatGPT工作提效之小鹅通二次开发批量API对接解决方案(学习记录同步、用户注册同步、权益订购同步、开发文档)
由于其是基于预训练模型的生成模型,无法像传统的规则引擎一样对自己的回答逻辑处理进行调整,因此产生了一些无意义的回答或者矛盾的回答。然后输出当前批次的元素,并通过setTimeout()函数递归调用函数,输出下一批次的元素。在上面的示例中,$expiry_date变量设置为2038年1月19日的时间戳,该时间戳将在setcookie()函数中设置为cookie的过期时间。而在实际的开发过程中,在写查询字段为空的sql语句中时,用了is null查表中user_eid为空的记录,结果是没有结果。原创 2023-05-25 12:41:04 · 3328 阅读 · 12 评论 -
php对接阿里云API调用企业税号查询的高级实战案例解析(下拉筛选查询、远程调用API、xm-select组件应用)
企业税号查询-公司税号查询-企业公司开票信息查询-企业营业执照信息查询-工商信息查询-企业基本信息查询:可以通过关键词公司名称、公司id、注册号、组织机构代码、社会统一信用代码、法人、股东等任何关键字,获取企业列表,企业列表包括公司名称或ID、类型、成立日期、经营状态、注册资本,统一社会信用代码、纳税人识别号等字段的详细信息。原创 2023-05-16 16:24:54 · 1434 阅读 · 1 评论 -
php传递url参数加密验证的解决方案(加密解密、安全验证过滤)
在项目开发中,需要对url传递的参数进行加密解密,如:?pro_id=47&pro_types=1中的pro_id=47牵涉修改、删除、增加等权限的操作,如果作为明文传递,存在很大的安全隐患。那么有哪些方式来对url传递的参数进行安全过滤呢?原创 2023-05-15 00:45:00 · 1152 阅读 · 4 评论 -
javascript逐行显示数据及php实时输出前端内容后台保持继续运行的解决方案(setTimeout定时器、flush和ob_flush函数、安装进度展示)
在数据可视化大屏显示的过程中,需要ajax读取后台数据,然后在前端显示出来。一般来说,异步加载后,遍历循环输出,数据正常情况下会一下子全部展示出来,能不能将返回的数据逐行输出呢案例采用Discuz!安装进度的经典案例作为分析。原创 2023-05-14 11:34:56 · 647 阅读 · 3 评论 -
layui框架实战案例(21):layui上传的哪些事(layui.upload组件、 file文件域、php后台上传)
使用 upload 模块必须与 upload.render(options) 方法打交道,其中的 options即为基础参数,它是一个对象。原创 2023-04-29 09:45:39 · 7469 阅读 · 1 评论 -
手机短信验证码登录功能的开发实录(机器识别码、短信限流、错误提示、发送验证码倒计时60秒)
一个简单的手机短信验证码登录,涉及到的方方面面比较多。在发送短信次数的限制上,本系统作为正常的业务逻辑进行判断和限流,同时对于阿里云和腾讯云也有对应的限制规则,需要在平台上进行设置。@漏刻有时。原创 2023-04-29 00:15:00 · 2008 阅读 · 1 评论 -
百度地图采集经纬度坐标数据定位的javascript实战开发(地理坐标拾取系统、地址定位点选插件、实时定位、数据导入、地理编码、位置纠偏)
在百度地图的标注开发中,最为关键的操作就是经纬度坐标信息的拾取。在不同的应用场景,坐标的拾取方式不同。现就常见的地理坐标拾取系统、地址定位点选插件、手机端GPS实时定位、数据导入、地理编码、位置纠偏等做全面的介绍。原创 2023-04-29 01:00:00 · 15636 阅读 · 2 评论 -
layui框架实战案例(20):常用条件判断和信息展示技巧(图片预览、动态表格、短信已读未读、链接分享、信息脱敏、内置框架页)
将近期项目开发中,使用到的layui小技巧进行汇总处理,方便后期的快速调用。上传图片后,需要实时查看效果。需要增加图片预览功能,怎么操作?2.JQ渲染代码在新增页面,通过返回HTML DOM节点中;而处在编辑状态时,直接从数据库读取即可实现图片的预览。二、动态表格数据返回条件判断1.动态表格返回列状态判断使用switch和当前列返回字段d.zp_status进行条件显示判断。2.cols列数据事件操作在代码返回在前端HTML页面时,根据需求情况,可以对每列数据进行展示、格式化处理、按钮触发原创 2023-04-23 07:00:19 · 1024 阅读 · 2 评论 -
手机端H5地图调起开发实战案例解析(百度高德腾讯地图调起、底部弹出层、提示安装地图导航APP)
地图调起功能,是地图URI API是为开发者提供直接调起地图产品(手机客户端)以满足特定业务场景下应用需求的程序接口,开发者只需按照接口规范构造一条标准的URI,便可在PC和移动端浏览器或移动开发应用中调起地图产品,进行地图展示和检索、线路查询、导航等功能,无需进行复杂的地图功能开发。原创 2023-04-22 10:17:17 · 2231 阅读 · 9 评论 -
数据可视化大屏百度地图手机端标注开发实战案例解析(jsAPI接口、标注分类图片、文本标签、分类筛选、自适应高度信息弹窗、PHP后端API)
基于百度地图jsAPI二次开发标注系统,是最常见的业务开发范围。针对不同的客户需求,会衍生出不同的展示方式。原创 2023-04-20 22:29:13 · 670 阅读 · 4 评论 -
web开发HTML生成PDF的三种解决方案(服务器端mpdf、html2canvas.js、浏览器打印、PDF虚拟打印机)
在web网页中加载并显示PDF文件是最常见的业务需求,目前浏览器大多数都自带pdf预览功能,但是每个浏览器的pdf加载器并不一样,工具栏也无法定制化。为了统一不同浏览器pdf预览的一致性,并增加一些自定义功能,需要在实际的项目开发过程中根据不同的情况进行pdf文档的生产。原创 2023-04-20 17:29:44 · 788 阅读 · 2 评论 -
Datatables展示数据(表格合并、日期计算、异步加载数据、分页显示、筛选过滤)
Datatables是一款jquery表格插件,jquery表格插件是一个高度灵活的工具,可以将任何HTML表格添加高级的交互功能。分页,即时搜索和排序几乎支持任何数据源:DOM, javascript, Ajax 和 服务器处理支持不同主题 DataTables, jQuery UI, Bootstrap, Foundation各式各样的扩展: Editor, TableTools, FixedColumns丰富多样的option和强大的API超过2900+个单元测试免费开源。原创 2023-03-11 17:52:55 · 1899 阅读 · 6 评论 -
layui框架实战案例(16):xm-select下拉多选插件实战记录(远程搜索、过滤、翻页、单选、提示文字)
在xm-select时,需要设置默认使用selected属性选中属性,增加`selected: true`的字段。为此,首先需要读取数据库中已经选择的选项,组成二维数组,然后和选项数据进行数组合并,组成新的data.原创 2022-10-26 17:09:56 · 4308 阅读 · 6 评论 -
html页面增加水印文字的解决方案
【代码】html页面增加水印文字的解决方案。原创 2022-10-26 15:04:37 · 1121 阅读 · 0 评论 -
悬浮坐标解决方案:如何在图片获取xy鼠标位置和增加标注信息
悬浮坐标,基于固定分辨率的图片,通过获取该图片x和y坐标确定位置后并添加标注,实现位置展示、对应图片内物品展示的一种标注开发方式。原创 2022-10-22 20:31:06 · 1837 阅读 · 4 评论 -
在嵌套函数中实现条件判断获取数组传值的方法
项目需求数组作为全局作用量,在函数的实际过程中根据不同的判断条件调用不同的值。条件判断解决;通过调整数据格式解决;数组数据var hzData=[];//杭州数据var nbData=[];//宁波数据var wzData=[];//温州数据函数调用根据不同城市的名称参数,返回对应的城市数据。实现的方式一般是通过条件判断if语句或switch case来实现。在实际项目中,做地图下钻时,涵盖多个城市(2000多个县市时),通过if语句的实现,将大大增加冗余代码;同时对于后期的维护原创 2022-04-05 10:22:12 · 474 阅读 · 3 评论