构建简单的json树形菜单

json结构：

var Menu = [{

            tit:"一级菜单",

            submenu:[{

                tit:"二级菜单",

                url:"",

                func:function(){

                    alert('what do you want to do?');

                }

            },{

                tit:"二级菜单",

                func:function(){

                    alert('do what?');

                },

                submenu:[{

                    tit:"三级菜单",

                    url:"",

                    submenu:[{

                        tit:"四级菜单",

                        url:""

                    },{

                        tit:"四级菜单",

                        url:""

                    }]

                },{

                    tit:"三级菜单",

                    url:""

                }]

            }]

        },{

            tit:"一级菜单",

            submenu:[{

                tit:"二级菜单",

                url:""

            },{

                tit:"二级菜单",

                submenu:[{

                    tit:"三级菜单",

                    url:""

                },{

                    tit:"三级菜单",

                    url:""

                }]

            }]

        }];
View Code

构建菜单处理函数

/*

     * @构建树形菜单

     * @arrJson:json数据

     * @container:菜单容器

     */

    function menuTree(jsonArr,container,treeId){

        var oText,oUrl;

        var oUl = document.createElement('ul');

        for(var i = 0 ;i < jsonArr.length; i++){

            var oLi = document.createElement('li');

            oUrl = jsonArr[i].url || "javascript:void(0)";

            oText = jsonArr[i].tit;

            if(jsonArr[i].submenu){

                 oLi.innerHTML ='<a href="'+oUrl+'">'+oText+'</a>'; 

                 menuTree(jsonArr[i].submenu,oLi);//递归构建子菜单

            }else{

                oLi.innerHTML = '<a href="'+oUrl+'">'+oText+'</a>';

            }

            //自定义函数

            if(typeof jsonArr[i].func =="function"){ 

                oLi.getElementsByTagName('a')[0].func = jsonArr[i].func;

                oLi.getElementsByTagName('a')[0].onclick=function(){

                    this.func();

                }

            }

            oUl.appendChild(oLi);

        }

        //最外层容器事件委托

        if(treeId){

            document.getElementById(treeId).onclick = function(e){

                var event = e || window.event;

                var target = event.target||event.srcElement;

                var next = target.nextSibling;

                if(target.nodeName.toLowerCase() == "a"){

                    if(next){

                        if(next.style.display=="" || next.style.display=="block"){

                            next.style.display="none";

                        }else{

                            next.style.display="block";

                        }

                    }

                }

            }

        }

        container.appendChild(oUl);

    }
View Code

完整demo：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>json树形菜单</title>

</head>

<body>

    <h2>构建json树形菜单</h2>

    <div class="tree" id="tree"></div>

    <script type="text/javascript">

    window.onload = function(){

        var Menu = [{

            tit:"一级菜单",

            submenu:[{

                tit:"二级菜单",

                url:"",

                func:function(){

                    alert('what do you want to do?');

                }

            },{

                tit:"二级菜单",

                func:function(){

                    alert('do what?');

                },

                submenu:[{

                    tit:"三级菜单",

                    url:"",

                    submenu:[{

                        tit:"四级菜单",

                        url:""

                    },{

                        tit:"四级菜单",

                        url:""

                    }]

                },{

                    tit:"三级菜单",

                    url:""

                }]

            }]

        },{

            tit:"一级菜单",

            submenu:[{

                tit:"二级菜单",

                url:""

            },{

                tit:"二级菜单",

                submenu:[{

                    tit:"三级菜单",

                    url:""

                },{

                    tit:"三级菜单",

                    url:""

                }]

            }]

        }];

    //构建菜单

     menuTree(Menu,document.getElementById('tree'),'tree');

    }



    /*

     * @构建树形菜单

     * @arrJson:json数据

     * @container:菜单容器

     */

    function menuTree(jsonArr,container,treeId){

        var oText,oUrl;

        var oUl = document.createElement('ul');

        for(var i = 0 ;i < jsonArr.length; i++){

            var oLi = document.createElement('li');

            oUrl = jsonArr[i].url || "javascript:void(0)";

            oText = jsonArr[i].tit;

            if(jsonArr[i].submenu){

                 oLi.innerHTML ='<a href="'+oUrl+'">'+oText+'</a>'; 

                 menuTree(jsonArr[i].submenu,oLi);//递归构建子菜单

            }else{

                oLi.innerHTML = '<a href="'+oUrl+'">'+oText+'</a>';

            }

            //自定义函数

            if(typeof jsonArr[i].func =="function"){ 

                oLi.getElementsByTagName('a')[0].func = jsonArr[i].func;

                oLi.getElementsByTagName('a')[0].onclick=function(){

                    this.func();

                }

            }

            oUl.appendChild(oLi);

        }

        //最外层容器事件委托

        if(treeId){

            document.getElementById(treeId).onclick = function(e){

                var event = e || window.event;

                var target = event.target||event.srcElement;

                var next = target.nextSibling;

                if(target.nodeName.toLowerCase() == "a"){

                    if(next){

                        if(next.style.display=="" || next.style.display=="block"){

                            next.style.display="none";

                        }else{

                            next.style.display="block";

                        }

                    }

                }

            }

        }

        container.appendChild(oUl);

    }

    </script>

</body>

</html>
View Code

效果图：

构建简单的json树形菜单

 

完整实例：

menuTreeDemo.zip

 

你可能感兴趣的:(json)

  • 使用 electron-builder 构建一个 Electron 应用程序 常见问题以及解决办法 涔溪 Electronelectronjavascript前端
    构建Electron应用程序时，使用electron-builder可能会遇到一些常见问题。以下是一些问题及其解决办法：1.构建输出目录冲突问题：如果你的项目中已经存在与构建输出目录同名的文件夹，可能会导致构建失败。解决方法：确保package.json中build.directories.output指定的输出目录在构建开始前不存在或为空。你可以手动删除该文件夹，或者配置构建工具在每次构建前自动
  • [SWPUCTF 2021 新生赛] snowlyzz nssctfjson
    [SWPUCTF2021新生赛]jicao进入环境：post传id对get传的json进行json解码示例：int(1)["b"]=>int(2)["c"]=>int(3)["d"]=>int(4)["e"]=>int(5)所以我们只要传get:json={"x":“wllm”}post:id=wllmNB就可以了[SWPUCTF2021新生赛]pop很基础的pop链构造：
  • Python 获取字典的值：全面指南 egzosn pythonjava服务器前端linux
    字典(dict)是Python中一个强大的数据结构，用于存储键值对。无论是处理JSON数据，还是设计复杂的配置文件，字典都无处不在。本文将全面介绍在Python中获取字典值的各种方法，通过多个详细的代码示例，帮助你掌握如何在不同场景下灵活操作字典。一、字典基础知识在Python中，字典使用花括号{}定义，其键必须是不可变的(如字符串、数字或元组)，值可以是任意类型。以下是一个简单的字典示例：登录后
  • 迅为RK3568开发板篇OpenHarmony配置HDF驱动控制LED-新增 topeet子系统-编写 bundle.json文件 mucheni RK3568开发板rk3568
    bundle.json文件内容如下所示：下面是对各个字段的解释：1.name:"@ohos/demos"-这是组件或项目的名称，这里表示它属于OHOS（OpenHarmonyOS）生态系统下的一个名为"demos"的组件。2.description:"topeetdemos"-它描述了组件的简短说明3.version:"4.1"-组件的版本号。4.license:"Apache-2.0"-组件使用
  • 解决时间戳转换为json报错问题！！！ 明天更新 日后嚣张的资本json
    错误如下：com.alibaba.fastjson2.JSONException:cannotcasttojava.sql.Timestamp,fromclassjava.lang.Long问题原因：我们在数据中的时间戳格式为：2024-11-2210:44:15转换为josn后变成了：createTime->{Long@14296}1732243455000然后我们再将json转换为具体的对象的
  • XML格式化 YOUO` XML格式化在线工具
    工具地址：XML格式化XML在线解析工具-我查139查询网XML格式化介绍XML格式化工具是一款XML在线解析工具，提供XML格式化、XML压缩功能，格式化后的XML代码有着很高的可读性，颜色高亮显示代码，是程序员必备工具之一。关于在线格式化XML工具XML是web中交换和传输数据中最常用的格式之一，很多的webserver协议都是基于XML进行定义。JSON和XML是web传输中常见的两种文本格
  • NPM 包开发与优化全面指南
    前言Hey,我是Immerse系列文章首发于【Immerse】，更多内容请关注该网站转载说明：转载请注明原文出处及版权声明！1.理解NPM包的结构1.1package.json文件：包的核心package.json文件是NPM包的中央配置，定义了包的各个方面，从基本元数据到复杂的发布配置。{"name":"my-awesome-package","version":"1.0.0","descrip
  • 解决tsconfig.json配置paths, 却依然报错can't find module?
    NodeJs程序中若使用typescript经常会遇到一个问题,即明明在tsconfig.json里配置了paths映射，为啥import使用路径别名,例如@test/a.ts时，会报错can'tfindmodule'@test/a.ts'?其实根本原因在于typescript只负责编译期检查，而执行模块时，tsconfig.json配置的paths自然无法影响js的模块查找机制,故报错分享:要解
  • openfeign如何修改接口上的地址？？？ 明天更新 日后嚣张的资本java
    使用场景：假设在这里配置了路径，但是我又想通过数据库动态配置地址，该如何操作呢？？？请看代码示例：（使用openfeign的拦截器进行处理）---->请看大屏幕：接口：packagemairuirobot.iwarehousecontrol.framework.functions.iwc.feign;importcom.alibaba.fastjson.JSONObject;importmairu
  • npm使用教程：从入门到精通 小周不想卷 #前端node.js入门npm
    (创作不易，感谢有你，你的支持，就是我前行的最大动力，如果看完对你有帮助，还请三连支持一波哇ヾ(＠^∇^＠)ノ）目录引言第一部分：npm基础1.1安装Node.js与npm1.2npm的基本命令第二部分：npm进阶2.1使用package.json管理依赖2.2使用npm脚本2.3版本管理第三部分：npm的高级特性3.1npmScripts的生命周期3.2使用npmlink进行本地开发3.3使用n
  • PHP:写接口与接口的调用（完整版，封装公共方法） 25号底片~ phpandroid开发语言
    说明：绑定的资源详细展示了两个项目的接口、接口调用的实现，已经数据库的连接，目录展示更加一目了然，有需要可以下载资源，实际文章已经描述的很详细了一、A页面-发送请求页面1、说明发送请求部分，去调用接口的部分（语言不限，这里使用php）这里使用提交按钮发送请求初始数据为对象，通过json进行发送必要数据：接口的url；接口方提供的AccessKeyId，AccessKeySecret（可生成随机数，
  • Python中的 json 模块与 pickle 模块：数据序列化与反序列化 阁楼观月 pythonjson编辑器
    文章目录前言一、json模块：用于存储和交换数据1.1JSON序列化1.2JSON反序列化1.3json模块的特点二、pickle模块：用于Python对象的序列化与反序列化2.1Pickle序列化2.2Pickle反序列化三、json与pickle的对比四、使用场景五、结语前言在编程中，序列化（Serialization）是指将数据结构或对象转换为一个可以存储或传输的格式的过程，而反序列化（De
  • axios与request的区别 懒大王、 前端小常识前端js
    axios与request的区别发送数据类型的区别axios会根据要发送的数据来设置合理的Content-type，默认是application/json//data是作为请求主体被发送的数据//只适用于这些请求方法‘PUT’,‘POST’,和‘PATCH’//在没有设置transformRequest时，必须是以下类型之一：//-string,plainobject,ArrayBuffer,Ar
  • docker 部署带多种配置文件的 springboot 项目 淘气小姑娘 dockerlinuxjava
    准备工作：1、将要制作镜像的Springboot项目打成jar包。2、将jar包和该程序所有配置文件放在同一文件夹下（xml、yml、txt、jar等），我这里文件夹名字为json3、在该文件夹下写Dockerfile.txt文件：#指含有jdk1.8的镜像FROMjava#将当前目录下面的json-0.0.1-SNAPSHOT.jar复制命名为app.jar（复制后的名字可以自定义）。copya
  • 微信小程序实战教程：如何使用map组件实现地图功能 Jiaberrr 微信小程序小程序javascript前端map
    在微信小程序中，map组件是一个非常实用的功能，它可以帮助我们快速实现地图展示、定位、标注等操作。本文将详细介绍如何在微信小程序中使用map组件，带你轻松掌握地图开发技能。一、map组件概述map组件是微信小程序官方提供的一个地图组件，它支持地图展示、缩放、拖动、定位、标注等功能。在使用map组件之前，我们需要先在app.json中配置高德地图或腾讯地图的key。二、配置地图key登录微信小程序后
  • 微信小程序 ggggyyyyy0928 微信小程序小程序
    一、小程序文件结构1.目录结构pages文件夹：存放【页面文件夹】，一个【页面文件夹】就是一个页面，存放着小程序页面文件。即pages中的每一个文件夹都存放着一个小程序页面的文件（js、wxml、json、wxss）页面文件夹一个【页面文件夹】中必须包含以下4个文件，为了方便开发者减少配置项，描述页面的四个文件必须具有相同的路径与文件名。.json后缀的JSON配置文件.wxml后缀的WXML模板
  • 【AIcoding技术必知必会】12问--前后端联调是什么？ srzxy42 AIcoding技术必知必会ai产品经理学习
    基础说明前后端联调（Frontend-BackendIntegration）是指前端工程师和后端工程师将各自开发的功能模块进行对接和测试的过程。这个过程确保前端页面能够正确地与后端API进行数据交互，实现完整的业务功能。具体步骤准备阶段前后端团队共同制定接口文档（APIDocumentation）确定接口的请求方式（GET/POST等）定义请求参数和返回数据格式（通常是JSON）约定接口的命名规范
  • 处理解决运行前端脚手架工程报错： ‘vue-cli-service‘ 不是内部或外部命令，也不是可运行的程序 或批处理文件。附带 Linux m0_74825746 前端vue.jslinux
    目录一、场景介绍二、处理方式????1、?如果?package.json配置没有?vue-cli-server那么就安装它即可，注意安装完毕需重启编辑器启动项目，避免依赖添加不生效问题????2、如果package.json配置有?vue-cli-server或者安装了还是没好，可以看看node_modules工程模块是否存在，如果没有请安装。???3、如果上面两个条件都存在，却还是不行，那就是网
  • Java语音识别：开启人机交互的新篇章 苏-言 语音识别人机交互人工智能
    语音识别思路：首先使用工具类开始录音并存储再调用百度语音识别API接口进行语音内容的识别导入依赖：com.alibabafastjson1.2.83com.squareup.okhttp3okhttp4.9.3ws.schildjave-all-deps3.5.0com.baidu.aipjava-sdk4.16.19编写语音合成工具类：/***录音，存储为WAV文件*@authoradmin_7
  • API接口到底是什么 小Mie不吃饭 分布式笔记APImicrosoft
    目录一、API概述二、API接口的定义与基本概念（一）什么是API接口（二）API接口的组成要素（三）API接口的类型WebAPI库API远程API三、API接口的工作原理（一）请求与响应机制（二）数据传输与格式JSON格式XML格式二进制格式（三）认证与授权机制基本认证令牌认证一、API概述在当今数字化时代，无论是我们日常使用的手机应用，还是企业间复杂的业务协同，背后都离不开一个看似神秘却又无处
  • 解放双手，批量绕过403 天启互联网工作室 安全测试工具linux运维网络服务器python
    将dirsearch扫描出来的结果复制到url.txt，如下所示url.txt[21:18:16]502-0B-/var/log/exception.log[21:18:21]502-0B-/WEB-INF/jetty-env.xml[21:18:22]502-0B-/WEB-INF/weblogic.xml[21:18:27]502-0B-/wp-json/wp/v2/users/[21:18:
  • VSCode配置调试C-配置launch.json和tasks.json zhougl996 C与C++笔记
    launch.json{//使用IntelliSense了解相关属性。//悬停以查看现有属性的描述。//欲了解更多信息，请访问:https://go.microsoft.com/fwlink/?linkid=830387"version":"0.2.0","configurations":[{"name":"gcc.exe-生成和调试活动文件",//该调试任务的名字，启动调试时会在待选列表中显示"
  • [转载]Nodejs 利用 express 框架 获取接口参数 柒柒公子呐 node.js
    Express是一个基于Node.js平台，快速、开放、极简的web开发框架Expresss是一个第三方模块（在npm上可以下载），在使用它之前要先去下载它，在下载包之前要先创建项目，并通过npminit创建package.json文件。1、get接口参数req.query属性express框架会自动收集get方式从url地址中传递的查询字符串参数，并自动保存在req对象的query属性中。我们直
  • 整理一下一些Qt/C++第三方库 MayZork qt开发语言c++
    boost一个广泛的C++库集合，提供了大量的功能模块，包括但不限于数据结构、算法、并发编程、网络编程、文件系统、正则表达式、序列化等。poco也是一个广泛的C++库集合，提供了一套丰富的功能模块，包含网络通信、HTTP、文件系统、XML、JSON、数据库等。libevent轻量级的C语言库，主要用于异步网络编程。它提供了对I/O复用的支持，使得开发者可以在单线程中同时处理多个连接。QCustom
  • nlp培训重点-3 heine162 自然语言处理人工智能
    1.文本匹配分类：loader:#-*-coding:utf-8-*-importjsonimportreimportosimporttorchimportrandomimportloggingfromtorch.utils.dataimportDataset,DataLoaderfromcollectionsimportdefaultdictfromtransformersimportBertT
  • express实现post接口(无参/普通/json/form-data) 老李头的代码生活 node.jsjsonnode.jsjavascript
    无参数的post接口constexpress=require('express');constapp=express();app.post('/api/post',function(req,res){//直接返回对象res.send({name:'abc'});});app.listen('8088',()=>{console.log('8088');});启动终端后利用postman来测试pos
  • Nodejs 利用 express 第三方模块 获取接口参数 H-萝贝 node.js
    Express是一个基于Node.js平台，快速、开放、极简的web开发框架Expresss是一个第三方模块（在npm上可以下载），在使用它之前要先去下载它，在下载包之前要先创建项目，并通过npminit创建package.json文件。1、get接口参数req.query属性express框架会自动收集get方式从url地址中传递的查询字符串参数，并自动保存在req对象的query属性中。我们直
  • drogon orm分页问题，req->getJsonObject()为空会导致Segmentation fault zh7314
    2024年6月22日17:14:12req->getJsonObject()获取json数据的时候，如果没有提前判断if(req->getJsonObject()==nullptr){throwstd::invalid_argument("参数json不能为空");}autojsonPtr=req->getJsonObject();官方文档：https://github.com/drogonfra
  • Springboot项目如何消费Kafka数据 布朗克168 Kafkaspringbootkafka后端
    目录一、引入依赖二、添加Kafka配置三、创建Kafka消费者（一）Kafka生产的消息是JSON字符串1、方式一2、方式二：需要直接访问消息元数据（二）Kafka生产的消息是对象Order四、创建启动类五、配置Kafka生产者（可选）（一）消息类型为json串（二）消息类型为对象Order六、启动Kafka服务七、测试Kafka消费者九、测试和调试十、结语一、引入依赖你需要在pom.xml中添加
  • 获取哔站视频字幕（bilibili） Taichi呀 音视频
    一、打开视频播放网址随便在哔站上打开一个视频二、打开控制台三种方式打开控制台快捷键F12或者快捷键Ctrl+Shift+J找个空白地方，鼠标右键，检查元素浏览器控制台就是这个了三、打开网络抓包工具点击网络选项如果是视频自带的字幕：搜索json如果是AI字幕：搜索ai_subtitle打开解析字幕网站：https://www.dreamlyn.cn/bsrt感谢牧尘老大提供的视频解析。
  • 集合框架 天子之骄 java数据结构集合框架
       集合框架 集合框架可以理解为一个容器，该容器主要指映射(map)、集合(set)、数组(array)和列表(list)等抽象数据结构。 从本质上来说，Java集合框架的主要组成是用来操作对象的接口。不同接口描述不同的数据类型。   简单介绍：   Collection接口是最基本的接口，它定义了List和Set，List又定义了LinkLi
  • Table Driven（表驱动）方法实例 bijian1013 javaenumTable Driven表驱动
    实例一： /** * 驾驶人年龄段 * 保险行业，会对驾驶人的年龄做年龄段的区分判断 * 驾驶人年龄段：01-[18,25);02-[25,30);03-[30-35);04-[35,40);05-[40,45);06-[45,50);07-[50-55);08-[55,+∞) */ public class AgePeriodTest { //if...el
  • Jquery 总结 cuishikuan javajqueryAjaxWebjquery方法
    1.$.trim方法用于移除字符串头部和尾部多余的空格。如：$.trim('   Hello   ') // Hello2.$.contains方法返回一个布尔值，表示某个DOM元素（第二个参数）是否为另一个DOM元素（第一个参数）的下级元素。如：$.contains(document.documentElement, document.body); 3.$
  • 面向对象概念的提出 麦田的设计者 java面向对象面向过程
            面向对象中，一切都是由对象展开的，组织代码，封装数据。   在台湾面向对象被翻译为了面向物件编程，这充分说明了，这种编程强调实体。       下面就结合编程语言的发展史，聊一聊面向过程和面向对象。      c语言由贝尔实
  • linux网口绑定 被触发 linux
    刚在一台IBM Xserver服务器上装了RedHat Linux Enterprise AS 4，为了提高网络的可靠性配置双网卡绑定。 一、环境描述 我的RedHat Linux Enterprise AS 4安装双口的Intel千兆网卡，通过ifconfig -a命令看到eth0和eth1两张网卡。 二、双网卡绑定步骤： 2.1 修改/etc/sysconfig/network
  • XML基础语法 肆无忌惮_ xml
    一、什么是XML？ XML全称是Extensible Markup Language，可扩展标记语言。很类似HTML。XML的目的是传输数据而非显示数据。XML的标签没有被预定义，你需要自行定义标签。XML被设计为具有自我描述性。是W3C的推荐标准。   二、为什么学习XML？ 用来解决程序间数据传输的格式问题 做配置文件 充当小型数据库   三、XML与HTM
  • 为网页添加自己喜欢的字体 知了ing 字体 秒表 css
    @font-face { font-family: miaobiao;//定义字体名字 font-style: normal; font-weight: 400; src: url('font/DS-DIGI-e.eot');//字体文件 } 使用： <label style="font-size:18px;font-famil
  • redis范围查询应用-查找IP所在城市 矮蛋蛋 redis
    原文地址： http://www.tuicool.com/articles/BrURbqV 需求 根据IP找到对应的城市 原来的解决方案 oracle表（ip_country）： 查询IP对应的城市： 1.把a.b.c.d这样格式的IP转为一个数字，例如为把210.21.224.34转为3524648994 2. select city from ip_
  • 输入两个整数， 计算百分比 alleni123 java
    public static String getPercent(int x, int total){ double result=(x*1.0)/(total*1.0); System.out.println(result); DecimalFormat df1=new DecimalFormat("0.0000%");
  • 百合——————>怎么学习计算机语言 百合不是茶 java 移动开发
        对于一个从没有接触过计算机语言的人来说，一上来就学面向对象，就算是心里上面接受的了，灵魂我觉得也应该是跟不上的，学不好是很正常的现象，计算机语言老师讲的再多，你在课堂上面跟着老师听的再多，我觉得你应该还是学不会的，最主要的原因是你根本没有想过该怎么来学习计算机编程语言，记得大一的时候金山网络公司在湖大招聘我们学校一个才来大学几天的被金山网络录取，一个刚到大学的就能够去和
  • linux下tomcat开机自启动 bijian1013 tomcat
    方法一： 修改Tomcat/bin/startup.sh 为: export JAVA_HOME=/home/java1.6.0_27 export CLASSPATH=$CLASSPATH:$JAVA_HOME/lib/tools.jar:$JAVA_HOME/lib/dt.jar:. export PATH=$JAVA_HOME/bin:$PATH export CATALINA_H
  • spring aop实例 bijian1013 javaspringAOP
    1.AdviceMethods.java package com.bijian.study.spring.aop.schema; public class AdviceMethods { public void preGreeting() { System.out.println("--how are you!--"); } } 2.beans.x
  • [Gson八]GsonBuilder序列化和反序列化选项enableComplexMapKeySerialization bit1129 serialization
    enableComplexMapKeySerialization配置项的含义  Gson在序列化Map时，默认情况下，是调用Key的toString方法得到它的JSON字符串的Key，对于简单类型和字符串类型，这没有问题，但是对于复杂数据对象，如果对象没有覆写toString方法，那么默认的toString方法将得到这个对象的Hash地址。   GsonBuilder用于
  • 【Spark九十一】Spark Streaming整合Kafka一些值得关注的问题 bit1129 Stream
    包括Spark Streaming在内的实时计算数据可靠性指的是三种级别： 1. At most once，数据最多只能接受一次，有可能接收不到 2. At least once, 数据至少接受一次，有可能重复接收 3. Exactly once  数据保证被处理并且只被处理一次，   具体的多读几遍http://spark.apache.org/docs/lates
  • shell脚本批量检测端口是否被占用脚本 ronin47
    #!/bin/bash cat ports |while read line do#nc -z -w 10 $line nc -z -w 2 $line 58422>/dev/null2>&1if[ $?-eq 0]then echo $line:ok else echo $line:fail fi done 这里的ports 既可以是文件
  • java-2.设计包含min函数的栈 bylijinnan java
    具体思路参见：http://zhedahht.blog.163.com/blog/static/25411174200712895228171/ import java.util.ArrayList; import java.util.List; public class MinStack { //maybe we can use origin array rathe
  • Netty源码学习-ChannelHandler bylijinnan javanetty
    一般来说，“有状态”的ChannelHandler不应该是“共享”的，“无状态”的ChannelHandler则可“共享” 例如ObjectEncoder是“共享”的, 但 ObjectDecoder 不是 因为每一次调用decode方法时，可能数据未接收完全（incomplete）， 它与上一次decode时接收到的数据“累计”起来才有可能是完整的数据，是“有状态”的 p
  • java生成随机数 cngolon java
    方法一： /** * 生成随机数 * @author [email protected] * @return */ public synchronized static String getChargeSequenceNum(String pre){ StringBuffer sequenceNum = new StringBuffer(); Date dateTime = new D
  • POI读写海量数据 ctrain 海量数据
    import java.io.FileOutputStream; import java.io.OutputStream; import org.apache.poi.xssf.streaming.SXSSFRow; import org.apache.poi.xssf.streaming.SXSSFSheet; import org.apache.poi.xssf.streaming
  • mysql 日期格式化date_format详细使用 daizj mysqldate_format日期格式转换日期格式化
    日期转换函数的详细使用说明  DATE_FORMAT(date,format) Formats the date value according to the format string. The following specifiers may be used in the format string. The&n
  • 一个程序员分享8年的开发经验 dcj3sjt126com 程序员
      在中国有很多人都认为IT行为是吃青春饭的，如果过了30岁就很难有机会再发展下去!其实现实并不是这样子的，在下从事.NET及JAVA方面的开发的也有8年的时间了，在这里在下想凭借自己的亲身经历，与大家一起探讨一下。 明确入行的目的 很多人干IT这一行都冲着“收入高”这一点的，因为只要学会一点HTML, DIV+CSS，要做一个页面开发人员并不是一件难事，而且做一个页面开发人员更容
  • android欢迎界面淡入淡出效果 dcj3sjt126com android
    很多Android应用一开始都会有一个欢迎界面，淡入淡出效果也是用得非常多的，下面来实现一下。 主要代码如下： package com.myaibang.activity; import android.app.Activity;import android.content.Intent;import android.os.Bundle;import android.os.CountDown
  • linux 复习笔记之常见压缩命令 eksliang tar解压linux系统常见压缩命令linux压缩命令tar压缩
    转载请出自出处:http://eksliang.iteye.com/blog/2109693 linux中常见压缩文件的拓展名 *.gz gzip程序压缩的文件 *.bz2 bzip程序压缩的文件 *.tar tar程序打包的数据，没有经过压缩 *.tar.gz tar程序打包后，并经过gzip程序压缩 *.tar.bz2 tar程序打包后，并经过bzip程序压缩 *.zi
  • Android 应用程序发送shell命令 gqdy365 android
    项目中需要直接在APP中通过发送shell指令来控制lcd灯，其实按理说应该是方案公司在调好lcd灯驱动之后直接通过service送接口上来给APP，APP调用就可以控制了，这是正规流程，但我们项目的方案商用的mtk方案，方案公司又没人会改，只调好了驱动，让应用程序自己实现灯的控制，这不蛋疼嘛！！！！ 发就发吧！ 一、关于shell指令： 我们知道，shell指令是Linux里面带的
  • java 无损读取文本文件 hw1287789687 读取文件无损读取读取文本文件charset
    java 如何无损读取文本文件呢？ 以下是有损的 @Deprecated public static String getFullContent(File file, String charset) { BufferedReader reader = null; if (!file.exists()) { System.out.println("getFull
  • Firebase 相关文章索引 justjavac firebase
    Awesome Firebase 最近谷歌收购Firebase的新闻又将Firebase拉入了人们的视野，于是我做了这个 github 项目。 Firebase 是一个数据同步的云服务，不同于 Dropbox 的「文件」，Firebase 同步的是「数据」，服务对象是网站开发者，帮助他们开发具有「实时」（Real-Time）特性的应用。 开发者只需引用一个 API 库文件就可以使用标准 RE
  • C++学习重点 lx.asymmetric C++笔记
    1.c++面向对象的三个特性：封装性，继承性以及多态性。   2.标识符的命名规则：由字母和下划线开头，同时由字母、数字或下划线组成；不能与系统关键字重名。   3.c++语言常量包括整型常量、浮点型常量、布尔常量、字符型常量和字符串性常量。   4.运算符按其功能开以分为六类：算术运算符、位运算符、关系运算符、逻辑运算符、赋值运算符和条件运算符。 &n
  • java bean和xml相互转换 q821424508 javabeanxmlxml和bean转换java bean和xml转换
    这几天在做微信公众号 做的过程中想找个java bean转xml的工具，找了几个用着不知道是配置不好还是怎么回事，都会有一些问题， 然后脑子一热谢了一个javabean和xml的转换的工具里，自己用着还行，虽然有一些约束吧 ， 还是贴出来记录一下      顺便你提一下下，这个转换工具支持属性为集合、数组和非基本属性的对象。   packag
  • C 语言初级 位运算 1140566087 位运算c
    第十章 位运算   1、位运算对象只能是整形或字符型数据，在VC6.0中int型数据占4个字节   2、位运算符： 运算符 作用 ~ 按位求反 << 左移 >> 右移 & 按位与 ^ 按位异或 | 按位或 他们的优先级从高到低；   3、位运算符的运算功能： a、按位取反： ~01001101 = 101
  • 14点睛Spring4.1-脚本编程 wiselyman spring4
    14.1 Scripting脚本编程 脚本语言和java这类静态的语言的主要区别是:脚本语言无需编译,源码直接可运行; 如果我们经常需要修改的某些代码,每一次我们至少要进行编译,打包,重新部署的操作,步骤相当麻烦; 如果我们的应用不允许重启,这在现实的情况中也是很常见的; 在spring中使用脚本编程给上述的应用场景提供了解决方案,即动态加载bean; spring支持脚本
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他