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>

感谢小哥哥！

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

  • 了解 UNPKG：前端开发者的包管理利器 小于负无穷 前端javascripttypescriptcsshtml5node.js
    在现代前端开发中，JavaScript包管理和模块化是至关重要的，而npm则是最流行的JavaScript包管理器之一。不过，随着前端项目复杂性的增加，有时候我们希望快速引入外部依赖，而无需本地安装和构建。此时，CDN（内容分发网络）成为了一种方便快捷的解决方案，而UNPKG就是这种方式中的佼佼者。什么是UNPKG？UNPKG是一个基于npm的内容分发网络（CDN），它允许开发者直接通过URL从n
  • 系列3：【深入】qiankun动态与按需加载子应用—像电影一样控制出现时机 rabbit_it qiankun学习前端框架前端阿里云
    一、引言：为何需要动态加载在现代前端开发中，性能优化始终是一个关键问题。对于微前端架构而言，管理多个子应用带来了前所未有的灵活性，但也对资源的加载和使用效率提出了更高要求。假设你的微前端项目就像一场电影，而子应用是场景或演员。在不同的情节中，我们只需要特定的场景和演员出现，而不需要所有场景和演员一开始就站在舞台上等待。这时，动态加载和按需加载就成为了关键工具——让需要的内容在正确的时机上场，节省性
  • nginx部署前端项目的一些配置【刚入门】 weixin_30847271 运维前端ViewUI
    前期准备：在linux上安装nginx，我用的是腾讯云centos7服务器，具体的安装过程可以到腾讯云的开发者实验室里体验，自己先试试水。修改nginx.conf配置文件，我用到的修改只是以下的部分。1.端口号2.项目的存放位置server{listen8088default_server;#访问的端口号。listen[::]:8088default_server;server_name_;#ro
  • rsync exited with code 255.Load key “...“: invalid format Permission denied, please try again. 沧州刺史 后端服务器运维githubactionslinuxssh
    在配置githubactions自动部署前端项目到服务器上时，登录服务器使用的是秘钥登录。出现报错：[general]GITHUB_WORKSPACE:/home/runner/work/clogin-frontend/clogin-frontend[SSH]Creating/home/runner/.sshdirin/home/runner/work/clogin-frontend/clogin
  • 【VSCode扩展】通义灵码运行提示“此应用无法在你的电脑上运行” coderYYY VSCodebug解决方案前端vue.js编辑器visualstudiovscode
    作者：coderYYY个人简介：前端程序媛，目前主攻web前端，后端辅助，其他技术知识也会偶尔分享欢迎和我一起交流！（评论和私信一般会回！！）个人专栏推荐：《前端项目教程以及代码》自从半月前，通义灵码一运行就会报这个错尝试了以下方法，都无法解决：阿里云官方方法：删除c盘的.lingma卸载重新安装通义灵码以管理员身份运行VSCode防火墙设置准入安装之前的版本最后是在扩展设置里面解决的路径不填也可
  • 微信小程序生成小程序转发链接，携带参数跳转到另外一个页面 coderYYY 前端项目教程以及代码小程序微信小程序前端javascript微信
    作者：coderYYY个人简介：前端程序媛，目前主攻web前端，后端辅助，其他技术知识也会偶尔分享欢迎和我一起交流！（评论和私信一般会回！！）个人专栏推荐：《前端项目教程以及代码》✨一、前言需求：在页面A生成分享链接（携带参数），分享到微信聊天后，好友点击链接可跳转到页面B，页面B可获取到参数二、具体实现pageA（生成链接页面）：通过给button组件设置属性
  • Node.js 、Yarn、npm、Vue、Vite、Webpack 前端一套流程 叫我DPT 前端开发node.js前端npm
    前端项目的搭建Vue、Vite、Webpack、Yarn、Node.js和npm的概念解释，以及它们之间的关系：Node.js：一个开源、跨平台的JavaScript运行时环境，可以让JavaScript代码在服务器端运行。它提供了一个事件驱动、非阻塞的I/O模型，使得它非常适合构建高性能的网络应用。Node.js基于ChromeV8引擎构建，能够执行JavaScript代码。npm（NodePa
  • css-loader/style-loader/less-loader/sass-loader/postcss-loader各有什么作用，一次性说明白 iWangsd css
    大家都清楚在使用webpack构建前端项目时都会使用到sass-loader、less-loader、postcss-loader、css-loader、style-loader，但这些loader在其中起到什么作用呢？本篇主要阐述这些loader在打包中所扮演的角色。概述1、css-loader:加载.css文件的loader，会对@import和url()进行处理2、style-loader:
  • 花十分钟将vue3前端项目一步一步自动化部署到linux的docker上 东方睡衣 自动化运维
    要编写与ASM兼容的代码，开发人员需要使用UserIdService中的takeUserId()函数来确定OCC调用中使用的userId。这通常在一个服务中完成，该服务调度一个在有效负载中包含userId的Action.在Spartacus官方支持ASM场景之前，在代表经过身份验证的用户发送的请求中，OCCuserId是特殊的currentOCC用户，由OCC_USER_ID_CURRENT常量表
  • 【vue、react】前端如何为package.json添加注释 fruge365 vue.jsreact.jsjson
    文章目录前言安装使用方法问题前言写了个项目，想给package.json加注释结果发现加不上去，就在网上查找了相关文章，特意总结记录一下，防止下次使用。参考文章：如何为package.json添加注释众所周知，JSON文件是不支持注释的，除了JSON5/JSONC之外，我们在开发项目特别是前端项目时，大量会用到JSON文件，特别是在编写package.json中的scripts时，由于缺少注释,当
  • nginx 部署前端项目的详细步骤（vue项目build打包+nginx部署）_前端工程打包部署到nginx(2) 2401_84437170 程序员前端nginxvue.js
    //开启服务1.startnginx.exe//cmd命令进入nginx文件夹后，使用该命令2.直接点击nginx目录下的nginx.exe//停止服务nginx-sstop//快速停止nginxnginx-squit//quit是完整有序的停止nginx//重新加载配置文件nginx-sreload//热加载####2.2.2默认配置**nginx-1.21.0\conf下的nginx.conf
  • MVVM 设计模式：构建高效且可维护的前端应用 Lill_bin java前端设计模式前端vue.js后端restfulspring
    在现代前端开发中，随着应用规模的不断扩大和复杂性的增加，采用合适的设计模式变得尤为重要。MVVM（Model-View-ViewModel）作为一种流行的设计模式，它通过分离业务逻辑和用户界面，提高了代码的可维护性和可测试性。本文将详细介绍MVVM的核心概念、优势以及如何在前端项目中实现MVVM。什么是MVVM？MVVM是一种软件设计模式，用于组织和分离用户界面（UI）的各个部分。它由三个主要部分
  • nginx部署前端vue项目 Min_nna ai分析vue功能前端
    在Nginx上部署Vue.js前端项目的步骤如下：1.构建Vue.js项目首先，确保你已经完成了Vue.js项目的开发。然后在项目根目录下运行以下命令来构建项目：npmrunbuild这将生成一个dist文件夹，里面包含了可以部署到Nginx的静态文件。2.安装Nginx如果你还没有安装Nginx，可以通过以下命令安装（以Ubuntu为例）：sudoaptupdatesudoaptinstalln
  • 前端项目开发之安装prettier和使用 迷途小码农零零发 配置安装前端javascriptreact
    前端项目开发之安装prettier和使用Prettier是一个流行的代码格式化工具，可以帮助你保持代码风格的一致性。以下是如何在VisualStudioCode(VSCode)中安装和使用Prettier的步骤：安装Prettier通过VSCode扩展市场安装：打开VSCode。点击左侧活动栏中的扩展图标（或按Ctrl+Shift+X）。在搜索栏中输入Prettier-Codeformatter。
  • 使用脚本一键打包并上传docker镜像 春深是蔚蓝 微前端docker微前端
    笔者搞了一年多微前端项目，一个团队管理十个微应用，换成docker镜像部署后，发布操作一下从原来的脚本直连服务器的1分钟变成了几十分钟，尤其上传每个应用到各自的阿里云仓库。这里就再写个脚本一键打包docker镜像并上传阿里云。本文只讲怎么制作一个脚本帮助去减轻开发人员负担，关于docker-compose的配置见：使用各种姿势舒服的部署微前端项目（上：打包与上传）效果图[外链图片转存失败,源站可能
  • nginx部署前端vue项目 iangyu 运维前端
    在Nginx上部署Vue.js前端项目相对简单，通常包括以下几个步骤：1.构建Vue.js项目首先，你需要将Vue.js项目打包为静态文件。npmrunbuild这将生成一个dist文件夹，里面包含了你的Vue.js应用的所有静态资源。2.安装Nginx在服务器上安装Nginx。如果你使用的是Ubuntu，可以使用以下命令安装：sudoaptupdatesudoaptinstallnginx3.配
  • 使用 Nginx 部署前端 Vue 项目 vvvae1234 前端
    在这篇文章中，我们将深入探讨如何使用Nginx部署一个Vue.js前端项目。Vue是一个流行的前端JavaScript框架，而Nginx则是一个性能卓越的Web服务器和反向代理服务器。通过将这两者结合起来，我们可以高效地托管我们的前端应用。一、环境准备在开始部署之前，我们需要确保我们的环境中已安装以下软件：Node.js和npm：用于构建Vue项目。VueCLI：用于快速创建Vue项目。Nginx
  • JavaScript 模块化开发：ES6 模块与 CommonJS 的对比与应用 程序员小羊！ Javajavascriptes6开发语言
    您好，我是程序员小羊！前言随着前端项目规模的增长，代码组织和管理变得越来越复杂。模块化开发成为解决这一问题的有效手段，能够帮助开发者将代码进行分割、复用和维护。JavaScript在发展过程中出现了多种模块化规范，其中最为广泛使用的有ES6模块（也称为ESModules）和CommonJS模块规范。本文将从原理、语法、应用场景和两者对比等多个方面深入探讨这两种模块化规范，帮助开发者更好地理解和应用
  • 为了在前端项目打包后删除 console.log 日志，可以采用不同的方法来实现这一目标。以下是几种常见的方式，包括在 Webpack 和 Vite 中的具体实现。 云只上 前端javascriptvue.js
    在构建Vue应用时，为了提高生产环境的性能和安全性，通常会对代码进行一系列的优化。其中一个常见的优化是在生产环境中移除console.log日志，从而减少不必要的日志输出，提高应用性能webpack生产环境优化1.环境判断首先，我们需要判断当前环境是否为生产环境。这可以通过检查process.env.NODE_ENV环境变量来实现：constisProduction=process.env.NOD
  • JavaWeb——前端工程化 A_Tai2333333 JavaWeb前端
    一、前端工程化1.什么是前端工程化:前端工程化是使用软件工程的方法来单独解决前端的开发流程中模块化、组件化、规范化、自动化的问题，以提高效率和降低成本。2.前端工程化实现技术栈:ES6+Nodejs+npm+Vite+VUE3+Router+Pinia+Axios+Element-plusECMAScript6:VUE3中大量使用ES6语法;Nodejs:前端项目运行环境npm:依赖下载工具Vit
  • 【前端面试题】前端工程化、Webpack、Vite、Git项目管理相关问题 快乐点吧 前端webpackgit
    目录关于前端工程化关于Webpack关于Vite关于Git项目管理综合性问题关于前端工程化1.前端工程化的定义和好处问题：什么是前端工程化？它的主要好处是什么？答案：前端工程化是指在前端开发中应用系统化、自动化和标准化的方法，包括模块化、组件化、自动化构建、测试等，以提高开发效率和代码质量。主要好处包括提升开发效率、增强代码可维护性、提高代码质量和团队协作效率。2.前端项目的目录结构问题：你通常如
  • node.js版本管理器——NVM 小清20 npmnode.js前端
    在日常工作中，需同时开发好几个前端项目的时候，可能不同项目使用的node的版本也不一样，而一台电脑只能安装和同时使用一个版本的node，这个时候我们需要借助NVM来管理node的版本了。下面一起来看下是怎么使用NVM的吧。一、什么是NVMnvm的全称是node.jsversionmanagement，是专门用来管理node版本的工具，可用对node的版本进行查看、下载、切换使用等操作二、如何安装N
  • alibaba cloud linux3+graalvm21+maven+nodejs+docker+jenkins2.440.1 线上环境配置自动打包部署构建前端项目 等一场春雨 mavendockerjenkins
    安装docker添加docker-ce的dnf源sudodnfconfig-manager--add-repo=https://mirrors.aliyun.com/docker-ce/linux/centos/docker-ce.repo安装AlibabaCloudLinux3专用的dnf源兼容插件sudodnf-yinstalldnf-plugin-releasever-adapter--re
  • 自定义tabbar跳转防止页面抖动(uniapp案例,也适用所有前端项目) 萧寂173 uniappuni-app前端
    自定义tabbar思路就是自己写个tabbar组件引入到tabbar页面内,使每个页面显示也会有这个组件显示,但是这样的话,每次点击由于tabbar是作为页面组件使用的,会跟着组件的渲染和销毁一起执行,导致每次页面显示就会有抖动效果,解决方式为:做一个主页面,将tabbar页面引入进去,同时把该tabbar对应的页面也引入进去,这样的话只需要一个页面执行显示和隐藏就行了,也不会导致tabbar组件
  • 创建前端项目中架构基本流程(vue版) 小徐努力中 架构前端vue.jsjavascript前端框架
    本文章根据黑马程序员《大事件管理系统.md》整理编辑，不涉及具体项目实现，只整理项目前期准备的流程，具体项目实现可bilibili搜索黑马程序员获取此文档梳理搭建vue项目的基本流程及相应模板的创建本项目的技术栈本项目技术栈基于ES6、vue3、pinia、vue-router、vite、axios和element-plus包管理器-创建项目使用npm，yard，pnpm进行创建项目，具体流程可去
  • Jenkins实现前端项目自动化构建 测试界筱筱 软件测试jenkins前端自动化功能测试软件测试自动化测试程序人生
    一、基础环境准备前端代码是通过Gitlab管理、通过npm编译，因此必须先安装Git以及搭建nodejs环境。1.Git安装及Gitlab账号配置①安装Gitbashyuminstallgit-y#安装gitgit--veriosn#验证是否安装成功安装完成后测试git是否安装成功，若安装成功会返回版本号，如：gitversion1.8.3.1。不同于Java或一些其他插件，Git安装完成后，可以
  • Yarn 管理的前端项目转换为使用 npm 577wq node.js前端npmnode.js
    如果你想将一个使用Yarn管理的前端项目转换为使用npm，你需要执行一些步骤来确保成功迁移。以下是一种可能的方法：步骤：备份项目：在执行任何更改之前，确保你对项目进行了备份。这样可以防止意外的数据丢失。删除yarn.lock文件：在项目根目录中，删除yarn.lock文件。这个文件记录了使用Yarn安装的确切的依赖版本信息。修改package.json文件：打开项目的package.json文件，
  • Nodejs运行vue项目时，报错：Error: error:0308010C:digital envelope routines::unsupported softshow1026 vue.js前端javascript
    前端项目使用(npmrundev)运行vue项目时，出现错误：Error:error:0308010C:digitalenveloperoutines::unsupported经过探索，发现问题所在，主要是nodeJsV17版本发布了OpenSSL3.0对算法和秘钥大小增加了更为严格的限制，导致了nodeJsV17之前版本不受影刺而nodeJsV17和之后的版本会出现这个错误。也就是npm升级导致
  • Webpack配置与运行基础教程 猿小白klp Webpackwebpack前端node.js后端学习
    在前端开发中，Webpack是一款非常流行的模块打包工具，它可以帮助我们将多个文件打包成一个或多个静态资源文件，从而提高前端项目的性能和可维护性。本文将为你介绍Webpack的基础配置和运行方法，帮助你快速上手Webpack。什么是WebpackWebpack是一个基于Node.js的模块打包工具，它可以将各种资源，如JavaScript、CSS、图片等，视为模块，并通过各种loader和插件对这
  • 前端项目中的字典封装 新时代农民工--小明 tsjsvue前端状态模式
    有时候在开发的过程中会遇到某个字段等于多种值，不同值表示不同的意思。如下案例：bindingAcctType=DEBIT是借记卡，=CREDIT是贷记卡，=PUBLIC是对公账户等等情况如果是我刚入行的时候可能是下面这种写法。functiongetTypeName(type:string){returntype==='DEBIT'?'借记卡':type==='CREDIT'?'贷记卡':'对公账户
  • 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其他