DurianPudding
DurianPudding

用vue实现的二级菜单

主要是对二级菜单和当前点击的处理：
点击导航时，如果有二级菜单，就切换二级菜单显示状态（显示或者关闭），如果没有二级菜单，就变色，表示页面处于当前位置，并且导航中最多只能有一个菜单变色。


<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>这是一个v-for的导航条title>
  <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
  <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.min.js">script>
  <link rel="stylesheet" href="nav.css">
head>
<body>
<div id="pages">
  <ul id="side-menu">
    <li class="menu-unit" v-for="menu in menus">
      <a id="menu-url" v-bind:href="menu.url"
         v-bind:class="{ 'menu-active': menu.active && !menu.secondMenus}"
         v-on:click="showToggle(menu)"
      >
        <i v-bind:class="menu.icon">i>
        <span>{{ menu.text }}span>
        <i v-if="menu.downIcon" v-bind:class="menu.downIcon">i>
      a>
      <ul id="side-second-menu" v-if="menu.secondMenus && menu.active">
        <li v-for="secMenu in menu.secondMenus" v-on:click="showToggle(menu, secMenu)">
          <a v-bind:href="secMenu.url"
             v-bind:class="{ 'menu-active': secMenu.active }">
            <span>{{ secMenu.text }}span>
          a>
        li>
      ul>
    li>
  ul>
div>

<script>
  var vm = new Vue({
    el: '#side-menu',
    data: {
      menus: [
        {
          text: '首页',
          icon: 'glyphicon glyphicon-apple',
          active: false
        },
        {
          text: '文档',
          // url: 'https://www.baidu.com/',
          icon: 'glyphicon glyphicon-book',
          active: false
        },
        {
          text: '引导页',
          // url: 'https://www.baidu.com/',
          icon: 'glyphicon glyphicon-send',
          active: false
        },
        {
          text: '权限测试页',
          icon: 'glyphicon glyphicon-lock',
          downIcon: 'glyphicon glyphicon-menu-down',
          active: false,
          secondMenus: [
            {text: '页面权限', url: '#', active: false},
            {text: '权限指令', url: '#', active: false},
          ]
        },
        {
          text: '图标',
          icon: 'glyphicon glyphicon-pawn',
          active: false,
          // url: 'https://www.baidu.com/'
        },
      ]
    },
    methods: {
      showToggle: function (menu, secMenu) {
        // 如果传入了二级菜单
        if (secMenu) {
          secMenu.active = true;
          // 更新menus数据
          this.refreshMenuTree(this.menus, menu, secMenu);
        } else {
          if (menu.secondMenus) {
            menu.active = !menu.active;
          } else {
            menu.active = true;
            // 更新menus数据
            this.refreshMenuTree(this.menus, menu, secMenu);
          }
        }
      },

      /**
       * 解释：对于菜单栏active置为true的逻辑，可以简化为，我点击谁谁就active，其他的菜单项active都变为
       * false。但特殊情况为二级菜单，二级菜单点击后自己的active变为true，但父菜单项的active不能变false。
       * 所以问题简化为：
       * 1. 点击的菜单项的active变为true
       * 2. 遍历整个菜单的所有数据项，不等于我点击的这个菜单项的active都变为false
       * （但二级菜单要考虑其父菜单项不能变false，即除了我点击的这个和我的父菜单项外都变false）
       *
       * 关键问题即：用树的遍历解决菜单所有数据项的遍历和active取反,即对于被遍历的每个菜单项来说，
       * 只要不等于我传入的一级菜单和二级菜单，active就变成false
       *
       * 整体逻辑即：menus中的数据项，进行遍历，如果不等于传入的menu或者secMenu则直接置为false
       * @param menus 包含menu数据项的数组，如一级菜单数组，二级菜单数组
       * @param menu 应该激活的一级菜单项
       * @param secMenu 应该激活的二级菜单项
       */
      refreshMenuTree(menus, menu, secMenu) {
        // 开始遍历
        menus.forEach(function (item) {
          // 如果菜单项不等于传入的一级菜单项或二级菜单项，则active置为false
          if (!(item === menu || item === secMenu || (item.secondMenus && item.active))) {
            item.active = false;
          }

          // 如果菜单项包含二级菜单列表，则遍历此列表
          if (item.secondMenus) {
            this.refreshMenuTree(item.secondMenus, menu, secMenu);
          }
          // 使用.bind(this)给函数的this绑定为外层的作用域，要不然this.refreshMenuTree方法取不到
        }.bind(this));
      },

    }
  })
script>


<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.min.js">script>

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js">script>

body>
html>

感谢小哥哥！

你可能感兴趣的:(前端项目)

  • js逆向——webpack扣法 sin_0119 javascriptwebpack前端爬虫
    01webpack讲解webpack是个静态模块打包工具，目的是为了让前端工程师写的前端代码变成浏览器可以识别的代码，并且可以达到前端项目的模块化，也就是如何更高效地管理和维护项目中的每一个资源。但无疑是对js逆向造成了妨碍。但如果掌握了扣取webpack的一些技巧也是不难的。接下来，说一下我对扣取webpack代码的一些理解。1.1webpack组成一个最基本的webpack组成有两个部分:自执
  • npm、Yarn 与 pnpm：选择最适合你的包管理工具 奶凶的小熊崽 前端npmnpm前端node.js
    在前端项目中，npm、pnpm和yarn都是包管理工具，主要用于管理JavaScript依赖。它们的核心功能类似，但在性能、依赖管理方式、磁盘空间占用等方面有所不同。以下是它们的详细对比，以及在项目中的选择建议。一、三者的基本介绍1️⃣npm（NodePackageManager）官方默认包管理器，随Node.js一起安装（无需额外安装）。版本：npmv1-v4（较早版本）：安装速度较慢，存在幽灵
  • 希音(Shein)前端开发面试题集锦和参考答案 大模型大数据攻城狮 arcgiswebpack前端攻击xsscsrfreact前端面试
    用Node写过什么工具或npm包在实际开发中，使用Node编写过多种实用工具和npm包。自动化构建工具开发了一个简单的自动化构建工具，用于处理前端项目的资源压缩和合并。在前端项目中，为了优化性能，需要对CSS和JavaScript文件进行压缩，减少文件体积，同时将多个小文件合并成一个大文件，减少HTTP请求。这个工具使用Node的fs模块进行文件的读写操作，通过terser库对JavaScript
  • Nginx 部署 Vue.js 项目指南：结合慈云数据服务器的实践 慈云数据 博客ailinuxnginxvue.js服务器
    一、部署Vue前端项目1.1Nginx的下载安装与SSL配置首先，检查服务器是否已安装Nginx：whereisnginx如果已安装，会显示Nginx的安装路径；否则，需要进行安装。安装必要环境：yuminstallgcc-c++yuminstall-ypcrepcre-develyuminstall-yzlibzlib-develyuminstall-yopensslopenssl-devel
  • Vite：现代前端构建工具的新选择 前端切图仔001 前端
    引言随着前端项目复杂度的不断提高，开发者对构建工具的要求也越来越高。我们需要更快的启动时间、更高效的热更新和更优化的构建结果。Vite作为一个由Vue.js创建者尤雨溪开发的新一代前端构建工具，正是为了解决这些问题而诞生的。本文将深入探讨Vite的优势、核心特性以及它与传统构建工具的对比。Vite官网文档中文指南为什么选择Vite？Vite（法语中"快"的意思）名副其实地提供了极速的开发体验。它主
  • Qiankun 微前端框架全面解析：架构、原理与最佳实践 赵大仁 前端技术微前端javascript深度学习
    Qiankun微前端框架全面解析：架构、原理与最佳实践随着前端应用的不断发展，单体前端项目在复杂度、维护成本和团队协作上面临越来越多的挑战。微前端（MicroFrontends）作为解决方案之一，可以帮助企业拆分前端应用，提高可扩展性和独立部署能力。Qiankun作为基于single-spa的微前端框架，提供了一种简单高效的方式来实现微前端架构。本文将深入解析Qiankun的工作原理、核心功能、实
  • UNIAPP前端配合thinkphp5后端通过高德API获取当前城市天气预报 知码客 Uniappuni-app前端小程序知码客vue.js
    如何通过UniApp前端项目与ThinkPHP5后端结合高德天气API获取天气预报信息。我们将分为前端和后端两部分进行实现。以下是一个完整的代码.一、项目结构project/├──frontend/(UniApp项目)│├──pages/││└──weather/││├──index.vue├──backend/(ThinkPHP5项目)│├──application/││├──controlle
  • 【环境部署】 qq_23128255 环境搭建运维
    项目环境部署混合启动前端项目打包（引入多模块代码）各子模块下的图片资源链接到项目固定地址环境部署系统开发过程中部署问题，使用mklink可以创建目录或文件的符号链接或硬链接，其中目录联接（使用mklink/J命令）只能应用于文件夹，不可用于文件。此外，mklink命令的使用需要一定的权限，创建目录链接可能需要系统管理员权限。‌。混合启动1、后台混合启动，创建软链接命令（系统项目下将子项目模块的cl
  • Vue 3 项目中的路由管理详解 前端老曹 vue.js前端javascript
    #随着前端单页应用（SPA）的兴起，路由管理成为了前端项目中不可或缺的一部分。VueRouter作为Vue.js官方的路由管理器，与Vue.js深度集成，为构建单页应用提供了强大的路由功能。在Vue3中，VueRouter也相应地进行了更新和优化，以更好地支持Vue3的新特性。本文将详细介绍Vue3项目中的路由管理。#一、VueRouter4概述VueRouter4是与Vue3配套使用的路由管理器
  • 【Vue3实战】嵌套路由让前端项目结构更清晰 风清扬雨 前端Vue3前端vue.jsjavascript
    Hey小伙伴们，今天要跟大家分享的是Vue3中的一个超实用技巧——嵌套路由（NestedRouting）。无论你是Vue的新手还是老手，都一定不能错过这篇指南，因为学会它，你的项目结构将会变得更加清晰有序！‍✨什么是嵌套路由？嵌套路由是指在VueRouter中定义一个父路由，然后在这个父路由下定义多个子路由。这样做的好处是可以让你的项目结构更加模块化，而且在导航栏、面包屑等地方展示层级关系时也更加
  • 前端项目中脚本文件打包，vscode中如何正确使用gtar命令 今天吃了嘛o 前端vscodeide
    1、下载gtarhttps://gnuwin32.sourceforge.net/packages/libarchive.htm2、傻瓜式安装一路下一步即可。3、配置环境变量高级系统设置”在弹出的“系统属性”窗口中，点击“环境变量”。在“系统变量”列表中找到“Path”变量，点击“编辑”。点击“新建”，将gtar可执行文件所在的目录路径（例如C:\ProgramFiles(x86)\GnuWin3
  • TypeScript 中的 type 和 interface：你真的了解它们的不同吗？ 初见雨夜 前端typescriptjavascript前端
    如果你有写过Vue3的项目，那么对TypeScript肯定不会陌生。不管是公司新项目技术选型还是个人学习开发新的前端项目，Vue3+TypeScript已经成为首选技术方案之一在TypeScript这个强大的静态类型系统中，type和interface是两个重要的关键字，用于定义和描述数据类型。然而，这两者之间的区别是什么，在实际开发过程中我们要怎么用呢？废话不说，直接进入正题，就让我们一起深入探
  • Jenkins部署GitHub上的前端项目 2401_84150191 程序员jenkinsgithub前端
    构建–选择执行shell，这里请安装cnpm，构建速度快，且容易报错。echo$PATHnode-vnpm-vnpminstall-gcnpm--registry=https://registry.npm.taobao.orgcnpminstallnpmrunbuild如果部署到服务器的话，建议打包cddisttar-zcvfdist.tar.gz*构建后步骤，发布到远程服务器这里我们时使用doc
  • uniCloud云开发笔记一 萧寂173 uniapp笔记
    文章目录云空间配置创建云空间创建数据库项目连接云空间云函数创建和使用云数据库操作云函数通过传统方式操作数据库查查询全部数据查询数据总条数分页查询正序倒序查询查询字段过滤where查询正则表达式模糊搜索增单个新增批量新增改单个修改批量修改字段是数组或对象的修改更新操作符覆盖性修改(不会保留其他字段,修改时传什么字段这个数据就是什么)删单个删除条件删除(批量删除)云函数的上传和下载前端项目托管配置域名
  • ＜tauri＞＜rust＞＜GUI＞基于rust和tauri的图片显示程序（本地图片的加载、显示、保存） 机构师 rust开发语言后端taurijavascript
    前言本文是基于rust和tauri，由于tauri是前、后端结合的GUI框架，既可以直接生成包含前端代码的文件，也可以在已有的前端项目上集成tauri框架，将前端页面化为桌面GUI。环境配置系统：windows10平台：visualstudiocode语言：rust、javascript库：tauri2.0概述本文基于tauri框架，创建一个图片显示器程序。要实现的功能是，如何从本地路径加载、显示
  • 您的时钟快了-解决方法之一记录 傲娇的小小云 chrome
    最近做了个前端项目，自己推到服务期上，自己访问没有问题，但是测试同学一访问就会报这种错。：百度了半天，也排查了很久。在确认程序没有问题后最终发现了问题解决方法之一1。其实就是chrome浏览器版本过低，升级一下版本就可以了。(⚫︎ー⚫︎)balalala~网上还有其他方法，我也没试给大家贴几个可以参考的链接：浏览器无法打开网页，提示「您的时钟快了」该如何解决？-知乎(zhihu.com)(1条消息
  • Yarn 依赖解析机制深度解析：确定性安装与版本冲突的工程哲学
    引言：包管理工具的"圣杯问题"在现代前端工程中，依赖管理已成为构建稳定性的核心挑战。根据2023年JavaScript生态调查报告显示，平均每个前端项目依赖1,200+个第三方包，嵌套依赖层级超过15层。在这样的复杂度下，如何实现确定性安装（DeterministicInstallation）和版本冲突智能解决，成为Yarn这类包管理工具的核心战场。本文将深入探讨Yarn（特别是Classicv1
  • Yarn 依赖解析机制深度解析：确定性安装与版本冲突的工程哲学
    引言：包管理工具的"圣杯问题"在现代前端工程中，依赖管理已成为构建稳定性的核心挑战。根据2023年JavaScript生态调查报告显示，平均每个前端项目依赖1,200+个第三方包，嵌套依赖层级超过15层。在这样的复杂度下，如何实现确定性安装（DeterministicInstallation）和版本冲突智能解决，成为Yarn这类包管理工具的核心战场。本文将深入探讨Yarn（特别是Classicv1
  • 一个WebSocket的前端封装类 丷丩 通用websocket前端工具
    一、概述实现一个MyWebSocket的自定义WebSocket类，用于建立与服务器的WebSocket连接，并提供了一系列方法来处理连接状态、发送和接收消息、自动重连等功能。该类可以方便地在前端项目中实现与服务器的实时通信。二、实现思路类的构造函数接收URL和可选的配置参数，初始化WebSocket连接所需的属性，如连接URL、重连间隔、最大重连次数、日志级别和各种回调函数等。通过_initWe
  • 前端自动化部署的极简方案 一个前端人 前端前端自动化运维
    写在前面在现代软件开发中，自动化部署已经成为了一个不可或缺的环节。它可以大幅度提高开发效率，减少人为错误，并且使得整个部署过程更加可靠和可控。对于前端项目来说，自动化部署同样重要。本文将介绍一个极简的前端自动化部署方案，帮助你快速上手并享受自动化带来的便利。为什么需要自动化部署？在没有自动化部署的情况下，前端项目的发布通常需要手动执行一系列步骤，包括构建、压缩、上传到服务器等。这些步骤不仅耗时，而
  • 常用Webpack Loader汇总介绍 懒羊羊我小弟 前端工程化webpack前端node.js
    引言在前端项目开发中，Webpack作为强大的模块打包工具，能够将各种资源进行打包处理。而其中的Loader则是Webpack处理不同类型文件的关键，它允许Webpack不仅仅局限于处理JavaScript文件，还能处理CSS、图片、字体等多种类型的文件。接下来，我们就详细了解一下项目中常用的WebpackLoader。1.BabelLoader作用Babel是一个JavaScript编译器，Ba
  • Vite构建Typescript简易原生前端项目 Alex程 前端typescript
    目录一、Vite简介什么是Vite？核心特点二、环境准备安装Node.js和npm安装Vite，创建项目三、项目结构和配置项目结构tsconfig.json配置文件package.json配置文件vite.config.ts配置文件创建文件常用配置四、编写代码1.HTML基本的HTML格式常用标签常用属性HTML5高级用法示例2.CSS基础概念选择器布局模型示例3.TypeScript详细内容示例
  • 前端项目：获取本地计算机（局域网、公网）真实IP。 Smile_Gently vue.jsjavascriptnginx
    1、获取计算机公网真实IP方法。fetch('https://api.ipify.org/?format=json').then(response=>response.json()).then(data=>console.log('PublicIP:',data.ip)).catch(error=>console.error('ErrorfetchingpublicIP:',error));验证办
  • 部署前端项目2 augenstern416 前端
    前端项目的部署是将开发完成的前端代码发布到服务器或云平台，使其能够通过互联网访问。以下是前端项目部署的常见步骤和工具：1.准备工作在部署之前，确保项目已经完成以下步骤：代码优化：压缩JavaScript、CSS和图片文件，减少文件体积。环境配置：区分开发环境和生产环境（如API地址、环境变量等）。测试：确保项目在本地测试通过，没有明显Bug。2.部署流程1.构建项目大多数前端项目（如React、V
  • TypeScript 中的 type 和 interface：你真的了解它们的不同吗？ 液态不合群 typescriptjavascript前端
    如果你有写过Vue3的项目，那么对TypeScript肯定不会陌生。不管是公司新项目技术选型还是个人学习开发新的前端项目，Vue3+TypeScript已经成为首选技术方案之一在TypeScript这个强大的静态类型系统中，type和interface是两个重要的关键字，用于定义和描述数据类型。然而，这两者之间的区别是什么，在实际开发过程中我们要怎么用呢？废话不说，直接进入正题，就让我们一起深入探
  • 前端项目git提交时做代码规范验证 一个水货程序员 git前端代码规范
    前端项目git提交时做代码规范验证需要使用到的插件：husky，是一个GitHook工具，为git客户端增加hook的。lint-staged，在git提交前，进行代码规则检查确保入库的代码都符合代码规则，如果对整个项目进行lint这样速度太慢，lint-staged可以让lint只检测暂存区的文件，提高检测速度。当前依赖版本：husky版本：^8.0.1，lint-staged版本：^13.0.
  • 如何构建高效的 Vue 3 前端项目结构 东锋1.3 vue.jsvue.js前端javascript
    假如你正在深入开发一个Vue项目，起初一切感觉顺畅简单。但随着应用的增长，你的文件夹开始泛滥，组件变得混乱，寻找文件就像大海捞针。听起来熟悉吗？其实你并不孤单。一个有组织的文件结构是可扩展、可维护和高效前端开发的支柱。但关键问题是：没有一种放之四海而皆准的结构。完美的设置取决于你的项目规模、复杂性和团队动态。那么，如何开始呢？如何平衡简单性和可扩展性？在这篇文章中，我将分解Vue3项目的最优文件结
  • 前端高级面试题 阿芯爱编程 面试前端
    以下是一些高级前端面试题及答案：一、性能优化如何对大型前端项目进行性能剖析（profiling）？答案：使用ChromeDevTools中的Performance面板。可以记录页面加载和交互过程中的各种性能指标，如脚本执行时间、渲染时间、重绘和回流次数等。利用Lighthouse工具，它可以对网页进行全面的性能评估，包括加载性能、可访问性、最佳实践等方面，并给出优化建议。在代码中手动插入性能测量点
  • 前端开发：Vue项目报错Unknown custom element：XXX - did you register the component correctly…的解决方法丨蓄力计划 三掌柜666 前端开发进阶vue.jsjavascript
    导读Vue项目报错Unknowncustomelement:XXX-didyouregisterthecomponentcorrectly…的解决方法。问题前段时间在做前端项目的时候，遇到了一个关于饿了么框架的报错问题，具体报错信息如下所示：[Vuewarn]:Unknowncustomelement:-didyouregisterthecomponentcorrectly?Forrecursiv
  • 从零开始：如何用 Vue 3 和 Vite 创建现代前端项目 全栈探索者chen 前端前端vue.jsjavascript开发语言前端框架ecmascriptvite
    从零开始：如何用Vue3和Vite创建现代前端项目前言随着现代前端框架的快速发展，开发工具和构建工具也在不断进化。Vue3是目前流行的前端框架之一，凭借其轻量、易用和高效的特性，广泛应用于各种web应用中。而Vite则是一个现代化的构建工具，它通过引入原生ES模块支持和极快的开发模式，成为前端开发的新宠。本文将介绍如何使用Vue3和Vite从零开始搭建一个前端项目，并展示一些常见的项目配置和优化技
  • Dom 周华华 JavaScripthtml
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml&q
  • 【Spark九十六】RDD API之combineByKey bit1129 spark
    1. combineByKey函数的运行机制   RDD提供了很多针对元素类型为(K,V)的API，这些API封装在PairRDDFunctions类中，通过Scala隐式转换使用。这些API实现上是借助于combineByKey实现的。combineByKey函数本身也是RDD开放给Spark开发人员使用的API之一   首先看一下combineByKey的方法说明：
  • msyql设置密码报错：ERROR 1372 (HY000): 解决方法详解 daizj mysql设置密码
    MySql给用户设置权限同时指定访问密码时，会提示如下错误： ERROR 1372 (HY000): Password hash should be a 41-digit hexadecimal number；   问题原因：你输入的密码是明文。不允许这么输入。   解决办法：用select password('你想输入的密码');查询出你的密码对应的字符串， 然后
  • 路漫漫其修远兮 吾将上下而求索 周凡杨 学习 思索
    王国维在他的《人间词话》中曾经概括了为学的三种境界古今之成大事业、大学问者，罔不经过三种之境界。“昨夜西风凋碧树。独上高楼，望尽天涯路。”此第一境界也。“衣带渐宽终不悔，为伊消得人憔悴。”此第二境界也。“众里寻他千百度，蓦然回首，那人却在灯火阑珊处。”此第三境界也。学习技术，这也是你必须经历的三种境界。第一层境界是说，学习的路是漫漫的，你必须做好充分的思想准备，如果半途而废还不如不要开始。这里，注
  • Hadoop(二)对话单的操作 朱辉辉33 hadoop
    Debug： 1、 A = LOAD '/user/hue/task.txt' USING PigStorage(' ') AS (col1,col2,col3); DUMP A; //输出结果前几行示例： (>ggsnPDPRecord(21),,) (-->recordType(0),,) (-->networkInitiation(1),,)
  • web报表工具FineReport常用函数的用法总结（日期和时间函数） 老A不折腾 finereport报表工具web开发
    web报表工具FineReport常用函数的用法总结（日期和时间函数）   说明：凡函数中以日期作为参数因子的，其中日期的形式都必须是yy/mm/dd。而且必须用英文环境下双引号(" ")引用。   DATE DATE(year,month,day):返回一个表示某一特定日期的系列数。 Year:代表年，可为一到四位数。 Month:代表月份。
  • c++ 宏定义中的##操作符 墙头上一根草 C++
    #与##在宏定义中的--宏展开 #include <stdio.h> #define f(a,b) a##b #define g(a)   #a #define h(a) g(a) int main() {       &nbs
  • 分析Spring源代码之，DI的实现 aijuans springDI现源代码
    (转) 分析Spring源代码之，DI的实现 2012/1/3 by tony                 接着上次的讲，以下这个sample [java]  view plain copy print
  • for循环的进化 alxw4616 JavaScript
    // for循环的进化 // 菜鸟 for (var i = 0; i < Things.length ; i++) { // Things[i] } // 老鸟 for (var i = 0, len = Things.length; i < len; i++) { // Things[i] } // 大师 for (var i = Things.le
  • 网络编程Socket和ServerSocket简单的使用 百合不是茶 网络编程基础IP地址端口
      网络编程;TCP/IP协议   网络:实现计算机之间的信息共享,数据资源的交换   协议:数据交换需要遵守的一种协议,按照约定的数据格式等写出去   端口:用于计算机之间的通信      每运行一个程序，系统会分配一个编号给该程序，作为和外界交换数据的唯一标识 0~65535   查看被使用的
  • JDK1.5 生产消费者 bijian1013 javathread生产消费者java多线程
    ArrayBlockingQueue：        一个由数组支持的有界阻塞队列。此队列按 FIFO（先进先出）原则对元素进行排序。队列的头部 是在队列中存在时间最长的元素。队列的尾部 是在队列中存在时间最短的元素。新元素插入到队列的尾部，队列检索操作则是从队列头部开始获得元素。 ArrayBlockingQueue的常用方法：
  • JAVA版身份证获取性别、出生日期及年龄 bijian1013 java性别出生日期年龄
            工作中需要根据身份证获取性别、出生日期及年龄，且要还要支持15位长度的身份证号码，网上搜索了一下，经过测试好像多少存在点问题，干脆自已写一个。 CertificateNo.java package com.bijian.study; import java.util.Calendar; import
  • 【Java范型六】范型与枚举 bit1129 java
    首先，枚举类型的定义不能带有类型参数，所以，不能把枚举类型定义为范型枚举类，例如下面的枚举类定义是有编译错的   public enum EnumGenerics<T> { //编译错，提示枚举不能带有范型参数 OK, ERROR; public <T> T get(T type) { return null;
  • 【Nginx五】Nginx常用日志格式含义 bit1129 nginx
    1. log_format 1.1 log_format指令用于指定日志的格式，格式：   log_format name(格式名称) type(格式样式)   1.2 如下是一个常用的Nginx日志格式：   log_format main '[$time_local]|$request_time|$status|$body_bytes
  • Lua 语言 15 分钟快速入门 ronin47 lua 基础
    - - 单行注释 - - [[      [多行注释] - - ]]   - - - - - - - - - - - 1. 变量 & 控制流 - - - - - - - - - - num = 23 - - 数字都是双精度 str = 'aspythonstring'
  • java-35.求一个矩阵中最大的二维矩阵 ( 元素和最大 ) bylijinnan java
    the idea is from: http://blog.csdn.net/zhanxinhang/article/details/6731134 public class MaxSubMatrix { /**see http://blog.csdn.net/zhanxinhang/article/details/6731134 * Q35 求一个矩阵中最大的二维
  • mongoDB文档型数据库特点 开窍的石头 mongoDB文档型数据库特点
    MongoDD: 文档型数据库存储的是Bson文档-->json的二进制 特点：内部是执行引擎是js解释器，把文档转成Bson结构，在查询时转换成js对象。 mongoDB传统型数据库对比    传统类型数据库：结构化数据，定好了表结构后每一个内容符合表结构的。也就是说每一行每一列的数据都是一样的    文档型数据库：不用定好数据结构，
  • [毕业季节]欢迎广大毕业生加入JAVA程序员的行列 comsci java
        一年一度的毕业季来临了。。。。。。。。      正在投简历的学弟学妹们。。。如果觉得学校推荐的单位和公司不适合自己的兴趣和专业，可以考虑来我们软件行业，做一名职业程序员。。。      软件行业的开发工具中，对初学者最友好的就是JAVA语言了，网络上不仅仅有大量的
  • PHP操作Excel – PHPExcel 基本用法详解 cuiyadll PHPExcel
    导出excel属性设置//Include classrequire_once('Classes/PHPExcel.php');require_once('Classes/PHPExcel/Writer/Excel2007.php');$objPHPExcel = new PHPExcel();//Set properties 设置文件属性$objPHPExcel->getProperties
  • IBM Webshpere MQ Client User Issue (MCAUSER) darrenzhu IBMjmsuserMQMCAUSER
    IBM MQ JMS Client去连接远端MQ Server的时候，需要提供User和Password吗？ 答案是根据情况而定，取决于所定义的Channel里面的属性Message channel agent user identifier (MCAUSER)的设置。 http://stackoverflow.com/questions/20209429/how-mca-user-i
  • 网线的接法 dcj3sjt126com
    一、PC连HUB (直连线)A端：（标准568B）：白橙，橙，白绿，蓝，白蓝，绿，白棕，棕。 B端：（标准568B）：白橙，橙，白绿，蓝，白蓝，绿，白棕，棕。 二、PC连PC （交叉线）A端：(568A)： 白绿，绿，白橙，蓝，白蓝，橙，白棕，棕； B端：（标准568B）：白橙，橙，白绿，蓝，白蓝，绿，白棕，棕。 三、HUB连HUB&nb
  • Vimium插件让键盘党像操作Vim一样操作Chrome dcj3sjt126com chromevim
    什么是键盘党？ 键盘党是指尽可能将所有电脑操作用键盘来完成，而不去动鼠标的人。鼠标应该说是新手们的最爱，很直观，指哪点哪，很听话！不过常常使用电脑的人，如果一直使用鼠标的话，手会发酸，因为操作鼠标的时候，手臂不是在一个自然的状态，臂肌会处于绷紧状态。而使用键盘则双手是放松状态，只有手指在动。而且尽量少的从鼠标移动到键盘来回操作，也省不少事。 在chrome里安装 vimium 插件
  • MongoDB查询（2）——数组查询[六] eksliang mongodbMongoDB查询数组
    MongoDB查询数组 转载请出自出处：http://eksliang.iteye.com/blog/2177292 一、概述  MongoDB查询数组与查询标量值是一样的，例如，有一个水果列表，如下所示： > db.food.find() { "_id" : "001", "fruits" : [ "苹
  • cordova读写文件（1） gundumw100 JavaScriptCordova
    使用cordova可以很方便的在手机sdcard中读写文件。 首先需要安装cordova插件：file 命令为： cordova plugin add org.apache.cordova.file 然后就可以读写文件了，这里我先是写入一个文件，具体的JS代码为： var datas=null;//datas need write var directory=&
  • HTML5 FormData 进行文件jquery ajax 上传 到又拍云 ileson jqueryAjaxhtml5FormData
    html5 新东西：FormData  可以提交二进制数据。 页面test.html <!DOCTYPE> <html> <head> <title> formdata file jquery ajax upload</title> </head> <body> <
  • swift appearanceWhenContainedIn:(version1.2 xcode6.4) 啸笑天 version
      swift1.2中没有oc中对应的方法： + (instancetype)appearanceWhenContainedIn:(Class <UIAppearanceContainer>)ContainerClass, ... NS_REQUIRES_NIL_TERMINATION;  解决方法： 在swift项目中新建oc类如下： #import &
  • java实现SMTP邮件服务器 macroli java编程
    电子邮件传递可以由多种协议来实现。目前，在Internet 网上最流行的三种电子邮件协议是SMTP、POP3 和 IMAP，下面分别简单介绍。 　　◆ SMTP 协议 　　简单邮件传输协议(Simple Mail Transfer Protocol,SMTP)是一个运行在TCP/IP之上的协议，用它发送和接收电子邮件。SMTP 服务器在默认端口25上监听。SMTP客户使用一组简单的、基于文本的
  • mongodb group by having where 查询sql qiaolevip 每天进步一点点学习永无止境mongo纵观千象
    SELECT cust_id, SUM(price) as total FROM orders WHERE status = 'A' GROUP BY cust_id HAVING total > 250 db.orders.aggregate( [ { $match: { status: 'A' } }, { $group: {
  • Struts2 Pojo（六） Luob. POJOstrust2
    注意：附件中有完整案例 1.采用POJO对象的方法进行赋值和传值 2.web配置 <?xml version="1.0" encoding="UTF-8"?> <web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee&q
  • struts2步骤 wuai struts
    1、添加jar包 2、在web.xml中配置过滤器 <filter>        <filter-name>struts2</filter-name>        <filter-class>org.apache.st
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他