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>

感谢小哥哥！

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

  • Yarn 与 CI_CD 集成：自动化前端项目部署 前端视界 前端艺匠馆前端大数据与AI人工智能ci/cd自动化前端ai
    Yarn与CI/CD集成：自动化前端项目部署关键词：Yarn、CI/CD、前端部署、自动化构建、持续集成、持续交付、DevOps摘要：本文深入探讨如何将Yarn与CI/CD流程集成，实现前端项目的自动化部署。我们将从基础概念讲起，逐步介绍配置方法、最佳实践和常见问题的解决方案，帮助开发者构建高效可靠的部署流程。背景介绍目的和范围本文旨在指导前端开发者如何利用Yarn包管理工具与CI/CD系统集成，
  • 现代前端开发流程：CI/CD与自动化部署实战 天天进步2015 前端开发ci/cd自动化运维
    目录引言现代前端开发面临的挑战CI/CD基础概念前端CI/CD流程设计实战案例：构建前端CI/CD管道自动化部署策略监控与回滚机制最佳实践与优化建议总结引言随着前端技术的飞速发展，现代Web应用变得越来越复杂。前端项目不再只是简单的HTML、CSS和JavaScript文件的集合，而是演变成了包含众多依赖项、构建工具和框架的复杂系统。在这种情况下，持续集成和持续部署（CI/CD）流程成为了确保前端
  • 告别项目混乱：基于 pnpm + Turborepo 的现代化 Monorepo 工程化最佳实践 码力无边-OEC 前端web前端框架javascript
    告别项目混乱：基于pnpm+Turborepo的现代化Monorepo工程化最佳实践随着前端项目日益复杂，团队规模不断扩大，我们正面临一个棘手的问题：项目间的代码复用、依赖管理和构建流程变得越来越混乱。传统的“一个项目一个仓库”(Polyrepo)模式，导致了严重的“轮子”重复制造、版本不一致和协作效率低下。是时候引入一种更先进的组织方式了：Monorepo。它并不是一个新概念，Google、Fa
  • 前端项目架构设计要领
    1.架构设计的核心目标在设计前端项目架构时，核心目标是模块化、可维护、可扩展、可测试，以及开发效率的最大化。这些目标可以通过以下几个方面来实现：组件化：将UI功能封装为可复用的组件。模块化：将业务逻辑分解为独立的模块或服务。自动化构建与部署：实现自动化构建、测试和部署流程，减少人为操作的错误。代码规范化与检查：确保团队协作时，代码风格和质量一致。2.项目目录结构设计一个清晰合理的目录结构对大型项目
  • TypeScript在大型前端项目中的应用与优势 天天进步2015 前端开发前端typescriptjavascript
    引言随着Web应用规模和复杂度的不断增长，JavaScript作为弱类型语言的局限性日益凸显。TypeScript作为JavaScript的超集，为大型前端项目提供了强大的类型系统和先进的开发工具支持，极大地提升了开发效率和代码质量。本文将深入探讨TypeScript在大型前端项目中的应用与优势。TypeScript简介TypeScript是由Microsoft开发的开源编程语言，它是JavaSc
  • TypeScript 是前端开发的毒药还是解药？一个资深开发者的深度反思
    引言：那个让我"背叛"TypeScript的项目之前有次接手一个"技术领先"的前端项目。项目使用了最新的技术栈：React18+TypeScript+Vite。老板很满意，说这是"企业级"的标准配置。结果，我花了整整一周时间才理清楚这个项目的类型定义。不是因为业务复杂，而是因为TypeScript的类型系统过于复杂，团队成员对类型定义的理解不一致，导致类型错误比运行时错误还多。一个真实案例：项目中
  • Vercel平台：前端项目部署与全球加速的最佳实践
    本文还有配套的精品资源，点击获取简介：Vercel是一个前端开发人员友好的云平台，专注于前端应用的快速部署和高效分发。该平台提供即时代码预览、自定义域名、全球边缘网络和无缝团队协作等高级功能，以提供最佳的开发体验和最终用户性能。Vercel还支持零配置部署和自动SSL证书，以及与SCSS集成，使得前端项目的构建和部署变得更加简单快捷。本文将探讨如何使用Vercel部署前端项目，并着重于如何利用其特
  • Docker部署前后端项目完整教程 z小天才b Dockerdocker容器运维
    目录Docker基础概念什么是Docker？核心概念Docker单独部署后端项目2.1准备工作2.2创建后端项目结构2.3编写Dockerfile2.4构建和运行后端容器2.5后端容器管理Docker单独部署前端项目3.1前端项目结构3.2编写前端Dockerfile3.3配置nginx3.4创建.dockerignore文件3.5构建和运行前端容器3.6前端优化技巧DockerCompose介绍
  • 在 Vite 中将资源引入为字符串 苦夏木禾 Autox.jsvue
    在Vite中将资源引入为字符串：便捷导入非JavaScript资源的利器在前端项目开发过程中，我们常常需要处理各种类型的资源文件，如GLSL着色器、CSS样式表、HTML片段、配置文件等。这些资源并非JavaScript模块，但却需要在代码中被引用和使用。在Vite构建工具中，?raw后缀提供了一种简洁高效的方式，允许我们将这些资源以字符串的形式直接引入到代码中，无需复杂的配置或额外的处理步骤。本
  • Vue前端项目接收webSocket信息 DavieLau vue.js前端websocket
    （1）package.js安装websocket包{"name":"aihelperv1.0.1","version":"0.1.0","private":true,"scripts":{},"dependencies":{"sockjs-client":"^1.5.2","stompjs":"^2.3.3"}（2）vue.config.js配置webSocket访问接口module.export
  • 【1】确认安装 Node.js 和 npm版本号
    搭建前端项目时需要安装Node.js和npm，主要是因为它们提供了一些重要的功能和工具，帮助开发者高效地开发、构建和管理项目。一、具体原因如下：Node.js：JavaScript运行环境Node.js是一个基于ChromeV8引擎的JavaScript运行时，可以在服务器端运行JavaScript代码。它使得JavaScript不仅限于浏览器中运行，还能在本地环境中运行。npm：包管理工具npm
  • 用原生 JS + Vue 实现一套可复用的前端错误监控系统 javascript前端css
    摘要随着前端项目变得越来越复杂，一点小小的异常都有可能导致页面白屏、功能不可用，甚至用户直接流失。为了尽早发现这些问题，我们需要在项目中构建一个前端错误监控系统，能自动捕获错误、记录上下文、上报后端，辅助我们快速定位问题，保障线上应用的稳定运行。引言虽然市面上已有如Sentry、Fundebug等成熟的监控平台，但对于部分项目（特别是中小项目）来说，要么成本太高，要么无法灵活定制。这时候，自己搭建
  • 前端项目3-02：登录页面 航Hang* webstorm前端项目前端csscss3htmlhtml5
    一、效果图二、全部代码码农魔盒body{background:linear-gradient(toright,#65CBF7,#B3A5FC);width:100vw;height:100vh;margin:0;}.box{width:60%;height:450px;box-shadow:05px15pxrgba(0,0,0,.8);display:flex;position:fixed;top
  • SpringBoot +Vue3前后端分离项目入门基础实例五 没刮胡子 软件开发技术实战专栏springboot后端java
    项目说明项项目名称使用框架说明后端项目springboot_vue_element_demoSpringBoot+MyBatis-plus+MySQL完成基本的增删改查操作API前端项目vue-projectVue3+ElementUIplus+axios界面展示，调用后端API项目文档目录SpringBoot+Vue3前后端分离项目入门基础实例一SpringBoot+Vue3前后端分离项目入门基
  • i18next + 原生JS 双引擎：打造前端多语言系统最佳实践 javascript前端css
    摘要随着前端项目面向全球化用户的需求增长，多语言支持（也叫国际化i18n）已经成为许多Web和移动应用的“标配”。尤其在构建企业级项目、SaaS平台或面向东南亚、欧洲、北美等多个语言区域的应用时，如何优雅地实现前端的多语言切换，成为开发者必须掌握的一项技能。本文将通过i18next实现国际化功能，并结合原生JS的轻量方案讲解，从基础配置到应用场景逐步剖析，带你快速落地一个实用的前端国际化系统。引言
  • Whistle代理调试前端项目的原理详解 啃火龙果的兔子 开发DEMO前端
    Whistle是一款基于Node.js开发的跨平台Web调试代理工具，主要用于前端开发调试。其核心原理是通过中间人(MITM)代理机制拦截和修改网络请求。一、核心工作原理1.代理服务器架构Whistle本质上是一个HTTP/HTTPS代理服务器，工作流程如下：[浏览器]→[Whistle代理]→[目标服务器]↑↓[规则引擎]←[开发者配置]2.请求拦截机制HTTP请求：直接作为中间代理拦截HTTP
  • 部署项目后配置nginx 前端项目地址路径 weixin_54129994
    server{listen端口;server_nameip地址;#charsetkoi8-r;#access_loglogs/host.access.logmain;location/{root/home/userManagement;//路径indexindex.htmlindex.htm;//文件try_files$uri$uri//index.html;expires7d;}location
  • 微信小程序｜流浪动物救助小程序的设计与实现 qq_469603589 微信小程序小程序微信小程序
    作者主页：编程指南针作者简介：Java领域优质创作者、CSDN博客专家、CSDN内容合伙人、掘金特邀作者、阿里云博客专家、51CTO特邀作者、多年架构师设计经验、腾讯课堂常驻讲师主要内容：Java项目、Python项目、前端项目、人工智能与大数据、简历模板、学习资料、面试题库、技术互助收藏点赞不迷路关注作者有好处文末获取源码项目编号：L-BS-XZBS-30一，环境介绍语言环境：Java:jdk1
  • react快速开始项目模板 飞鸟malred 前端react.js前端前端框架
    代码仓库gitee创建项目首先保证安装了node,然后使用vite创建项目vitenpmcreatevitereact-learncdreact-learnnpmi目录结构一个完整的前端项目需要:状态管理在全局维护共有的状态(数据),让页面组件之间共享数据,我们使用pinia路由路由让页面之间可以进行跳转,我们使用vue-router样式样式让页面更美观,我们使用tailwindcss网络请求前端
  • 使用 TinyVue 组件库搭建前端项目的实操体验 Echo_Wish 前端前端
    引言在本次活动中，我选择了使用OpenTiny提供的TinyVue组件库来搭建一个前端项目。通过这次实践，我不仅深入了解了TinyVue组件库的核心优势，还体验到了其在跨框架、跨版本开发中的便捷性。本文将分享我的实操过程和使用感受。项目搭建过程环境准备首先，我按照官方文档的指引，完成了开发环境的准备工作。包括安装Node.js、VueCLI以及TinyVue组件库。#安装VueCLInpminst
  • 前端用MQTT协议通信的场景和好处 CreatorRay 前端网络面试前端MQTT网络协议物联网
    上家公司中前端项目有用MQTT协议和硬件通信的场景，虽然很早就听说过MQTT协议，但是这是第一次在前端项目里基于MQTT协议做网络通信。当时没了解太多，工作中只做好了代码层面的工作，并没有深入了解MQTT协议的好处和适合的应用场景。在前端项目中，应该99%的情况都会基于HTTP和WebSocket来进行网络通信，使用MQTT在前端里确实比较小众。目前可能只会在物联网项目中，需要跟硬件通信的前提下，
  • 前端替换打包后文件中的内容方案（可用于渗透测试后将问题版本号清空临时解决方案） Anarkh_Lee 前端nodevue前端vuenode.js
    1.问题背景在前端项目安全扫描过程中，经常遇到第三方依赖库版本安全风险提示。然而，直接升级依赖库可能导致以下问题：升级成本高，需要全面回归测试可能引入新的兼容性问题项目稳定性风险增加开发周期延长本文介绍一种在构建过程中优化版本信息的技术方案，适用于紧急情况下的临时处理方案。2.实现思路该方案主要通过以下步骤实现：识别构建后文件中包含的第三方库版本信息创建构建后处理脚本，去除特定版本号信息集成到现有
  • 前端依赖升级完全指南：npm、pnpm、yarn 实践总结 爱宇阳 NPMVue前端npmnode.js
    在前端项目开发过程中，定期升级依赖不仅能享受新特性、修复安全问题，还能保证工具链长期稳定运行。本文全面总结npm、pnpm、yarn三大主流包管理器在依赖包升级方面的实践方法，并补充版本符、依赖安装的基础知识，适合新手与有经验开发者查阅。一、为什么要定期升级依赖？✅获取最新功能修复安全漏洞减少技术债提高团队协作时依赖一致性保证工具链与社区生态同步建议定期（如每月/每季度）安排升级任务，并做好构建测
  • 手把手教你用vite+React18+TS+redux+prettier+eslint+Ant打造企业级前端项目 zayyo 前端
    通过这篇文章你可以学到如何使用使用webpack搭建项目如何在webpack中集成typescript如何在webpack中集成ReactRouter和Redux如何使用React的组件库AntDesign如何在项目中集成eslint和prettier保证代码质量如何为团队开发专属的项目模板环境依赖版本node：v18.13.0npm-vvite：^4.4.5React：^18.2.0typesc
  • 前端vite项目的启动加载loading优化
    有时候我们在刚打开一个网站的时候，界面会显示资源正在加载中的提示，等待一段时间后就会显示完整的网页。这个行为叫前端项目启动白屏优化。用户在打开网页的时候，资源还没有完全加载出来，此时窗口会显示白屏的状态，为了让用户知道当前页面正在加载资源，我们应该给予用户提示，让用户稍等片刻。我们以vue3+vite项目举例：在vue3中，项目根目录会有一个index.html文件，由于vue项目是一个单页面应用
  • HTML一键打包EXE串口API介绍 iReachers html单片机stm32HTML转EXEHTML打包EXE
    HTML一键打包EXE软件(HTML转EXE)支持将Web前端项目转换为Windows平台下的独立可执行程序（EXE），适用于Windows7及以上系统，无需额外配置系统环境,软件包含多种内核,包括IE内核,Chrome内核,以及WebView2(永久免费),适用于不同的使用场景.CSDN免积分下载地址:【免费】HTML转EXE最新2.1.0版本(包含免费内核)-解压密码1234资源-CSDN文库
  • Jenkins部署Java(maven)项目&Vue前端项目部署流水线pipeline模版-可直接使用Jenkinsfile
    流水线已经编写完毕,修改流水线中参数,即可使用tips:注意Jenkins中是否给机器配置了路径前缀,本文均没有配置,使用绝对路径前端VUE部署模版#!groovypipeline{agentanyenvironment{//环境标识无其他用处,作为标识ENV_NAME="dev"//服务器标识Jenkins设置中服务器标识SERVER_CONFIG_NAME="DevComputer"//远程项
  • 从架构到实战：企业级微前端架构深度实践与落地指南（Vue3 + React + Angular）
    从架构到实战：企业级微前端架构深度实践与落地指南（Vue3+React+Angular）文章简介在现代前端工程中，随着系统规模与团队数量的增长，单体应用已难以满足敏捷开发与部署的需求。微前端架构应运而生，成为构建大型系统时的主流方案之一。本篇文章聚焦企业级微前端项目实战落地，涵盖从基础原理、主子应用通信、统一主题与权限体系、环境隔离与部署优化，到高级特性如动态子应用注册、模块热更新、远程模块联邦等
  • 尚硅谷VUE项目-前端项目问题总结05【api-vuex-组件通信-面包屑-排序】 万物可爱_85 vue.jsjavascript前端
    尚硅谷VUE项目-前端项目问题总结05search模块开发1.静态页面2.api3.vuex4.search产品模块和search子组件SearchSelector模块5面包屑【含组件兄弟通信$bus，子父自定义事件】6.排序search模块开发1.静态页面2.api//获取search数据/api/listPOST需要传递多个参数//当前接口，给服务器传递一个默认参数，至少是一个空对象expor
  • webpack到vite的改造之路 风吹一夏v webpackvitevue
    前言随着前端项目的持续迭代与功能扩展，当前基于Webpack构建的项目在启动速度、构建速度和首屏加载性能方面逐渐暴露出一些瓶颈。一方面，Webpack的打包机制导致本地开发环境的启动时间显著增加，严重影响了开发效率；另一方面，由于项目架构设计上的局限性，组件间的通信逻辑较为复杂，缺乏统一的管理和抽象，许多特殊组件的通信逻辑直接耦合在业务代码中，缺乏可维护性和可扩展性。这种现状不仅增加了新开发人员的
  • scala的option和some 矮蛋蛋 编程scala
    原文地址： http://blog.sina.com.cn/s/blog_68af3f090100qkt8.html 对于学习 Scala 的 Java™ 开发人员来说，对象是一个比较自然、简单的入口点。在 本系列 前几期文章中，我介绍了 Scala 中一些面向对象的编程方法，这些方法实际上与 Java 编程的区别不是很大。我还向您展示了 Scala 如何重新应用传统的面向对象概念，找到其缺点
  • NullPointerException Cb123456 androidBaseAdapter
        java.lang.NullPointerException: Attempt to invoke virtual method 'int android.view.View.getImportantForAccessibility()' on a null object reference     出现以上异常.然后就在baidu上
  • PHP使用文件和目录 天子之骄 php文件和目录读取和写入php验证文件php锁定文件
    PHP使用文件和目录 1.使用include()包含文件 (1)：使用include()从一个被包含文档返回一个值 (2)：在控制结构中使用include()   include_once()函数需要一个包含文件的路径，此外，第一次调用它的情况和include()一样，如果在脚本执行中再次对同一个文件调用，那么这个文件不会再次包含。   在php.ini文件中设置
  • SQL SELECT DISTINCT 语句 何必如此 sql
    SELECT DISTINCT 语句用于返回唯一不同的值。 SQL SELECT DISTINCT 语句 在表中，一个列可能会包含多个重复值，有时您也许希望仅仅列出不同（distinct）的值。 DISTINCT 关键词用于返回唯一不同的值。 SQL SELECT DISTINCT 语法 SELECT DISTINCT column_name,column_name F
  • java冒泡排序 3213213333332132 java冒泡排序
    package com.algorithm; /** * @Description 冒泡 * @author FuJianyong * 2015-1-22上午09:58:39 */ public class MaoPao { public static void main(String[] args) { int[] mao = {17,50,26,18,9,10
  • struts2.18 +json,struts2-json-plugin-2.1.8.1.jar配置及问题！ 7454103 DAOspringAjaxjsonqq
    struts2.18  出来有段时间了！ （貌似是 稳定版）   闲时研究下下！  貌似 sruts2 搭配 json 做 ajax 很吃香！   实践了下下！ 不当之处请绕过！ 呵呵   网上一大堆 struts2+json  不过大多的json 插件 都是 jsonplugin.34.jar   strut
  • struts2 数据标签说明 darkranger jspbeanstrutsservletScheme
    数据标签主要用于提供各种数据访问相关的功能，包括显示一个Action里的属性，以及生成国际化输出等功能 数据标签主要包括： action ：该标签用于在JSP页面中直接调用一个Action，通过指定executeResult参数，还可将该Action的处理结果包含到本页面来。 bean ：该标签用于创建一个javabean实例。如果指定了id属性，则可以将创建的javabean实例放入Sta
  • 链表.简单的链表节点构建 aijuans 编程技巧
    /*编程环境WIN-TC*/ #include "stdio.h" #include "conio.h" #define NODE(name, key_word, help) \  Node name[1]={{NULL, NULL, NULL, key_word, help}} typedef struct node {  &nbs
  • tomcat下jndi的三种配置方式 avords tomcat
    jndi(Java Naming and Directory Interface，Java命名和目录接口)是一组在Java应用中访问命名和目录服务的API。命名服务将名称和对象联系起来，使得我们可以用名称 访问对象。目录服务是一种命名服务，在这种服务里，对象不但有名称，还有属性。          tomcat配置
  • 关于敏捷的一些想法 houxinyou 敏捷
    从网上看到这样一句话：“敏捷开发的最重要目标就是：满足用户多变的需求，说白了就是最大程度的让客户满意。” 感觉表达的不太清楚。 感觉容易被人误解的地方主要在“用户多变的需求”上。 第一种多变，实际上就是没有从根本上了解了用户的需求。用户的需求实际是稳定的，只是比较多，也比较混乱，用户一般只能了解自己的那一小部分，所以没有用户能清楚的表达出整体需求。而由于各种条件的，用户表达自己那一部分时也有
  • 富养还是穷养，决定孩子的一生 bijian1013 教育人生
    是什么决定孩子未来物质能否丰盛？为什么说寒门很难出贵子，三代才能出贵族？真的是父母必须有钱，才能大概率保证孩子未来富有吗？-----作者：@李雪爱与自由 事实并非由物质决定，而是由心灵决定。一朋友富有而且修养气质很好，兄弟姐妹也都如此。她的童年时代，物质上大家都很贫乏，但妈妈总是保持生活中的美感，时不时给孩子们带回一些美好小玩意，从来不对孩子传递生活艰辛、金钱来之不易、要懂得珍惜
  • oracle 日期时间格式转化 征客丶 oracle
    oracle 系统时间有 SYSDATE 与 SYSTIMESTAMP； SYSDATE：不支持毫秒，取的是系统时间； SYSTIMESTAMP：支持毫秒，日期，时间是给时区转换的，秒和毫秒是取的系统的。 日期转字符窜： 一、不取毫秒： TO_CHAR(SYSDATE, 'YYYY-MM-DD HH24:MI:SS') 简要说明， YYYY 年 MM   月
  • 【Scala六】分析Spark源代码总结的Scala语法四 bit1129 scala
    1. apply语法   FileShuffleBlockManager中定义的类ShuffleFileGroup，定义：   private class ShuffleFileGroup(val shuffleId: Int, val fileId: Int, val files: Array[File]) { ... def apply(bucketId
  • Erlang中有意思的bug bookjovi erlang
      代码中常有一些很搞笑的bug，如下面的一行代码被调用两次（Erlang beam） commit f667e4a47b07b07ed035073b94d699ff5fe0ba9b Author: Jovi Zhang <[email protected]> Date: Fri Dec 2 16:19:22 2011 +0100 erts:
  • 移位打印10进制数转16进制-2008-08-18 ljy325 java基础
    /** * Description 移位打印10进制的16进制形式 * Creation Date 15-08-2008 9:00 * @author 卢俊宇 * @version 1.0 * */ public class PrintHex { // 备选字符 static final char di
  • 读《研磨设计模式》-代码笔记-组合模式 bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.util.ArrayList; import java.util.List; abstract class Component { public abstract void printStruct(Str
  • 利用cmd命令将.class文件打包成jar chenyu19891124 cmdjar
    cmd命令打jar是如下实现： 在运行里输入cmd，利用cmd命令进入到本地的工作盘符。(如我的是D盘下的文件有此路径 D:\workspace\prpall\WEB-INF\classes) 现在是想把D:\workspace\prpall\WEB-INF\classes路径下所有的文件打包成prpall.jar。然后继续如下操作： cd D: 回车 cd workspace/prpal
  • [原创]JWFD v0.96 工作流系统二次开发包 for Eclipse 简要说明 comsci eclipse设计模式算法工作swing
                           JWFD v0.96 工作流系统二次开发包 for Eclipse 简要说明     &nb
  • SecureCRT右键粘贴的设置 daizj secureCRT右键粘贴
    一般都习惯鼠标右键自动粘贴的功能，对于SecureCRT6.7.5 ，这个功能也已经是默认配置了。 老版本的SecureCRT其实也有这个功能，只是不是默认设置，很多人不知道罢了。 菜单： Options->Global Options ...->Terminal 右边有个Mouse的选项块。 Copy on Select Paste on Right/Middle
  • Linux 软链接和硬链接 dongwei_6688 linux
    1.Linux链接概念Linux链接分两种，一种被称为硬链接（Hard Link），另一种被称为符号链接（Symbolic Link）。默认情况下，ln命令产生硬链接。 【硬连接】硬连接指通过索引节点来进行连接。在Linux的文件系统中，保存在磁盘分区中的文件不管是什么类型都给它分配一个编号，称为索引节点号(Inode Index)。在Linux中，多个文件名指向同一索引节点是存在的。一般这种连
  • DIV底部自适应 dcj3sjt126com JavaScript
    <!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
  • Centos6.5使用yum安装mysql——快速上手必备 dcj3sjt126com mysql
    第1步、yum安装mysql [root@stonex ~]#  yum -y install mysql-server 安装结果： Installed:     mysql-server.x86_64 0:5.1.73-3.el6_5                   &nb
  • 如何调试JDK源码 frank1234 jdk
    相信各位小伙伴们跟我一样，想通过JDK源码来学习Java，比如collections包，java.util.concurrent包。 可惜的是sun提供的jdk并不能查看运行中的局部变量，需要重新编译一下rt.jar。 下面是编译jdk的具体步骤：         1.把C:\java\jdk1.6.0_26\sr
  • Maximal Rectangle hcx2013 max
    Given a 2D binary matrix filled with 0's and 1's, find the largest rectangle containing all ones and return its area.   public class Solution { public int maximalRectangle(char[][] matrix)
  • Spring MVC测试框架详解——服务端测试 jinnianshilongnian spring mvc test
    随着RESTful Web Service的流行，测试对外的Service是否满足期望也变的必要的。从Spring 3.2开始Spring了Spring Web测试框架，如果版本低于3.2，请使用spring-test-mvc项目（合并到spring3.2中了）。   Spring MVC测试框架提供了对服务器端和客户端（基于RestTemplate的客户端）提供了支持。 &nbs
  • Linux64位操作系统（CentOS6.6）上如何编译hadoop2.4.0 liyong0802 hadoop
    一、准备编译软件   1.在官网下载jdk1.7、maven3.2.1、ant1.9.4，解压设置好环境变量就可以用。     环境变量设置如下：   （1）执行vim /etc/profile （2）在文件尾部加入: export JAVA_HOME=/home/spark/jdk1.7 export MAVEN_HOME=/ho
  • StatusBar 字体白色 pangyulei status
    [[UIApplication sharedApplication] setStatusBarStyle:UIStatusBarStyleLightContent]; /*you'll also need to set UIViewControllerBasedStatusBarAppearance to NO in the plist file if you use this method
  • 如何分析Java虚拟机死锁 sesame javathreadoracle虚拟机jdbc
    英文资料： Thread Dump and Concurrency Locks   Thread dumps are very useful for diagnosing synchronization related problems such as deadlocks on object monitors. Ctrl-\ on Solaris/Linux or Ctrl-B
  • 位运算简介及实用技巧（一）：基础篇 tw_wangzhengquan 位运算
    http://www.matrix67.com/blog/archives/263    去年年底写的关于位运算的日志是这个Blog里少数大受欢迎的文章之一，很多人都希望我能不断完善那篇文章。后来我看到了不少其它的资料，学习到了更多关于位运算的知识，有了重新整理位运算技巧的想法。从今天起我就开始写这一系列位运算讲解文章，与其说是原来那篇文章的follow-up，不如说是一个r
  • jsearch的索引文件结构 yangshangchuan 搜索引擎jsearch全文检索信息检索word分词
    jsearch是一个高性能的全文检索工具包，基于倒排索引，基于java8，类似于lucene，但更轻量级。   jsearch的索引文件结构定义如下：     1、一个词的索引由=分割的三部分组成：        第一部分是词        第二部分是这个词在多少
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他