漏刻有时的博客_javascript(7)

javascript全屏按钮

项目分析：全屏按钮目前js版的大同小异，最大的问题就是无法刷新，刷新就退出。最理想的还是F11。/* Fullscreen btn */let fullscreen;let fsEnter = document.getElementById('fullscr');fsEnter.addEventListener('click', function (e) { e.preventDefault(); if (!fullscreen) { fullscr

html

全屏

项目分析

javascript

原创 2021-07-30 16:31:56 291 阅读

javascript通过设置Cookie来切换字体的解决方案

<div id="fonts"></div><div class="content">字体切换</div>$(function () { function SetCookie(name, value) { var Days = 30; var exp = new Date(); exp.setTime(exp.getTime() + Days * 24 * 60 *

css

javascript

原创 2021-07-30 16:31:55 58 阅读

javascript实现简单的新消息语音提醒功能

HTML消息提示层<div id="remind"></div>判断是否有新消息 var newInfo = 1; if (newInfo == 1) { document.getElementById("remind").innerHTML = "<audio id=\"myAudio\" controls loop autoplay src=\"libs/597d8e98b4de2.mp3\"></audio>";

html

消息提示

javascript

原创 2021-07-30 16:31:54 1450 阅读

javascript自动判断15位和18为身份证号计算年龄的解决方案

项目需求人员信息录入过程中，需要根据身份证号码，自动计算出当前的年龄。方案代码//根据身份证，自动计算年龄；function GetAge(identityCard) { var len = (identityCard + "").length; if (len == 0) { return 0; } else { if ((len != 15) && (len != 18)) { return 0;

ide

字符串

javascript

原创 2021-07-30 16:31:52 414 阅读

javascript时间函数的运用：根据开始时间和时间差来计算截至时间的解决方案

项目需求根据开始时间和时间差来确定截至时间项目说明开始时间：2020-10-10 09:16:50查询2小时前的时间，即：2020-10-10 07:16:50项目方案js时间函数需要使用不同的属性来组合实现具体时间；时间不足十位数的，需要0补充；将时间转化时间戳，然后毫秒加减实现时间的差值计算方案代码//计算时间;function getTimes(fromTime, hours) { fromTime = fromTime.replace(new RegExp("-",

时间戳

d3

时间格式

js时间

javascript

原创 2021-07-30 16:31:51 161 阅读

javascript计算某段代码大执行时间console.time()

console.time() 方法是作为计算器的起始方法，该方法一般用于测试程序执行的时长。 console.time("lcdata"); for (var i = 2015; i < 2021; i++) { opHtml += "<option value=\"" + i + "\">" + i + "年</option>"; } $("#years").html(opHtml); console.timeEnd.

html

i++

测试程序

javascript

原创 2021-07-30 16:31:49 320 阅读

javascript实现数据自动模拟系列(1):ProgressBarWars.js进度条动画轮播

官方名称jQuery仿造星球大战激光剑效果水平进度条插件JSProgressBarWars.js使用步骤引入外部JS包<script src="js/jquery-2.1.1.min.js" type="text/javascript"></script><script src="js/ProgressBarWars.js"></script>html代码 <div id="vaderSize" style="width: 200p

进度条

jquery

定时刷新

封装

加载

原创 2021-07-30 16:31:47 167 阅读

Echarts通过ajax获取数据定时更新轮询的解决方案及问题分析

一、目前网上常用的解决方案//将ajax封装起来启用一个定时器达到三秒抓一次数据window.function(){ setInterval(ajaxNew(),3000);}存在的问题是，首次加载缓慢，用户体验性差，数据加载不友好。二、升级定时刷新方案// 执行异步请求 var salesinterval; getsales();clearInterv...

数据

ajax

自动刷新

解决方案

自动更新

原创 2021-07-30 16:31:42 856 阅读

echarts tooltip设置正常却无法显示被遮挡设置层级堆叠顺序的问题解决方案

准确的来描述，echarts tooltip设置正常，却无法显示的问题，都是被遮挡了。实例如下：HTML中DOM代码： <div id="echart1"></div>HTML中对应的css代码：#echart1 { height: 400px; width: 100%; background-color: #393D49; b...

html

无法显示

3d

css

echarts

原创 2021-07-30 16:31:11 3575 阅读

Echarts参数属性学习：x轴标签文本过长自动缩减并替换成缩略号...

xAxis: [ { type: 'category', axisTick: {show: false}, boundaryGap: false, axisLabel: { ...

字符串

ide

取整

echarts

原创 2021-07-30 16:31:10 507 阅读

tab选项卡切换时echarts无法正常加载显示问题的解决方案

项目需求：点击“日统计”、“周统计”、“月统计”实现加载三个echarts的折线图。问题反馈：实际操作过程后中，点击第一个tab是加载echarts图表的，第二、三……个显示空白。问题测试：在测试过程中，如果在span中写入文本的话，切换tab选项卡，是有对应的文本出现的，只是echarts加载有问题，排除TAB和JQ问题。问题解决：在页面进行加载时，隐藏的图表找不到对应的div...

css

加载

初始化

解决方案

操作过程

原创 2021-07-30 16:31:07 2784 阅读

Echarts数据series组件中数组直接进行排序

Echarts中，为了将数据有序的排列，一种方式是在后端数据处理后，直接输出予以调用，增加了后端服务器的负荷和代码开发；二是直接在echarts组件中直接使用js的.sort函数进行排序。原始代码： data: [ {value: 335, name: '家电'}, {value: 310, name: '服装'}, ...

数据

sort函数

后端服务

数据处理

echarts

原创 2021-07-30 16:31:05 2574 阅读

Echarts仪盘表axisLine渐变及title颜色设置

option = { backgroundColor: '#1092f5', tooltip: { formatter: '{a} <br/>{b} : {c}%' }, series: [{ name: '业务指标', type: 'gauge', axisLabel: { ...

f5

echarts

原创 2021-07-30 16:31:02 1675 阅读 1收藏

Echarts显示随机颜色的函数解决方案

color: function() { return 'rgb(' + [ Math.round(Math.random() * 160), Math.round(Math.random() * 160), Ma...

echarts

原创 2021-07-30 16:31:01 758 阅读

JS数据根据键值匹配Echarts颜色的解决方案

3d

i++

echarts

原创 2021-07-30 16:30:57 107 阅读

Echarts通过ajax获取数据push数组为全局变量不断叠加的解决方案

如果PUSH的数组为全局变量，尤其是定时刷新，会不断的进行数组叠加，影响数据的使用。 function getToolTip0() { $.ajax({ type: 'get', async: false, data: { //气泡信息阅读后，自动销毁； }, url: './json/scatter.json', .

数据

数组

json

i++

全局变量

原创 2021-07-30 16:30:10 530 阅读

Echarts组件tooltip提示框formatter函数返回的HTML样式解决方案

tooltip: { padding: 0, enterable: true, transitionDuration: 1, textStyle: { color: '#000', decoration: 'none', }, // position: function (point, params, dom, rect, size) { ...

html

上传数据

上传

f5

echarts

原创 2021-07-30 16:30:03 4654 阅读

JS获取url参数：如果不存在参数，自动跳转到指定页面

<div id="bgtm"> <a href='1.html?id=12&grade=0'>成绩</a></div><script> function GetUrlParam(paraName) { var url = document.location.toString(); var arrObj = url....

html

i++

干货

原创 2021-07-30 16:30:02 312 阅读

Echarts数据数组常用的时间计算函数

function getVirtulData(year) { year = year || '2020'; var date = +echarts.number.parseDate(year + '-01-01'); var end = +echarts.number.parseDate((+year + 1) + '-01-01'); var dayTime = 3600 * 24 * 1000; var data = []; for (var time =

sed

echarts

原创 2021-07-30 16:29:52 534 阅读

javascript整数千分位格式化函数

function formatNum(str) { var newStr = ""; var count = 0; if (str.indexOf(".") == -1) { for (var i = str.length - 1; i >= 0; i--) { if (count % 3 == 0 && count != 0) { n...

千分位

javascript

原创 2021-07-30 16:29:42 420 阅读

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)">点击高亮当前行</li><li onclick="hilight(this)">点击高亮当前行1</li>

html

高亮

javascript

原创 2021-07-30 16:29:40 203 阅读

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

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

html

封装

javascript

原创 2021-07-30 16:29:39 164 阅读

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>封装函数 /* *elId = 目标元素的 ID； startVal = 开始值； en

分隔符

javascript

默认值

后缀

jquery

原创 2021-07-30 16:29:38 616 阅读

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程序员节

javascript

原创 2021-07-30 16:29:37 225 阅读

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

HTML<div class="col-lg-6" style="margin-top:20px;"> <div class="input-group"> <input type="text" class="form-control" id="keywords" placeholder="输入关键词"> <span class="input-group-btn"> .

搜索

html

json

数组

封装

原创 2021-07-30 16:29:35 258 阅读

javascript定时显示数组元素

//定义一个定时器 var t; var i = 0; //定义一个数组; var names = new Array('杨过', '乔峰', '韦小宝', '令狐冲'); //生成名字 function showNames() { clearInterval(t); t = setInterval(function () { document.getElementById("names").in...

i++

数组

html

javascript

原创 2021-07-30 16:29:33 299 阅读

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

IOS的时间格式是不支持：2021-03-07 17:41:00 中的“-”，需要将其替换成“/”。date = new Date(time.replace(/-/g, '/')),//也就是把 “-” 改成 “/” lockdatav Done!

ios

时间格式

javascript

原创 2021-07-30 16:29:32 549 阅读

javascript遍历对象数组排序筛选需要的键值

项目需求对象数组格式如下，其中“温度”、“湿度”、“烟感”是必须的，提供的API接口也是固定存在的，其他字段根据设备的不同，会不出现或者出现多个其他数据字段。但是前端需要将“温度”、“湿度”、“烟感”三个数据指标通过JQ的DOM渲染都指定ID。 var res = { "err": "", "res": "", "data": [ { "name": "电台",

正常运行

数据

字段

遍历数组

对象数组

原创 2021-07-30 16:29:30 258 阅读

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

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

缩放

自动加载

封装

javascript

原创 2021-07-30 16:29:29 681 阅读

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

解决思路直接判断数组是否包含某字段的工作量较大，需要对多维数组进行情况分析。简单的方式是直接将多维数组通过JSON.stringify转化为字符串，然后判断字符串中是否包含某字段。数据格式 var s = [ { "cpu": [ "停机", "正常运行" ], "ddr": [ "正常运行",

正常运行

json

字符串

字段

多维数组

原创 2021-07-30 16:29:27 777 阅读

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

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

51CTO博客

漏刻有时

javascript全屏按钮

javascript通过设置Cookie来切换字体的解决方案

javascript实现简单的新消息语音提醒功能

javascript自动判断15位和18为身份证号计算年龄的解决方案

javascript时间函数的运用：根据开始时间和时间差来计算截至时间的解决方案

javascript计算某段代码大执行时间console.time()

javascript实现数据自动模拟系列(1):ProgressBarWars.js进度条动画轮播

Echarts通过ajax获取数据定时更新轮询的解决方案及问题分析

echarts tooltip设置正常却无法显示被遮挡设置层级堆叠顺序的问题解决方案

Echarts参数属性学习：x轴标签文本过长自动缩减并替换成缩略号...

tab选项卡切换时echarts无法正常加载显示问题的解决方案

Echarts数据series组件中数组直接进行排序

Echarts仪盘表axisLine渐变及title颜色设置

Echarts显示随机颜色的函数解决方案

JS数据根据键值匹配Echarts颜色的解决方案

Echarts通过ajax获取数据push数组为全局变量不断叠加的解决方案

Echarts组件tooltip提示框formatter函数返回的HTML样式解决方案

JS获取url参数：如果不存在参数，自动跳转到指定页面

Echarts数据数组常用的时间计算函数

javascript整数千分位格式化函数

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

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

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

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

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

javascript定时显示数组元素

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

javascript遍历对象数组排序筛选需要的键值

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

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

欢迎