多级级联导航菜单

实现效果：

多级级联导航菜单_第1张图片

 页面代码：


css代码：


JS代码：

解释：

attachEvent方法的作用？

用于HTML内代码层和UI层分离。

比如，你要给一个按钮增加一个单击事件，你会怎么做？

<input type="button" id="theBtn" value="点击" onclick="alert('点击了一下');" />

明显的，它破坏了标签，如果下次要修改这个按钮不小心就会丢失。

attachEvent是为了将事件分离，如：

<input type="button" id="theBtn" value="点击" />

var theBtn = document.getElementById("theBtn"); //取得ID为theBtn的按钮

theBtn.attachEvent("onclick", buttonClicked); //给按钮增加事件

function buttonClicked(e){ alert("点击了一下"); } //定义函数

attachEvent用法：

attachEvent(事件类型, 处理函数);

P.S.:在Firefox中，对应的函数是addEventListener(事件类型, 处理函数, 使用捕获);在简单的HTML应用中可能用不用效果不明显，但是在复杂的HTML客户端JS代码内，优势就体现出来了。

 

不懂的同学可以看以下博文：

 

http://blog.csdn.net/shyy123/article/details/7076243和http://www.cnblogs.com/beiyuu/archive/2010/02/18/csschange.html

你可能感兴趣的:(导航菜单)

  • 【Material-UI】Lists组件中的Customization功能详解 Peter-Lu #material-uiuilistjavascriptMaterial-UI前端
    文章目录一、Lists组件概述1.组件介绍2.Customization的意义二、Lists组件的Customization方法1.使用主题（Theme）定制化组件2.通过`styled`API定制化组件3.样式覆盖（Overrides）三、使用案例：打造一个定制化的导航菜单四、总结在现代Web开发中，UI的定制化需求越来越高。Material-UI作为React生态系统中的顶级UI框架，提供了丰
  • Vue2 - 详细实现解析富文本内容生成侧边栏Toc目录索引，识别富文本内容根据标题h1~h6自动生成文章目录，点击目录导航时跳转到文章内容对应的锚点位置带过渡动画，鼠标滚动内容滑过锚点时高亮对应标题 王佳斌 +Vuevue2.jsnuxt2.js根据富文本内容自动生成目录方法根据h标签标题做侧边栏导航目录vue读取富文本中的h1标题博客文章资讯新闻文章富文本富文本和目录相互联动高亮菜单
    前言如果您需要Vue3版本，请访问这篇文章。在vue2|nuxt2项目开发中，详解实现“解析识别富文本内容，并在侧边栏动态生成文章目录”，对富文本内的h1~h6标题进行读取分析（可自定义要读取的标签，支持多级标题嵌套渲染），然后在指定位置生成渲染富文本对应的文章锚点目录TOC，点击目录导航菜单时会跳转到文章内容对应的标题锚点位置并且有过渡跳转动画，另外用户浏览富文本滚动经过标题锚点时右侧目录会自动
  • 响应式Web设计：纯HTML和CSS的实现技巧-2 Dingdangr 前端htmlcss
    0px){body{font-size:16px;}}@media(min-width:1201px){body{font-size:18px;}}###6.响应式导航菜单导航菜单是网站中非常重要的一部分，特别是在移动设备上，传统的水平导航菜单可能会占用太多空间，导致页面内容被压缩或遮挡。因此，创建一个响应式的导航菜单对于提升用户体验至关重要。你可以使用媒体查询和CSS来控制导航菜单的显示方式，如
  • 【前端 VUE】vue Elemente-UI 管理后台自定义 导航菜单栏 悟空_大师兄_ vuevue
    记录管理后台侧边导航栏做成通用小组件借助Elemente-UI：侧边栏容器：导航菜单创建父组件页面aside.vue*（default-active为当前激活菜单的index，（设置为当前的路由名称this.$route.fullPath）@select事件为菜单选择触发的事件借助跳转路由并设置default-active的值）importNavMenufrom'@/components/NavM
  • python自动化测试脚本实操 单叼红中 测试用例python
    '''=====================测试woniusales进销存系统的部分功能==============================需求1（10分）：正确账号可以登录系统登录后跳转页面导航菜单右侧出现一个注销链接需求2（20分）：导航栏中每个菜单可以正确打开对应的页面,点击菜单名，打开对应的页面的URL地址正确，页面标题正确如：点击“商品入库”页面URL为http://loca
  • CSS二级导航菜单的实现 魅美 笔记htmlcss
    用CSS实现二级导航菜单效果如下HTML代码CSS二级导航菜单一级菜单1一级菜单2二级菜单1二级菜单2二级菜单3二级菜单4二级菜单5二级菜单6一级菜单3二级菜单1二级菜单2二级菜单3二级菜单4二级菜单5二级菜单6一级菜单4二级菜单1二级菜单2二级菜单3二级菜单4二级菜单5二级菜单6一级菜单5CSS代码*{margin:0;padding:0;}body{width:100vm;background
  • HTML-介绍-MDN文档学习笔记 LoveEmiliaForever MDN前端入门文档html学习笔记前端
    HTML-介绍查看更多学习笔记：GitHub：LoveEmiliaForeverMDN中文官网HTML-简介MDN文档引用：就其核心而言，HTML是一种相当简单的、由不同元素组成的标记语言，它可以被应用于文本片段，使文本在文档中具有不同的含义（它是段落吗？它是项目列表吗？它是表格吗？），将文档结构化为逻辑块（文档是否有头部？有三列内容？有一个导航菜单？），并且可以将图片，影像等内容嵌入到页面中。H
  • 进入详情页，隐藏底部导航菜单 小刘先生很努力 vue.js前端javascript
    有次在写app项目时，后来客户加了个要求就是点击进入详情页的时候底部的导航栏隐藏掉，不在显示，然后就看下边操作吧。我们首先在index.js路由文件中配置我们的页面路由{path：'/detail/:id',name:'Detail',component:()=>import('../views/Detail.vue'),meta:{hideNav:true,//是否隐藏底部导航}}然后我们在Ap
  • 分享88个CSS3特效，总有一款适合您 记忆的小河 css3前端css
    分享88个CSS3特效，总有一款适合您88个CSS3特效下载链接：https://pan.baidu.com/s/1pDAyFESnO8HSnCZj4-DOzQ?pwd=8888提取码：8888Python采集代码下载链接：采集代码.zip-蓝奏云学习知识费力气，收集整理更不易。知识付费甚欢喜，为咱码农谋福利。CSS3气泡动画文字导航菜单代码CSS3可拖动动画人物关系图代码CSS文字组合成心形动画
  • JS特效第131弹：jQuery响应式下拉导航菜单插件megamenu 马coder javascript前端开发语言
    jQuery响应式下拉导航菜单插件megamenu，先来看看效果：一部分关键的代码如下：jQuery响应式下拉导航菜单插件megamenuHomeAboutSchoolLidershipHistoryLocationsCareersStudyUndergraduateMastersInternationalOnlineResearchUndergraduateresearchMastersrese
  • JS特效第134弹：jQuery响应式全屏背景图片导航菜单特效 马coder javascript开发语言ecmascript
    jQuery响应式全屏背景图片导航菜单特效，先来看看效果：一部分关键的代码如下：jQuery响应式全屏背景图片导航菜单特效主页jQuery从1.4-2.1版本下载适用浏览器：360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.不支持IE8及以下浏览器。内容leanModal.js轻巧的弹出层插件设置wysiwyg微小的Bootstrap富文本编辑器bootstra
  • Vue 前置导航 还是大剑师兰特 #vue2常用示例500+vue.js前端
    Vue前置导航（VueFrontNavigation）是一种在Vue.js框架中实现导航功能的常见方式。它通常用于构建单页应用程序（SinglePageApplication），通过在页面顶部或侧边栏显示导航菜单，使用户能够轻松切换到不同的页面或功能模块。以下是一个简单的Vue前置导航示例，包括代码和解释：首先，创建一个Vue项目或在现有项目中添加Vue组件。假设我们有一个名为Navbar.vue
  • 《CSS 简易速速上手小册》第2章：CSS 布局与定位（2024 最新版） 江帅帅 《CSS简易速速上手小册》css前端人工智能数据分析数据挖掘web3网页
    文章目录2.1Flexbox：灵活的布局解决方案2.1.1基础知识2.1.2重点案例：创建一个响应式导航菜单2.1.3拓展案例1：卡片布局2.1.4拓展案例2：中心对齐的登录表单2.2Grid布局：网格系统的魔力2.2.1基础知识2.2.2重点案例：创建一个新闻网站的布局2.2.3拓展案例1：画廊布局2.2.4拓展案例2：个人博客的文章布局2.3定位技巧：Static、Relative、Absol
  • （十三）c#Winform自定义控件-导航菜单 kwwwvagaa 自定义控件c#winform自定义控件
    （十三）c#Winform自定义控件-导航菜单前提入行已经7,8年了，一直想做一套漂亮点的自定义控件，于是就有了本系列文章。GitHub：https://github.com/kwwwvagaa/NetWinformControl码云：https://gitee.com/kwwwvagaa/net_winform_custom_control.git如果觉得写的还行，请点个star支持一下吧欢迎前
  • 学习之旅10------掌握jQuery：实用应用案例深度解析 theskylife Javascript总结学习jquery前端
    目录写在开头1.jQuery基础知识回顾1.1.选择器1.2.事件1.3.效果1.4.DOM操作1.5.AJAX2.实用应用案例分析2.1.动态内容加载2.2.表单验证2.3.图像滑动门效果2.4.创建动态导航菜单3.高级技巧与最佳实践3.1.优化jQuery代码的性能3.2.jQuery插件的使用和自定义3.3.jQuery在移动开发中的应用写在最后参考资料写在开头jQuery，作为一种轻量级的
  • 浮木云随笔小记（2）--静态界面搭建 原型设计git页面布局
    上次简单记录了浮木云的基本知识，本次我将按照自己掌握的基础知识搭建静态页面。1、创建应用我先根据模版中心的订单管理系统搭建一个简单的Web静态页面，是关于订单管理的页面。因为不涉及其他页面，所以子应用可以直接略过。2、导航配置接下来给自己所创建的应用配置一个导航菜单，导航菜单我就配置一个侧边导航。选择侧边导航，同时对导航的顶部高度、侧边宽度和导航主题进行配置。在子应用配置中将原有的logo图片去掉
  • 《CSS 简易速速上手小册》第5章：CSS 动画与过渡（2024 最新版） 江帅帅 《CSS简易速速上手小册》css前端网络安全数据分析htmljavascriptweb3
    文章目录5.1CSS过渡基础：网页的微妙舞步5.1.1基础知识5.1.2重点案例：按钮悬停效果5.1.3拓展案例1：渐变显示导航菜单5.1.4拓展案例2：动态调整元素大小5.2关键帧动画：编排你的网页芭蕾5.2.1基础知识5.2.2重点案例：呼吸效果的背景色变化5.2.3拓展案例1：滚动显示的文字5.2.4拓展案例2：旋转进入的图标5.3实用动画案例分析：优雅地迈出每一步5.3.1基础知识5.3.
  • 《CSS 简易速速上手小册》第1章：CSS 基础入门（2024 最新版） 江帅帅 《CSS简易速速上手小册》csshtmljavascript动画web3网站前端
    文章目录1.1CSS语法和选择器：挑选你的画笔1.1.1基础知识1.1.2重点案例：创建一个响应式导航菜单1.1.3拓展案例1：为特定链接添加图标1.1.4拓展案例2：创建一个简单的问答折叠面板1.2盒模型的基础：构建你的乐高城堡1.2.1基础知识1.2.2重点案例：创建一个卡片布局1.2.3拓展案例1：垂直居中一个元素1.2.4拓展案例2：创建带有内边距和外边距的流式布局1.3级联、继承和特异性
  • 百度统计的token值和站点ID怎么获取？附图文教程 boke112百科 综合其他百度
    我们在使用百度统计API调用站点在百度统计的数据等操作时，需要输入我们在百度统计中的token值和站点ID，那么这两个值在百度统计哪里可以获取到？1、开通百度统计数据导出服务并获取Token值1.1开通数据导出服务：打开百度统计官网并登录>>点击顶端导航菜单“管理”>>点击左侧导航菜单“其他设置>数据导出服务”>>勾选“我已经阅读并同意《API服务系统保密协议》”并点击【立即开通】按钮。1.2获取
  • Vue - Vue3 封装组件(更新中...) 青柠t 笔记前端
    组件目录1、穿梭框DataTransfer2、按钮组3、顶部导航菜单4、弹窗组件5、特色按钮5、PDFWordExcel预览插件6、编辑器1、穿梭框DataTransfer示例应用示例组件代码import{ArrowLeft,ArrowRight,Search}from"@element-plus/icons-vue";import{computed,getCurrentInstance,onMo
  • Vue3中使用element-plus菜单折叠后文字不消失 浮生若梦777 vue.js前端elementui
    今天使用element-plus中国的导航菜单时，发现菜单栏折叠起来时文字不会自动消失，因为element-plus中内置了菜单折叠文字自动消失的，使用collapse=true/false即可，但在实际使用中出现了一下问题：折叠以后文字并没有消失，查资料说是el-menu子标签中不能含有div，但是排查了后也没有使用div，最后发现是因为我的一级导航没有包裹到标签中，因为是直接使用了一个简易的非
  • Bootstrap5 导航组件和面包屑 记忆的小河 前端
    Bootstrap5导航组件和面包屑Bootstrap5提供了一种简单快捷的方法来创建基本导航，它提供了非常灵活和优雅的选项卡和Pills等组件。Bootstrap5的所有导航组件，包括选项卡和Pills，都通过基本的.nav类共享相同的基本标记和样式。使用Bootstrap5创建基本导航我们可以使用Bootstrap5的.nav类来创建一个基本的导航菜单，如下所示：主页工具题库教程图例面包屑面包
  • 解决“使用Edge浏览器每次鼠标点击会出现一个黑色边框”的问题 coffee_baba 软件配置edge
    目录一问题描述二解决方案三方案来源四参考资料&AI工具一问题描述为了方便进行收藏夹同步，开始从Chrome浏览器切换到Edge浏览器。在使用Edge浏览器过程中发现“每次鼠标点击会出现一个黑色边框”（效果如下图所示），这对于有强迫症的人来说实在无法忍受。二解决方案调整浏览器设置：打开Edge浏览器。点击右上角的三个点（...）打开菜单。选择“设置”。在左侧导航菜单中找到并点击“辅助功能”（可能需要
  • Bootstrap5 导航组件和面包屑 灬沙海灬 前端
    Bootstrap5导航组件和面包屑Bootstrap5提供了一种简单快捷的方法来创建基本导航，它提供了非常灵活和优雅的选项卡和Pills等组件。Bootstrap5的所有导航组件，包括选项卡和Pills，都通过基本的.nav类共享相同的基本标记和样式。使用Bootstrap5创建基本导航我们可以使用Bootstrap5的.nav类来创建一个基本的导航菜单，如下所示：主页工具题库教程图例面包屑面包
  • uL的list的几种变化（使用CSS布局） ling_78 网站布局csslistfloathtml
    一般使用ul就是用来做列表，这样ul的用途很少，而且做列表使用表格加图片装饰应该比ul来的更好看，使用了CSS以后，ul就有了很多变化，可以变成多个按钮，导航菜单等，也能改变原来只能竖着排列的方式。原来的ul使用起来就是这样的效果，ItemoneItemtwoItemthree总结了一点变化，一种是采用float的方式，变成横排的方式，另外一种是用css的属性来控制1、采用css的属性是这样的。I
  • Bootstrap5 导航组件和面包屑 自动化新人 前端
    Bootstrap5导航组件和面包屑Bootstrap5提供了一种简单快捷的方法来创建基本导航，它提供了非常灵活和优雅的选项卡和Pills等组件。Bootstrap5的所有导航组件，包括选项卡和Pills，都通过基本的.nav类共享相同的基本标记和样式。使用Bootstrap5创建基本导航我们可以使用Bootstrap5的.nav类来创建一个基本的导航菜单，如下所示：主页工具题库教程图例面包屑面包
  • CSS Transition 的实际应用场景有哪些？ 清水白石008 cssjavascript正则表达式
    CSSTransition的实际应用场景有哪些？CSSTransition（过渡效果）在实际应用场景中非常广泛，可以用于各种网页设计和交互效果的实现。以下是一些常见的实际应用场景：1.导航菜单：通过CSSTransition，可以将菜单项的子菜单在鼠标悬停时平滑展开，提供更好的用户体验。以下是一个简单的示例代码：html代码HomeAboutMissionVisionContactcss代码.me
  • Flutter学习第六天：Flutter如何实现顶部导航，底部导航菜单，侧拉栏菜单等功能？ android小白星
    1.顶部导航代码如下：import'package:flutter/material.dart';voidmain(){runApp(MaterialApp(home:TabbedAppBarSample(),));}classTabbedAppBarSampleextendsStatefulWidget{@override_TabbedAppBarSampleStatecreateState()
  • 看似简单的一页式网站，该如何设计 和叶香草邦
    随着移动端和社交媒体的兴起，简单直观、响应迅速的一页式网站受到不少设计师和用户的青睐。不过，一页式网站虽然看上去很简单，但创建起来却远没有想象中那么容易。今天和叶网络建站通就带来了一些设计技巧和范例，希望能给大家帮助。什么是一页式网站？一页式网站，顾名思义，是指只使用一个HTML页面的网站。也就是说，所有的信息内容都放在这一个页面上，点击导航菜单项（比如”关于’、”联系我们”）即到达这个页面的不同
  • Flutter第七章（Drawer 侧边栏，UserAccountsDrawerHeader，DrawerHeader以及案例 ） 一巴掌拍出两坨脂肪
    版权声明：本文为作者原创书籍。转载请注明作者和出处，未经授权，严禁私自转载，侵权必究！！！情感语录：情不自禁念出的那个名字，梦里经常出现的那个她还在你的身边吗？无论在与不在都要学会懂得更加珍惜！欢迎来到本章节，上一章节我们讲了底部导航菜单和顶部导航菜单场景的使用，知识点回顾戳这里Flutter基础第六章本章节将讲解另一个场景：左右侧边栏，侧边栏的使用场景还是非常多的，比如：QQ，京东等。本章知识点
  • 对股票分析时要注意哪些主要因素？ 会飞的奇葩猪 股票 分析 云掌股吧
    　　众所周知，对散户投资者来说，股票技术分析是应战股市的核心武器，想学好股票的技术分析一定要知道哪些是重点学习的，其实非常简单，我们只要记住三个要素：成交量、价格趋势、振荡指标。     一、成交量 　　大盘的成交量状态。成交量大说明市场的获利机会较多，成交量小说明市场的获利机会较少。当沪市的成交量超过150亿时是强市市场状态，运用技术找综合买点较准；
  • 【Scala十八】视图界定与上下文界定 bit1129 scala
    Context Bound，上下文界定，是Scala为隐式参数引入的一种语法糖，使得隐式转换的编码更加简洁。   隐式参数 首先引入一个泛型函数max，用于取a和b的最大值 def max[T](a: T, b: T) = { if (a > b) a else b }  因为T是未知类型，只有运行时才会代入真正的类型，因此调用a >
  • C语言的分支——Object-C程序设计阅读有感 darkblue086 applec框架cocoa
    自从1972年贝尔实验室Dennis Ritchie开发了C语言，C语言已经有了很多版本和实现，从Borland到microsoft还是GNU、Apple都提供了不同时代的多种选择，我们知道C语言是基于Thompson开发的B语言的，Object-C是以SmallTalk-80为基础的。和C++不同的是，Object C并不是C的超集，因为有很多特性与C是不同的。 Object-C程序设计这本书
  • 去除浏览器对表单值的记忆 周凡杨 html记忆autocompleteform浏览
                                       &n
  • java的树形通讯录 g21121 java
    最近用到企业通讯录，虽然以前也开发过，但是用的是jsf，拼成的树形，及其笨重和难维护。后来就想到直接生成json格式字符串，页面上也好展现。 // 首先取出每个部门的联系人 for (int i = 0; i < depList.size(); i++) { List<Contacts> list = getContactList(depList.get(i
  • Nginx安装部署 510888780 nginxlinux
    Nginx ("engine x") 是一个高性能的 HTTP 和 反向代理 服务器，也是一个 IMAP/POP3/SMTP 代理服务器。 Nginx 是由 Igor Sysoev 为俄罗斯访问量第二的 Rambler.ru 站点开发的，第一个公开版本0.1.0发布于2004年10月4日。其将源代码以类BSD许可证的形式发布，因它的稳定性、丰富的功能集、示例配置文件和低系统资源
  • java servelet异步处理请求 墙头上一根草 ｊａｖａ异步返回ｓｅｒｖｌｅｔ
    servlet3.0以后支持异步处理请求，具体是使用AsyncContext ，包装httpservletRequest以及httpservletResponse具有异步的功能，        final AsyncContext ac = request.startAsync(request, response);   ac.s
  • 我的spring学习笔记8-Spring中Bean的实例化 aijuans Spring 3
    在Spring中要实例化一个Bean有几种方法： 1、最常用的（普通方法） <bean id="myBean" class="www.6e6.org.MyBean" /> 使用这样方法，按Spring就会使用Bean的默认构造方法，也就是把没有参数的构造方法来建立Bean实例。 （有构造方法的下个文细说） 2、还
  • 为Mysql创建最优的索引 annan211 mysql索引
    索引对于良好的性能非常关键，尤其是当数据规模越来越大的时候，索引的对性能的影响越发重要。 索引经常会被误解甚至忽略，而且经常被糟糕的设计。 索引优化应该是对查询性能优化最有效的手段了，索引能够轻易将查询性能提高几个数量级，最优的索引会比 较好的索引性能要好2个数量级。 1 索引的类型 (1) B-Tree 不出意外，这里提到的索引都是指 B-
  • 日期函数 百合不是茶 oraclesql日期函数查询
      ORACLE日期时间函数大全 TO_DATE格式(以时间:2007-11-02 13:45:25为例) Year: yy two digits 两位年 显示值:07 yyy three digits 三位年 显示值:007
  • 线程优先级 bijian1013 javathread多线程java多线程
    多线程运行时需要定义线程运行的先后顺序。 线程优先级是用数字表示，数字越大线程优先级越高，取值在1到10，默认优先级为5。 实例： package com.bijian.study; /** * 因为在代码段当中把线程B的优先级设置高于线程A,所以运行结果先执行线程B的run()方法后再执行线程A的run()方法 * 但在实际中，JAVA的优先级不准，强烈不建议用此方法来控制执
  • 适配器模式和代理模式的区别 bijian1013 java设计模式
    一.简介        适配器模式：适配器模式（英语：adapter pattern）有时候也称包装样式或者包装。将一个类的接口转接成用户所期待的。一个适配使得因接口不兼容而不能在一起工作的类工作在一起，做法是将类别自己的接口包裹在一个已存在的类中。      &nbs
  • 【持久化框架MyBatis3三】MyBatis3 SQL映射配置文件 bit1129 Mybatis3
     SQL映射配置文件一方面类似于Hibernate的映射配置文件，通过定义实体与关系表的列之间的对应关系。另一方面使用<select>,<insert>,<delete>，<update>元素定义增删改查的SQL语句， 这些元素包含三方面内容 1. 要执行的SQL语句 2. SQL语句的入参，比如查询条件 3. SQL语句的返回结果
  • oracle大数据表复制备份个人经验 bitcarter oracle大表备份大表数据复制
    前提：    数据库仓库A（就拿oracle11g为例）中有两个用户user1和user2,现在有user1中有表ldm_table1,且表ldm_table1有数据5千万以上，ldm_table1中的数据是从其他库B（数据源）中抽取过来的，前期业务理解不够或者需求有变，数据有变动需要重新从B中抽取数据到A库表ldm_table1中。    
  • HTTP加速器varnish安装小记 ronin47 http varnish 加速
    上午共享的那个varnish安装手册，个人看了下，有点不知所云，好吧~看来还是先安装玩玩！ 苦逼公司服务器没法连外网，不能用什么wget或yum命令直接下载安装，每每看到别人博客贴出的在线安装代码时，总有一股羡慕嫉妒“恨”冒了出来。。。好吧，既然没法上外网，那只能麻烦点通过下载源码来编译安装了！ Varnish 3.0.4下载地址： http://repo.varnish-cache.org/
  • java-73-输入一个字符串，输出该字符串中对称的子字符串的最大长度 bylijinnan java
    public class LongestSymmtricalLength { /* * Q75题目：输入一个字符串，输出该字符串中对称的子字符串的最大长度。 * 比如输入字符串“google”，由于该字符串里最长的对称子字符串是“goog”，因此输出4。 */ public static void main(String[] args) { Str
  • 学习编程的一点感想 Cb123456 编程感想Gis
           写点感想，总结一些，也顺便激励一些自己.现在就是复习阶段，也做做项目.      本专业是GIS专业，当初觉得本专业太水，靠这个会活不下去的，所以就报了培训班。学习的时候，进入状态很慢，而且当初进去的时候，已经上到Java高级阶段了，所以.....，呵呵，之后有点感觉了，不过，还是不好好写代码，还眼高手低的，有
  • [能源与安全]美国与中国 comsci 能源
         现在有一个局面：地球上的石油只剩下N桶，这些油只够让中国和美国这两个国家中的一个顺利过渡到宇宙时代，但是如果这两个国家为争夺这些石油而发生战争，其结果是两个国家都无法平稳过渡到宇宙时代。。。。而且在战争中，剩下的石油也会被快速消耗在战争中，结果是两败俱伤。。。       在这个大
  • SEMI-JOIN执行计划突然变成HASH JOIN了 的原因分析 cwqcwqmax9 oracle
    甲说： A B两个表总数据量都很大，在百万以上。 idx1  idx2字段表示是索引字段 A B 两表上都有 col1字段表示普通字段 select xxx from A where A.idx1 between mmm and nnn      and exists (select 1 from B where B.idx2 =
  • SpringMVC-ajax返回值乱码解决方案 dashuaifu AjaxspringMVCresponse中文乱码
      SpringMVC-ajax返回值乱码解决方案   一：（自己总结，测试过可行） ajax返回如果含有中文汉字，则使用：（如下例：） @RequestMapping(value="/xxx.do")       public @ResponseBody void getPunishReasonB
  • Linux系统中查看日志的常用命令 dcj3sjt126com OS
    因为在日常的工作中，出问题的时候查看日志是每个管理员的习惯，作为初学者，为了以后的需要，我今天将下面这些查看命令共享给各位 cat tail -f 日 志 文 件 说 明 /var/log/message 系统启动后的信息和错误日志，是Red Hat Linux中最常用的日志之一 /var/log/secure 与安全相关的日志信息 /var/log/maillog 与邮件相关的日志信
  • [应用结构]应用 dcj3sjt126com PHPyii2
    应用主体 应用主体是管理 Yii 应用系统整体结构和生命周期的对象。 每个Yii应用系统只能包含一个应用主体，应用主体在 入口脚本中创建并能通过表达式 \Yii::$app 全局范围内访问。 补充: 当我们说"一个应用"，它可能是一个应用主体对象，也可能是一个应用系统，是根据上下文来决定[译：中文为避免歧义，Application翻译为应
  • assertThat用法 eksliang JUnitassertThat
    junit4.0  assertThat用法 一般匹配符1、assertThat( testedNumber, allOf( greaterThan(8), lessThan(16) ) ); 注释： allOf匹配符表明如果接下来的所有条件必须都成立测试才通过，相当于“与”（&&） 2、assertThat( testedNumber, anyOf( g
  • android点滴2 gundumw100 应用服务器android网络应用OSHTC
    如何让Drawable绕着中心旋转？ Animation a = new RotateAnimation(0.0f, 360.0f, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF,0.5f); a.setRepeatCount(-1); a.setDuration(1000); 如何控制Andro
  • 超简洁的CSS下拉菜单 ini htmlWeb工作html5css
    效果体验：http://hovertree.com/texiao/css/3.htmHTML文件： <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>简洁的HTML+CSS下拉菜单-HoverTree</title>
  • kafka consumer防止数据丢失 kane_xie kafkaoffset commit
    kafka最初是被LinkedIn设计用来处理log的分布式消息系统，因此它的着眼点不在数据的安全性（log偶尔丢几条无所谓），换句话说kafka并不能完全保证数据不丢失。   尽管kafka官网声称能够保证at-least-once，但如果consumer进程数小于partition_num，这个结论不一定成立。   考虑这样一个case，partiton_num=2
  • @Repository、@Service、@Controller 和 @Component mhtbbx DAOspringbeanprototype
    @Repository、@Service、@Controller 和 @Component 将类标识为Bean Spring 自 2.0 版本开始，陆续引入了一些注解用于简化 Spring 的开发。@Repository注解便属于最先引入的一批，它用于将数据访问层 (DAO 层 ) 的类标识为 Spring Bean。具体只需将该注解标注在 DAO类上即可。同时，为了让 Spring 能够扫描类
  • java 多线程高并发读写控制 误区 qifeifei java thread
    先看一下下面的错误代码，对写加了synchronized控制，保证了写的安全，但是问题在哪里呢？ public class testTh7 { private String data; public String read(){ System.out.println(Thread.currentThread().getName() + "read data "
  • mongodb replica set(副本集)设置步骤 tcrct javamongodb
    网上已经有一大堆的设置步骤的了，根据我遇到的问题，整理一下，如下： 首先先去下载一个mongodb最新版，目前最新版应该是2.6 cd /usr/local/bin wget http://fastdl.mongodb.org/linux/mongodb-linux-x86_64-2.6.0.tgz tar -zxvf mongodb-linux-x86_64-2.6.0.t
  • rust学习笔记 wudixiaotie 学习笔记
    1.rust里绑定变量是let，默认绑定了的变量是不可更改的，所以如果想让变量可变就要加上mut。 let x = 1; let mut y = 2; 2.match 相当于erlang中的case，但是case的每一项后都是分号，但是rust的match却是逗号。 3.match 的每一项最后都要加逗号，但是最后一项不加也不会报错，所有结尾加逗号的用法都是类似。 4.每个语句结尾都要加分
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他