Nick Peng
Nick Peng

Echarts 图表在异步加载数据时，增加loading动画，提升用户体验感

文章目录

  • 一、简介
  • 二、增加loading加载动效
    • 2.1 实现原理
    • 2.2 实现步骤
    • 2.3 实现效果图
  • 三、完整源代码及解析

一、简介

Echarts 图表在异步请求数据时，如果加载时间较长，一个空的坐标轴放在画布上会让用户觉得是不是产生 bug 了，

因此需要一个 loading 的动画来提示用户数据正在加载。

好文章 记得收藏+点赞+关注额 ！！！

---- Nick.Peng


二、增加loading加载动效

2.1 实现原理

  • 利用 ECharts 提供的 showLoading方法显示动画，数据加载完成后再调用 hideLoading 方法隐藏加载动画。

2.2 实现步骤

  • 定义一个function()，完成配置项，定义一个空模板，并显示一个空坐标；
  • 调用myChart.showLoading();方法显示 loading 动画；
  • 调用fetchData();方法，发起异步请求；
  • 定义一个fetchData();方法，动态加载数据，并将成功返回的数据添加到空模板中；
  • 在异步请求成功返回后，调用myChart.hideLoading();方法隐藏加载动画；

2.3 实现效果图

  • Echarts 图表在异步加载数据时，增加loading动画，提升用户体验感_第1张图片

三、完整源代码及解析

  • 可作为模板，使用时只需要修改其中的配置项即可
    
<html>
<head>
    <meta charset="utf-8">
    <title>异步加载loading动效title>
    
    <div id="main" style="width: 600px;height:400px;">div>
    
    <script src="https://libs.cdnjs.net/jquery/3.4.1/jquery.js">script>
    
    <script src="js/echarts.js">script>
head>
<body>
    <script type="text/javascript">
        // 基于准备好的dom，初始化echarts实例
        var myChart = echarts.init(document.getElementById('main'));

        $(function() {
            // 指定配置项，显示标题和空的坐标轴
            myChart.setOption({
                title: {
                    text: 'ECharts异步加载loading动效示例' // 图表标题
                },
                tooltip: {},
                legend: {
                    left: 300,          // 图例距Dom左侧的距离
                    data:['销量']       // 图例
                },
                xAxis: {
                    data: []
                },
                yAxis: {},              // y轴默认自动
                series: [{
                    // 柱状图
                    type: 'bar',
                    data: [],
                    // 显示标签数量
                    label: {
                        normal: {
                            show: true,
                            position: 'top'     // 显示位置
                        }
                    },
                    //配置样式
                    itemStyle: {
                        //通常情况下样式
                        normal:{
                            //每个柱子的颜色即为colorList数组里的每一项，如果柱子数目多于colorList的长度，则柱子颜色循环使用该数组
                            color: function (params){
                                var colorList = ['#8dc63f','#add8e6','#ffb6c1','#f37b1d','#A6A6D2','#F0E68C','#CA8EC2'];
                                return colorList[params.dataIndex];
                            }
                        },
                        //鼠标悬停时，显示强调效果
                        emphasis: {
                                shadowBlur: 10,
                                shadowOffsetX: 0,
                                shadowColor: 'rgba(0, 0, 0, 0.5)'
                        }
                    },
                }],
            });
            // 显示loading动画
            myChart.showLoading();
            fetchData();
        })

        // 延迟3秒，模拟动态异步加载数据
        function fetchData() {
            setTimeout(function() {
                $.get('data/data.json').done(function(data){
                    // 数据加载完成后，再调用 hideLoading 方法隐藏加载动画
                    myChart.hideLoading();
                    // 填入数据到上面空模板
                    myChart.setOption({
                        xAxis: {
                            data: data.type_list
                        },
                        series: [{
                            // 注意：！！！根据名字对应到相应的系列
                            name: '销量',
                            data: data.num_list
                        }]
                    })
                })
            },3000)
        }

    script>
body>
html>

你可能感兴趣的:(Echarts,Echarts异步加载数据,增加loading动画)

  • 抖音黑科技是什么 vx_hhcs88688 科技
    抖音黑科技指的是一些用户或开发者通过各种技巧和方法，来获取更多曝光、粉丝或其他优势的行为。这些技术可能包括但不限于利用平台算法的漏洞、使用自动化工具增加互动、利用非正常手段获取流量等。值得注意的是，抖音作为一个社交娱乐商务平台，鼓励用户在合规的前提下创造内容这些技术手段可以包括但不限于以下功能：集成资源：集成资源可以帮助用户获取人工、评论、点赞、关注等操作，以增加曝光和互动。这些资源会是大型机房来
  • Unity游戏基本设计模式 Ayanami艾 unity游戏引擎设计模式游戏
    一.组合模式介绍：将对象组合成树形结构以表示"部分-整体"的层次结构。组合模式使得用户对单个对象和组合对象的使用具有一致性。实现：将不同的功能用不同的脚本实现，然后使用拖拽的方式自由组合，来实现不同的目的。因为在Unity中，一切物体都可当做组件(包括脚本)，这就极有利于实现组合模式。目的：提高代码的复用性，降低增加对象成本。二.单例模式介绍：保证一个类只有一个实例，并提供一个·访问它的全局访问点
  • read+write实现:链表放到文件+文件数据放到链表 的功能 孩之 链表数据结构算法
    思路一、定义链表：1节点结构（数据int型）2链表操作（创建节点、插入节点、释放链表、打印链表）。二、链表保存到文件1打开文件2遍历链表、写文件：遍历链表,write()将节点数据写入文件。3关闭文件三、从文件加载数据到链表1打开文件2读文件、建链表：read()从文件读取数据，创建节点(放数据)。接起来，建链表。3关闭文件代码：//定义节点结构typedefstructNode{intdata;
  • C++计算精解【20】 sakura_sea 游戏引擎与高性能计算c++开发语言
    动手做汇编解释器【3】跳转语句增加了条件跳转指令，无条件跳转指令增加了cmp，没有这个指令，无法进行跳转intcmp_flag=0;作为cmp比较结果的标志位opcode_map是指令hash，所有支持的指令都在这个hash的key中，不在hash的key中的指令运行抛出异常。labels标签hash，记录标签标注指令的ip（索引）。instructions存放指令集。registers为寄存器。
  • Java学习教程，从入门到精通，JDBC中WHERE子句的语法知识点及案例代码（107） 知识分享小能手 大数据Java编程语言如门java学习开发语言数据库大数据JDBCintellij-idea
    JDBC中WHERE子句的语法知识点及案例代码JDBCWHERE子句语法知识点WHERE子句用于在SQL查询中对数据进行筛选，它可以根据指定的条件过滤数据行。在JDBC中，WHERE子句通常用于SELECT、UPDATE和DELETE语句中。常见的WHERE子句条件比较运算符=：等于：大于=：大于等于18ANDscore>=80";try{//加载数据库驱动Class.forName("com.m
  • Python Web框架比较：Flask与FastAPI的特性和应用场景 不一样的信息安全 node.js
    摘要本文探讨Python语言中的两大Web框架：Flask和FastAPI。Flask以轻量级和易用性著称，提供高度灵活性，允许开发者自由选择数据库、表单验证库等工具。其核心架构简洁，借助丰富的扩展可显著增强功能。FastAPI则专注于高性能与现代Web开发需求，支持异步编程，具备自动交互式API文档生成功能。两者各具特色，适合不同应用场景。关键词Python语言,Web框架,Flask特性,Fa
  • 最强开源大模型炸场！全网独一份AI大模型学习实践资源...（待会删） 大模型应用 人工智能大数据promptlangchainAgentai大模型LLM
    今年科技圈的热点，除了裁员，就是被各种“AI大模型”新闻刷屏。GPT、Sora还在霸榜…开源大模型又来炸场！Meta发布Llama3系列模型，号称「最强大的开源大模型」，震撼科技圈！毫不夸张地说，AI大模型正在颠覆程序员的价值！很多大厂一边裁员，一边用百万年薪挖掘懂AI大模型的人，打工人的职业危机至少被提前5年。普通程序员想在技术上不掉队，还要增加收入，关键在于——拥抱技术红利，掌握AI大模型项目
  • gif动画图像优化，相同的图在第2,4,6帧中重复出现，会增加图像体积吗？ 专注VB编程开发20年 GIF动画图像编程
    对于GIF图像，情况与Git文件存储有所不同。GIF是一种图像格式，其体积主要取决于图像的内容、颜色数量、优化设置等因素。如果在GIF动画中，相同的图像在第2、4、6帧中重复出现，是否会增加图像体积，取决于以下几点：1.GIF的帧存储方式GIF动画是由多个帧组成的，每个帧可以是一个完整的图像，也可以是相对于前一帧的差异。GIF格式支持帧之间的压缩和重复利用，但具体是否重复存储取决于帧的内容和编码方
  • 【C绿竹拔节(二)】 C语言函数划分解说 adnyting Cc语言
    建议:开发环境:非([IDE:DevCpp][std:-std=c11])、([IDE:Clion]、[CLibrary:C11])、Linux摘要:在C语言中，函数可以根据其用途和行为进行多种分类。这些分类包括回调函数、异步函数、同步函数、阻塞函数、非阻塞函数、静态函数、内联函数、递归函数、变参函数、纯函数和高阶函数。每种类型的函数在不同的编程场景中都有其独特的用途和优势。回调函数常用于事件驱动
  • 什么是“知识蒸馏” 清风AI 深度学习人工智能神经网络pythonconda
    定义与原理在深度学习领域不断突破的同时，模型的复杂度和计算需求也随之增加。为了解决这一问题，知识蒸馏技术应运而生，成为模型压缩和性能优化的重要手段。本节将详细介绍知识蒸馏的基本概念、工作原理和知识迁移机制。知识蒸馏是一种将大型预训练模型(教师模型)的知识转移到较小模型(学生模型)的技术。这种方法不仅能保留原有模型的性能，还能显著降低模型的复杂度和计算需求，使其更适合在资源受限的环境中部署。知识蒸馏
  • javascript-前后端交互模式-简介 gaog2zh #javascirptjavascript前后端交互
    javascript-前后端交互模式-简介目录文章目录1、相关知识2、异步接口调用方式3、URL地址2.1、传统形式的URL2.2、Restful风格的URL2.2.1、http请求方式2.2.3、示例：***后记***：内容图示0-1：随着前后端分离，前后端交互技术不断更新，下面我们看下前后端交互相关知识。1、相关知识前端通过相关接口发送请求，后端接收请求，处理返回响应结果，前端接收响应结果，完
  • Python--多线程 weixin_34403693 python运维
    首先，说明一下多线程的应用场景：当python处理多个任务时，这些任务本质是异步的，需要有多个并发事务，各个事务的运行顺序可以是不确定的、随机的、不可预测的。计算密集型的任务可以顺序执行分隔成的多个子任务，也可以用多线程的方式处理。但I/O密集型的任务就不好以单线程方式处理了，如果不用多线程，只能用一个或多个计时器来处理实现。下面说一下进程与线程：进程（有时叫重量级进程），是程序的一次执行，正如我
  • python requests json_python json requests request 模块 weixin_39782355 pythonrequestsjson
    1、json通过Python的json模块，可以将字符串形式的json数据转化为字典，也可以将Python中的字典数据转化为字符串形式的json数据。之前使用这个模块时，都是随用随查，浅尝辄止，对模块的功能了解不深。随着使用次数的增加，我对这个功能完善的模块有了更多的了解，记录如下。json.loads将字符串装换成python基本数据类型json.dumps将python数据类型转换成字符串方式
  • python图形化界面开发工具_七个python gui图形界面开发框架 weixin_39653717 python图形化界面开发工具
    Kivy这是一个非常有趣的项目，基于OpenGLES2，支持Android和iOS平台的原生多点触摸，作为事件驱动的框架，Kivy非常适合游戏开发，非常适合处理从widgets到动画的任务。如果你想开发跨平台的图形应用，或者仅仅是需要一个强大的跨平台图形用户开发框架，Kivy都是不错的选择。Pyforms诞生只有两年的Pyforms是一个Python2.7/3.x跨环境图形应用开发框架，模块化和代
  • python json requests request 模块 weixin_33868027 jsonpython
    1、json通过Python的json模块，可以将字符串形式的json数据转化为字典，也可以将Python中的字典数据转化为字符串形式的json数据。之前使用这个模块时，都是随用随查，浅尝辄止，对模块的功能了解不深。随着使用次数的增加，我对这个功能完善的模块有了更多的了解，记录如下。json.loads将字符串装换成python基本数据类型json.dumps将python数据类型转换成字符串方式
  • echarts样式设置笔记 weixin_45907672 vueecharts前端javascript
    设置x轴的小标题xAxis:{type:'value',name:'DRGs组数',data:['2014','2015','2016','2017','2018','2019','2020']}设置y轴的小标题yAxis:[{type:'value',name:'预算总额',min:0,max:25,interval:5,//可以添加单位和后缀//axisLabel:{//formatter:'
  • echarts设置标题样式,echarts设置主标题和副标题样式 weixin_39620684 echarts设置标题样式
    1.标题想将文字为标题，只需要在文字前面加上#，再在#后加一个空格即可。可分为一、二、三、四、五、六级标题，只需要增加#，每增加一个#，标题字号相应降低一级。代码如下：效果如下：…2021/3/130:37:16栈是一种操作受限的线性表，只允许从栈顶插入和删除数据，所以每次删除的元素都是最后进栈的元素，故栈也被称为后进先出（LIFO）表。栈主要包含两个操作，入栈（也叫做压栈）和出栈…2021/3/
  • ECharts 样式设置介绍 云计算运维工程师 技术干活echartsjavascripthtml5
    ECharts可以通过样式设置来改变图形元素或者文字的颜色、明暗、大小等。颜色主题ECharts4开始，除了默认主题外，内置了两套主题，分别为light和dark。使用方式如下：实例varchart=echarts.init(dom,'light');或者varchart=echarts.init(dom,'dark');尝试一下»另外，我们也可以在官方的主题编辑器选择自己喜欢的主题下载。目前主题
  • ECharts 样式设置 lsx202406 开发语言
    ECharts样式设置引言ECharts是一款功能强大的可视化库，广泛用于数据可视化。样式设置是ECharts中的重要一环，它能够帮助开发者根据需求调整图表的视觉效果，使其更加美观和易于理解。本文将详细介绍ECharts的样式设置，包括主题、颜色、字体、布局等方面的内容。1.ECharts主题ECharts提供了多种主题，用户可以根据自己的喜好和需求选择合适的主题。主题包括：默认主题：这是ECha
  • Qpython+Flask监控添加发送语音中文信息功能 eybk flaskpython后端
    对Qpython+Flask实现对小孩学习的监控-CSDN博客中html页面进行改造，利用Ajax，提交一段文字，发送到数据库，再在服务器，发送该段文件给手机端，然手机端TTS朗读出来，增加了父母监控小孩学习，自定义提醒小孩的功能。一、index.html的更改。实时**学习情况图//设置定时器，每20秒（20000毫秒）刷新一次页面setInterval(function(){location.
  • Spring的应用场景和优势 冰糖心158 SpringFrameworkjava
    Spring框架是Java生态中最流行的企业级应用开发框架之一，其设计目标是简化复杂性，提供灵活性和可扩展性。以下是Spring的应用场景和核心优势的详细说明：一、Spring的主要应用场景企业级Web应用开发SpringMVC：用于构建分层清晰的Web应用，支持RESTfulAPI开发。SpringWebFlux：支持响应式编程（ReactiveProgramming），适合高并发、非阻塞的异步
  • 【自然语言处理（NLP）】基于Transformer架构的预训练语言模型：BERT 训练之数据集处理、训练代码实现 道友老李 自然语言处理(NLP)自然语言处理transformer
    文章目录介绍BERT训练之数据集处理BERT原理及模型代码实现数据集处理导包加载数据生成下一句预测任务的数据从段落中获取nsp数据生成遮蔽语言模型任务的数据从token中获取mlm数据将文本转换为预训练数据集创建Dataset加载WikiText-2数据集BERT训练代码实现导包加载数据构建BERT模型模型损失训练获取BERT编码器个人主页：道友老李欢迎加入社区：道友老李的学习社区介绍**自然语言
  • Redis | serverCron函数 瘦弱的皮卡丘 RedisredisserverCron
    目录一、前言二、serverCron函数做了哪些事（1）更新服务器时间缓存（2）更新LRU时钟（3）更新服务器每秒执行命令次数（4）更新服务器内存峰值记录（5）处理SIGTERM信号（6）管理客户端资源（7）管理数据库资源（8）执行被延迟的BGREWRITEAOF（9）将AOF缓冲区中的内容写入AOF文件（10）关闭异步客户端（11）增加cronloops计数器的值一、前言Redis服务器中的se
  • web3.0入门及学习路径 吗喽一只 web3学习
    Web3是指下一代互联网的演进形式，它涉及一系列技术和理念，旨在实现去中心化、开放、透明和用户主导的互联网体验。Web3的目标是赋予用户更多的控制权和数据所有权，并通过区块链、加密货币和分布式技术来实现。一、特点去中心化：Web3建立在区块链技术之上，通过使用分布式网络去除传统互联网中的中心化权威机构，实现数据和应用的去中心化。这种结构提高了安全性，减少了单点故障的风险，并增加了抗审查性。加密货币
  • 04树 + 堆 + 优先队列 + 图（D1_树（D8_B*树（B*））） Java丨成神之路 06数据结构与算法数据结构算法
    目录一、基本介绍二、相同思想和策略三、不同的方式的磁盘空间利用四、知识小结一、基本介绍B*树是B+tree的变体，在B+树的基础上(所有的叶子结点中包含了全部关键字的信息，及指向含有这些关键字记录的指针)，B*树中非根和非叶子结点再增加指向兄弟的指针；B*树定义了非叶子结点关键字个数至少为(2/3)*M，即块的最低使用率为2/3（代替B+树的1/2），B*树分配新结点的概率比B+树要低，空间使用率
  • XML的DOM解析（Java实现） 君诀 javaxmldom操作
    目录一、DOM定义二、DOM代码实现1、注意：我们应当认识到，DOM一切皆节点。2、XML文件代码3、DOM解析XML的过程三、通用方法用于把所有的xml文件进行解析四、实现XML增加、修改和删除操作1、增加功能代码2、修改功能代码3、删除功能代码一、DOM定义DOM:DocumentObjectModel，文档对象模型，DOM解析方式把整个文档看成是一个倒挂的树形结构来进行解析。有助于更好的理解
  • 云模型相关计算 东方-教育技术博主 学术学习相关python开发语言
    文章目录完美的云模型代码计算重心和质心这个计算每个扇形计算总的带有汉字显示的云模型分析完整替换汉字的代码从excel中读取数字计算云模型我需要随机生成一个范围是1~16的数组。把一个圆形16等分成扇形，每个扇形代表着随机数里面的一个数。这个随机生成的数组里面这个数出现的次数越多。然后这个数所对应的扇形的半径就增加。画出一个这样的扇形图。扇形外面的数字是，随机列表里面的数，扇形的半径是那个数出现的次
  • 嵌入式工程师必学（111）：示波器带宽和采样率 芯片-嵌入式 嵌入式硬件
    概述：探头与示波器一起作为测量系统的一部分工作。精密测量从探头尖端开始。与示波器和被测设备（DUT）相匹配的正确探头不仅可以将信号干净地带到示波器，还可以放大和保留信号，以实现最大的信号完整性和测量精度。带宽决定了示波器测量信号的基本能力。随着信号频率的增加，示波器准确显示信号的能力会下降。带宽规格表示示波器可以精确测量的频率范围。带宽是系统可以精确测量或通过而不会有明显衰减的频率范围，以Hz为单
  • YOLOv10改进策略【Neck】| NeurIPS 2023 融合GOLD-YOLO颈部结构，强化小目标检测能力 Limiiiing YOLOv10改进专栏YOLO深度学习计算机视觉目标检测
    一、本文介绍本文主要利用GOLD-YOLO中的颈部结构优化YOLOv10的网络模型。GOLD-YOLO颈部结构中的GD机制借鉴了全局信息融合的理念，通过独特的模块设计，在不显著增加延迟的情况下，高效融合不同层级的特征信息。将其应用于YOLOv10的改进过程中，能够使模型更有效地整合多尺度特征，减少信息损失，强化对不同大小目标物体的特征表达，从而提升模型在复杂场景下对目标物体的检测精度与定位准确性。
  • CF 230A.Dragons(Java实现) Dr_Si java开发语言
    题目分析（桐老爷，泪目）题目讲很多字，其实就是打怪升级，初始战斗力>龙的战斗力就能击败龙并炼化经验增加战斗力，然后打下一条龙，如果打不过了就寄思路分析首先我还是想到键值对，分别存储龙的战斗力和给的经验，一个n条龙，然后循环判断战斗力胜负，如果胜则+战斗力，并挑战下一条，负则结束战斗。但是这里忽略了一个点，题目说的是不限顺序所以需要从小到大的战斗力依次去挑战，因此我在外面套了一个list，用sort
  • Java 并发包之线程池和原子计数 lijingyao8206 Java计数ThreadPool并发包java线程池
    对于大数据量关联的业务处理逻辑，比较直接的想法就是用JDK提供的并发包去解决多线程情况下的业务数据处理。线程池可以提供很好的管理线程的方式，并且可以提高线程利用率，并发包中的原子计数在多线程的情况下可以让我们避免去写一些同步代码。     这里就先把jdk并发包中的线程池处理器ThreadPoolExecutor 以原子计数类AomicInteger 和倒数计时锁C
  • java编程思想 抽象类和接口 百合不是茶 java抽象类接口
    接口c++对接口和内部类只有简介的支持,但在java中有队这些类的直接支持   1 ,抽象类 :  如果一个类包含一个或多个抽象方法,该类必须限定为抽象类(否者编译器报错)   抽象方法 : 在方法中仅有声明而没有方法体    package com.wj.Interface;
  • [房地产与大数据]房地产数据挖掘系统 comsci 数据挖掘
           随着一个关键核心技术的突破,我们已经是独立自主的开发某些先进模块,但是要完全实现,还需要一定的时间...        所以,除了代码工作以外,我们还需要关心一下非技术领域的事件..比如说房地产     &nb
  • 数组队列总结 沐刃青蛟 数组队列
          数组队列是一种大小可以改变，类型没有定死的类似数组的工具。不过与数组相比，它更具有灵活性。因为它不但不用担心越界问题，而且因为泛型（类似c++中模板的东西）的存在而支持各种类型。      以下是数组队列的功能实现代码：   import List.Student; public class
  • Oracle存储过程无法编译的解决方法 IT独行者 oracle存储过程　
    今天同事修改Oracle存储过程又导致2个过程无法被编译，流程规范上的东西，Dave 这里不多说，看看怎么解决问题。   1.     查看无效对象 XEZF@xezf(qs-xezf-db1)> select object_name,object_type,status from all_objects where status='IN
  • 重装系统之后oracle恢复 文强chu oracle
    前几天正在使用电脑，没有暂停oracle的各种服务。 突然win8.1系统奔溃，无法修复，开机时系统 提示正在搜集错误信息，然后再开机，再提示的无限循环中。 无耐我拿出系统u盘 准备重装系统，没想到竟然无法从u盘引导成功。 晚上到外面早了一家修电脑店，让人家给装了个系统，并且那哥们在我没反应过来的时候， 直接把我的c盘给格式化了 并且清理了注册表，再装系统。 然后的结果就是我的oracl
  • python学习二（ 一些基础语法） 小桔子 pthon基础语法
    紧接着把！昨天没看继续看django 官方教程，学了下python的基本语法 与c类语言还是有些小差别： 1.ptyhon的源文件以UTF-8编码格式 2. /   除 结果浮点型 //  除 结果整形 %   除 取余数 *   乘 **  乘方 eg 5**2 结果是5的2次方25 _&
  • svn 常用命令 aichenglong SVN版本回退
    1 svn回退版本   1)在window中选择log,根据想要回退的内容,选择revert this version或revert chanages from this version 两者的区别:   revert this version:表示回退到当前版本(该版本后的版本全部作废)   revert chanages from this versio
  • 某小公司面试归来 alafqq 面试
    先填单子，还要写笔试题，我以时间为急，拒绝了它。。时间宝贵。 老拿这些对付毕业生的东东来吓唬我。。 面试官很刁难，问了几个问题，记录下； 1，包的范围。。。public,private,protect. --悲剧了 2，hashcode方法和equals方法的区别。谁覆盖谁.结果，他说我说反了。 3，最恶心的一道题，抽象类继承抽象类吗？（察，一般它都是被继承的啊） 4，stru
  • 动态数组的存储速度比较 集合框架 百合不是茶 集合框架
    集合框架： 自定义数据结构(增删改查等) package 数组; /** * 创建动态数组 * @author 百合 * */ public class ArrayDemo{ //定义一个数组来存放数据 String[] src = new String[0]; /** * 增加元素加入容器 * @param s要加入容器
  • 用JS实现一个JS对象，对象里有两个属性一个方法 bijian1013 js对象
    <html> <head> </head> <body> 用js代码实现一个js对象，对象里有两个属性，一个方法 </body> <script> var obj={a:'1234567',b:'bbbbbbbbbb',c:function(x){
  • 探索JUnit4扩展：使用Rule bijian1013 java单元测试JUnitRule
            在上一篇文章中，讨论了使用Runner扩展JUnit4的方式，即直接修改Test Runner的实现(BlockJUnit4ClassRunner)。但这种方法显然不便于灵活地添加或删除扩展功能。下面将使用JUnit4.7才开始引入的扩展方式——Rule来实现相同的扩展功能。 1. Rule       &n
  • [Gson一]非泛型POJO对象的反序列化 bit1129 POJO
    当要将JSON数据串反序列化自身为非泛型的POJO时，使用Gson.fromJson(String, Class)方法。自身为非泛型的POJO的包括两种： 1. POJO对象不包含任何泛型的字段 2. POJO对象包含泛型字段，例如泛型集合或者泛型类 Data类 a.不是泛型类， b.Data中的集合List和Map都是泛型的 c.Data中不包含其它的POJO    
  • 【Kakfa五】Kafka Producer和Consumer基本使用 bit1129 kafka
    0.Kafka服务器的配置 一个Broker， 一个Topic Topic中只有一个Partition（）   1. Producer： package kafka.examples.producers; import kafka.producer.KeyedMessage; import kafka.javaapi.producer.Producer; impor
  • lsyncd实时同步搭建指南——取代rsync+inotify ronin47
    1. 几大实时同步工具比较 1.1 inotify + rsync 最近一直在寻求生产服务服务器上的同步替代方案，原先使用的是 inotify + rsync，但随着文件数量的增大到100W+，目录下的文件列表就达20M，在网络状况不佳或者限速的情况下，变更的文件可能10来个才几M，却因此要发送的文件列表就达20M，严重减低的带宽的使用效率以及同步效率；更为要紧的是，加入inotify
  • java-9. 判断整数序列是不是二元查找树的后序遍历结果 bylijinnan java
    public class IsBinTreePostTraverse{ static boolean isBSTPostOrder(int[] a){ if(a==null){ return false; } /*1.只有一个结点时，肯定是查找树 *2.只有两个结点时，肯定是查找树。例如{5,6}对应的BST是 6 {6,5}对应的BST是
  • MySQL的sum函数返回的类型 bylijinnan javaspringsqlmysqljdbc
    今天项目切换数据库时，出错 访问数据库的代码大概是这样： String sql = "select sum(number) as sumNumberOfOneDay from tableName"; List<Map> rows = getJdbcTemplate().queryForList(sql); for (Map row : rows
  • java设计模式之单例模式 chicony java设计模式
    在阎宏博士的《JAVA与模式》一书中开头是这样描述单例模式的： 　　作为对象的创建模式，单例模式确保某一个类只有一个实例，而且自行实例化并向整个系统提供这个实例。这个类称为单例类。 单例模式的结构 　　单例模式的特点： 单例类只能有一个实例。 单例类必须自己创建自己的唯一实例。 单例类必须给所有其他对象提供这一实例。 　　饿汉式单例类   publ
  • javascript取当月最后一天 ctrain JavaScript
    <!--javascript取当月最后一天--> <script language=javascript> var current = new Date(); var year = current.getYear(); var month = current.getMonth(); showMonthLastDay(year, mont
  • linux tune2fs命令详解 daizj linuxtune2fs查看系统文件块信息
    一.简介： tune2fs是调整和查看ext2/ext3文件系统的文件系统参数，Windows下面如果出现意外断电死机情况，下次开机一般都会出现系统自检。Linux系统下面也有文件系统自检，而且是可以通过tune2fs命令，自行定义自检周期及方式。 二.用法： Usage: tune2fs [-c max_mounts_count] [-e errors_behavior] [-g grou
  • 做有中国特色的程序员 dcj3sjt126com 程序员
      从出版业说起 网络作品排到靠前的，都不会太难看，一般人不爱看某部作品也是因为不喜欢这个类型，而此人也不会全不喜欢这些网络作品。究其原因，是因为网络作品都是让人先白看的，看的好了才出了头。而纸质作品就不一定了，排行榜靠前的，有好作品，也有垃圾。 许多大牛都是写了博客，后来出了书。这些书也都不次，可能有人让为不好，是因为技术书不像小说，小说在读故事，技术书是在学知识或温习知识，有
  • Android：TextView属性大全 dcj3sjt126com textview
    android:autoLink    设置是否当文本为URL链接/email/电话号码/map时，文本显示为可点击的链接。可选值(none/web/email/phone/map/all)  android:autoText    如果设置，将自动执行输入值的拼写纠正。此处无效果，在显示输入法并输
  • tomcat虚拟目录安装及其配置 eksliang tomcat配置说明tomca部署web应用tomcat虚拟目录安装
    转载请出自出处：http://eksliang.iteye.com/blog/2097184 1.-------------------------------------------tomcat  目录结构 config：存放tomcat的配置文件 temp  ：存放tomcat跑起来后存放临时文件用的 work   ： 当第一次访问应用中的jsp
  • 浅谈：APP有哪些常被黑客利用的安全漏洞 gg163 APP
    首先，说到APP的安全漏洞，身为程序猿的大家应该不陌生；如果抛开安卓自身开源的问题的话，其主要产生的原因就是开发过程中疏忽或者代码不严谨引起的。但这些责任也不能怪在程序猿头上，有时会因为BOSS时间催得紧等很多可观原因。由国内移动应用安全检测团队爱内测（ineice.com）的CTO给我们浅谈关于Android 系统的开源设计以及生态环境。 1. 应用反编译漏洞：APK 包非常容易被反编译成可读
  • C#根据网址生成静态页面 hvt Web.netC#asp.nethovertree
    HoverTree开源项目中HoverTreeWeb.HVTPanel的Index.aspx文件是后台管理的首页。包含生成留言板首页，以及显示用户名，退出等功能。根据网址生成页面的方法：   bool CreateHtmlFile(string url, string path) { //http://keleyi.com/a/bjae/3d10wfax.htm stri
  • SVG 教程 （一） 天梯梦 svg
    SVG 简介 SVG 是使用 XML 来描述二维图形和绘图程序的语言。 学习之前应具备的基础知识： 继续学习之前，你应该对以下内容有基本的了解： HTML XML 基础 如果希望首先学习这些内容，请在本站的首页选择相应的教程。 什么是SVG？ SVG 指可伸缩矢量图形 (Scalable Vector Graphics) SVG 用来定义用于网络的基于矢量
  • 一个简单的java栈 luyulong java数据结构栈
    public class MyStack { private long[] arr; private int top; public MyStack() { arr = new long[10]; top = -1; } public MyStack(int maxsize) { arr = new long[maxsize]; top
  • 基础数据结构和算法八：Binary search sunwinner AlgorithmBinary search
    Binary search needs an ordered array so that it can use array indexing to dramatically reduce the number of compares required for each search, using the classic and venerable binary search algori
  • 12个C语言面试题，涉及指针、进程、运算、结构体、函数、内存，看看你能做出几个！ 刘星宇 c面试
    12个C语言面试题，涉及指针、进程、运算、结构体、函数、内存，看看你能做出几个！ 1.gets()函数 问：请找出下面代码里的问题： #include<stdio.h> int main(void) {     char buff[10];     memset(buff,0,sizeof(buff));
  • ITeye 7月技术图书有奖试读获奖名单公布 ITeye管理员 活动ITeye试读
    ITeye携手人民邮电出版社图灵教育共同举办的7月技术图书有奖试读活动已圆满结束，非常感谢广大用户对本次活动的关注与参与。 7月试读活动回顾： http://webmaster.iteye.com/blog/2092746 本次技术图书试读活动的优秀奖获奖名单及相应作品如下（优秀文章有很多，但名额有限，没获奖并不代表不优秀）： 《Java性能优化权威指南》
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他