漏刻有时的博客_javascript(4)

javascript单击复制表单内容

<input type="text" id="txtNum"><button onClick="copyTxt()">点击复制代码</button> //复制事件; function copyTxt() {

随机数

原创 2022-02-10 17:18:55 75 阅读

javascript链接高亮显示的简洁代码

var theObj;function hilight(obj){if(theObj!=null){theObj.style.background = "#fff";}if(theObj = obj){obj.style.background = "red";}}<ul><li onclick="hilight(this)"

html

高亮

原创 2022-02-10 17:15:59 126 阅读

php使用webSocket实现Echarts长连接自动刷新的解决方案(1)：前端获取后端JSON数据

项目需求Echarts图表自动获取服务器端推送的数据，实现图表的自动渲染更新；前端代码引入JS包 <script src="js/jquery-3.3.1.min.js"></script> <script src="js/echarts.min.js">

服务器

客户端

封装

原创 2022-02-10 17:14:24 319 阅读

javascript函数：function() {}()的实战案例理解

基础不牢，房塌屋倒。javascript如果没有把基础知识掌握牢固的话，可能在实践中遇见一些本来很简单的实现方式，却劳师动众的用各种组合封装函数来实现一个简单的功能。function() {}() (function() {

html

封装

javascript

原创 2022-02-10 17:10:45 103 阅读

javascript插件：countUp.min.js数字滚动效果

引入JS <script type="text/javascript" src="js/jquery-3.3.1.min.js"></script> <script type="text/javascript" charset="utf-8" src="js/countUp.min.js"></script>封装函数

后缀

分隔符

默认值

原创 2022-02-10 17:10:35 282 阅读

javascript计算对象数组某项求和的封装函数

function getTotal(dataList, value) { var strarr = []; for (var i in dataList) { strarr.push(dataList[i][value]) } var total = eval(strarr.join('+')); return total;}Done!

1024程序员节

原创 2022-02-10 17:07:07 90 阅读

javascript本地化存储localStorage的实战用法

HTML<div class="col-lg-6" style="margin-top:20px;"> <div class="input-group"> <input type="text" class="form-control" id="keywords"

搜索

html

json

原创 2022-02-10 17:06:03 200 阅读

HTML使用DOM属性跳转页面

window.onload = function () { document.getElementById("mainFrame").src= "http://mall.qiaodu.net"; } <

.net

原创 2022-02-10 17:05:43 147 阅读

javascript定时显示数组元素

//定义一个定时器 var t; var i = 0; //定义一个数组; var names = new Array('杨过', '乔峰', '韦小宝', '令狐冲'); //生成名字

i++

数组

html

原创 2022-02-10 17:05:17 32 阅读

select下拉框的值传递

function goPages() { var m = document.getElementById("m").options[document.getElementById("m").selectedIndex].value;

跳转页面

html

原创 2022-02-10 16:53:42 266 阅读

百度地图API开发：map.getDistance计算两点之间的距离（直线距离）

getDistance(start: Point, end: Point),返回两点之间的距离，单位是米创建容器<div id="container"></div>JS代码 //异步加载地图

百度

javascript

前端

异步加载

封装

原创 2022-02-10 16:52:56 1569 阅读

html5使用postMessage解决跨域和跨窗口消息传递的解决方案

postMessage()方法允许来自不同源的脚本采用异步方式进行有限的通信，可以实现跨文本档、多窗口、跨域消息传递。postMessage(data,origin)方法接受两个参数。1.data:要传递的数据，html5规范中提到该参数可以是JavaScript的任意基本类型或可复制的对象，然而并不是所有浏览器都做到了这点儿，部分浏览器只能处理字符串参数

数据

json

html

原创 2022-02-10 16:39:33 138 阅读

大数据量学习:ajax获取数据后将数组重新分组后分批定时渲染的解决方案

ajax调用数据 $.getJSON("data/yinzhou.json", "", function (res, status) { var data = res.features; // console.log(data); //分组渲染; if (status == "success") {

数组

json

数据

原创 2022-02-10 16:39:23 48 阅读

javascript实现对象数据键值不同的Object.keys循环读取解决方案

数据对象var data = { "93288240": { "enHomeTeam": "GS Warriors (SLAMDUNKVV) Esports", "enAwayTeam": "DEN Nuggets (Siegfried) Esports", "enVsTeams": "GS Warriors (SL

数据

原创 2022-01-30 17:28:30 78 阅读

数据可视化大屏辅助插件API(1):javascript封装时间函数

获取本

时间函数

当前日期

原创 2022-01-30 17:25:57 73 阅读

javascript使用ajax传递token参数的一个解决方案

有点不明白，如果将token设为全局变量，无法调用ajax返回的赋值，但是通过按钮事件可以获取。<input type="button" value="登录" id="login"/><input type="button"

ajax

赋值

全局变量

原创 2022-01-30 17:25:12 52 阅读

javascript将一维数组转为二维数组的封装函数

数; */ function transArr(arr, split) { var newArr = []; var len = arr.length; for (let i = 0, j = 0; i < len; i += split, j++) { newArr[j] = arr.splice(0,

一维数组

封装

调用函数

原创 2022-01-30 17:22:52 190 阅读

xlsx.full.js实现将excle导入表格转为二维数组的解决方案

const reader = new FileReader(); reader.readAsBinaryString(file); reader.onload = function (e) { const data = e.target.result; const zzexcel = window.XLS.read(data,

对象数组

json

html

原创 2022-01-30 17:22:07 222 阅读

javascript随机生成固定数组长度和最大最小值的封装函数

/** * * @param {*} len 数组长度 * @param {*} start 最小值 * @param {*} end 最大值 * @return {*} */function random(len, start, end) { var arr = []; function _inner(start, end) { var span = end

最小值

数组长度

原创 2022-01-30 17:21:48 42 阅读

ajax为多个操作指定回调函数$when.done.fail

/*为多个操作指定回调函数先执行两个操作$.getJSON("")和$.getJSON("") *如果都成功，运行done()指定的回调函数； *如果有一个失败或都失败了，就执行fail()指

json

回调函数

3c

原创 2022-01-30 17:16:15 31 阅读

上下文本间隔自定义滚动时间的封装函数

HTML<div class="other"> <ul id="other"> <li><span></span><span>192.168.0.1</span><span>SQL注入</span><

sql注入

滚动效果

调用函数

原创 2022-01-30 17:15:35 87 阅读

javascript格式化时间：ios不支持时间戳转换解决方案

“-” 改成 “/” lockdatav Done!

ios

时间格式

原创 2022-01-30 17:14:21 283 阅读

javascript封装函数：解决win10缩放和布局推荐125%网页无法自适应的解决方案

说明：自能解决部分适应情况，如果要完整解决该缩放和布局，仍需适配。//函数封装function detectZoom () { let ratio = 0, screen = window.screen, ua = navigator.userAgent.toLowerCase(); if (window.devicePixelRatio !== unde

缩放

自动加载

封装

原创 2022-01-30 15:48:46 406 阅读

高德地图进阶开发实战案例(7):点是否在多边形内和内外部的数量统计的解决方案

外部文件引入<link rel="stylesheet" href="https://a.amap.com/jsapi_demos/static/demo-center/css/demo-center.css" type="text/css"> <script type="text/javascript" src="https://webapi.am

ico

html

css

原创 2022-01-30 15:47:25 300 阅读

高德地图进阶开发实战案例(9):涟漪动画标注的实现方案

涟漪动画CSS样式 .alert1 {

ico

自定义

高德地图

原创 2022-01-30 15:45:54 245 阅读

js对二维数组的精确和模糊筛选并输出的封装函数

项目需求在实际项目开发中，对二维数组的筛选一般是在后端进行，但有时前端也需要对数据进行过滤、筛选和清洗。本次项目的实际生产环境是对百度离线地图的数据进行筛选，减少后台的开发量被筛选数组

javascript

html5

html

数据

数组

原创 2022-01-30 15:45:44 427 阅读

javascript判断多维数组是否包含某字段的解决方案

解决思路直接判断数组是否包含某字段的工作量较大，需要对多维数组进行情况分析。简单的方式是直接将多维数组通过JSON.stringify转化为字符串，然后判断字符串中

正常运行

json

字符串

原创 2022-01-30 15:45:34 361 阅读

jquery实现状态灯转换的注意事项

总状态灯的判断1.lightStatus=[]，创建总状态灯判断的依据；2.将所有群组的状态传入总状态灯数组；3.判断lightStatus是否全部"正常运行"，并返回布尔值；

数组

正常运行

html

原创 2022-01-30 15:45:01 46 阅读

漏刻有时后台左侧菜单默认隐藏的解决方案

漏刻有时后台采用X-admin前端后台管理框架,客户需求：将默认展开的左侧菜单关闭。为了尽量的减少d代码的改动，可能涉及css和js两部分，而采用直接加载点击事件来完成。X-admin基于layui的轻量级前端后台管理框架,简单免费,兼容性好,面向所有层次的前后端程序。

左侧菜单

后台管理框架

css

原创 2022-01-30 13:43:51 59 阅读

layui列表页滚动时弹出窗无法居中的解决方案

function x_admin_show(title, url, w, h) { if (title == null || title == '') { title = false; } if (url == null || url == '') { url = "404.html"; } if (w == null

html

原创 2022-01-30 13:43:40 185 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

漏刻有时

javascript单击复制表单内容

javascript链接高亮显示的简洁代码

php使用webSocket实现Echarts长连接自动刷新的解决方案(1)：前端获取后端JSON数据

javascript函数：function() {}()的实战案例理解

javascript插件：countUp.min.js数字滚动效果

javascript计算对象数组某项求和的封装函数

javascript本地化存储localStorage的实战用法

HTML使用DOM属性跳转页面

javascript定时显示数组元素

select下拉框的值传递

百度地图API开发：map.getDistance计算两点之间的距离（直线距离）

html5使用postMessage解决跨域和跨窗口消息传递的解决方案

大数据量学习:ajax获取数据后将数组重新分组后分批定时渲染的解决方案

javascript实现对象数据键值不同的Object.keys循环读取解决方案

数据可视化大屏辅助插件API(1):javascript封装时间函数

javascript使用ajax传递token参数的一个解决方案

javascript将一维数组转为二维数组的封装函数

xlsx.full.js实现将excle导入表格转为二维数组的解决方案

javascript随机生成固定数组长度和最大最小值的封装函数

ajax为多个操作指定回调函数$when.done.fail

上下文本间隔自定义滚动时间的封装函数

javascript格式化时间：ios不支持时间戳转换解决方案

javascript封装函数：解决win10缩放和布局推荐125%网页无法自适应的解决方案

高德地图进阶开发实战案例(7):点是否在多边形内和内外部的数量统计的解决方案

高德地图进阶开发实战案例(9):涟漪动画标注的实现方案

js对二维数组的精确和模糊筛选并输出的封装函数

javascript判断多维数组是否包含某字段的解决方案

jquery实现状态灯转换的注意事项

漏刻有时后台左侧菜单默认隐藏的解决方案

layui列表页滚动时弹出窗无法居中的解决方案

欢迎