多级级联导航菜单

实现效果：

多级级联导航菜单_第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

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

  • 鸿蒙容器组件 Row 全解析：水平布局技术与多端适配指南 谢道韫689 鸿蒙自定义组件harmonyos华为
    一、引言：Row组件——水平布局的核心引擎在鸿蒙全场景应用开发中，Row容器组件作为水平布局的标准载体，通过声明式语法实现子组件的有序水平排列。作为线性布局体系的重要组成部分，其简洁的属性体系与强大的适配能力，完美覆盖导航菜单、按钮组、图文混排等高频水平布局场景。本文将从基础原理到工程实践，系统解析Row组件的核心能力与实战技巧，帮助开发者构建高效、灵活的水平界面体系。二、Row组件核心架构与基础
  • Android BottomNavigationView背景透明化指南 t0_54coder 编程问题解决手册android个人开发
    在Android开发中，BottomNavigationView是一个非常常用的组件，用于在底部显示导航菜单。然而，默认情况下，这个组件带有一个背景色，可能是紫色或者其他颜色，这有时并不符合我们的设计需求。今天，我们将探讨如何将BottomNavigationView的背景设置为透明，并结合实际例子进行说明。背景介绍首先，让我们看一下当前的BottomNavigationView设置：
  • 【CSS-12】掌握CSS列表样式：从基础到高级技巧 AllenBright #CSScss前端
    列表是网页设计中不可或缺的元素，无论是导航菜单、文章目录还是项目展示，都经常用到。CSS提供了丰富的列表样式控制选项，让我们能够创建美观、功能性的列表。本文将全面介绍CSS中的列表样式技术。1.HTML列表基础回顾在深入CSS之前，我们先快速回顾HTML中的两种基本列表类型：1.1无序列表()项目一项目二项目三1.2有序列表()第一步第二步第三步2.CSS列表样式核心属性2.1list-style
  • 基于江科大stm32屏幕驱动，实现OLED多级菜单（动画效果），结构体链表实现(独创源码) 一月千帆 STM32stm32嵌入式硬件单片机
    引言在嵌入式系统中，用户界面的设计往往直接影响到用户体验。本文将以STM32微控制器和OLED显示屏为例，介绍如何实现一个多级菜单系统。该系统支持用户通过按键导航菜单，执行相应操作，并提供平滑的滚动动画效果。本文设计了一个嵌入式多级菜单系统，采用三级层级结构（主菜单→二级菜单→三级菜单），通过全局状态变量管理当前层级、选中项索引和导航路径。系统核心功能包括带平滑滚动动画的菜单渲染、支持层级缩进的视
  • 响应式布局进阶：企业商城系统复杂交互页面的多端适配方案 万米商云 交互
    在电商领域，复杂的交互页面（如商品详情页、购物车页、活动会场页）需要同时承载多层级信息展示、动态交互与多端适配需求。传统的响应式方案往往通过简单的媒体查询（MediaQueries）调整布局，但在面对商城页面中动态商品卡片、悬浮购物车侧边栏、多级导航菜单等复杂组件时，单一的断点适配难以满足流畅的用户体验。本文将探讨基于CSSGrid/Flex+媒体查询的动态布局设计，实现商城复杂页面的多端自适应与
  • html和css画梯形背景,CSS-实战-梯形背景导航 日化渠道解决方案 html和css画梯形背景
    1、实现效果梯形背景图导航，如下图。由于导航条文字多少不固定，因此面临的挑战是，当文字内容增加时，中间的背景宽度自动拉伸。CSS3的出现实现这样的效果相对变的容易，本文使用背景图定位的知识，加上CSS其他知识。介绍CSS2实现这样效果的一种思路。梯形背景导航2、总体实现思路(1)准备背景图注意图片，一定是透明背景格式的，可以另存为下图。透明背景图(2)创建A标签嵌套B标签的导航菜单测试(3)设置A
  • AI 极客低代码平台快速上手 -- 生成鸿蒙代码 前端后端程序员
    1.配置App主导航菜单：在生成纯血鸿蒙App项目之前，我们需要为该App配置MainTab菜单。点击页面设计模块下的“会员菜单”，然后点击页面右上角的“新增导航模块”按钮。2.如下图所示，为该导航模块命名(英文名称、中文名称)，导航类型要选择“App主导航”，然后点击“保存信息”按钮：3.在导航模块预览界面，点击“新增菜单”图标：4.如下图所示，为主导航菜单增加菜单：5.用相同方法，为鸿蒙App
  • Axure跨页面交互：利用IFrame和JS实现父子页面菜单联动 招风的黑耳 Axureaxure交互javascript
    在Axure中使用内联框架（IFrame）进行父子页面间的通信是一个非常有效的技巧，尤其是在需要实现复杂交互逻辑时。通过JavaScript直接操作DOM元素，可以突破Axure基础元件的限制，实现更灵活的页面联动。以下是对你描述的场景的进一步解析和实现建议：实现步骤解析1.主页面设计结构：主页面包含头部栏、左侧导航菜单和一个内联框架（用于加载子页面）。交互：在内联框架的“载入时”事件中，定义一个
  • android横向滑动导航菜单,Android自定义横向滑动菜单的实现 医学科普联盟 android横向滑动导航菜单
    本文讲述了Android自定义横向滑动菜单的实现。分享给大家供大家参考，具体如下：前言开发安卓过程中，经常会用到标题栏的样式，有时候传统方式不能满足开发者的需要，这时候就需要自定义控件来实现。(注意：本文提供思路，有关键代码，但是代码不全)标题栏说明自定义标题栏ColumnHorizontalScrollView继承HorizontalScrollView这个安卓原生的控件，HorizontalS
  • BootStrap 效果展示 weixin_33778544 javascriptpythonViewUI
    2019独角兽企业重金招聘Python工程师标准>>>超酷Bootstrap3隐藏滑动侧边栏菜单最强大的手机侧栏移动优先的响应式侧边栏导航菜单界面设计手机端jQuery响应式菜单栏jQuery响应菜单插件PgwMenu转载于:https://my.oschina.net/zhugenqiang/blog/3020988
  • html 中怎么写二级导航,html二级菜单导航栏成品 小爽无敌 html中怎么写二级导航
    html高级二级导航菜单代码如下：#menu{width:600px;font-family:Arial;font-size:15px;}#menuul{display:block;width:100%;margin:0;position:relative;}#menuulli{list-style-type:none;float:left;height:25px;width:120px;line
  • 实现水平垂直居中的多种方法 前端小巷子 前端htmlcsshtml5面试
    在前端开发中，元素的居中是一个常见但又经常让人头疼的问题。本文将全面总结各种CSS居中方法，特别是如何实现一个div的水平垂直居中。为什么居中这么重要？居中布局是现代网页设计中最基础也最重要的布局方式之一。无论是导航菜单、登录框、还是各种卡片式设计，都需要用到居中技术。掌握各种居中方法可以帮助我们应对不同的布局需求。水平居中方法1.margin:0autodiv{width:200px;margi
  • 苹果cmsv10爱电影模板带后台MizhiADY重构优化版 TT模板 重构
    2025-04-01V2.0更新记录1、模板优化至爱电影官网，全后台版本,几乎所有前端功能均可后台设置2、新增-首页幻灯下分类导航菜单以及通知功能优化可均可后台控制数量3、新增-电脑端+手机端顶部导航后台控制，且可以设置图标4、新增-后台设置APP下载按钮5、新增-搜索历史下拉框和热门搜索推荐内容以及搜索空值时动画效果6、新增-手机端底部导航菜单功能方便用户迅速定位查询影片7、新增-站长推荐图标与
  • CSS 美化页面（四） 凌冰_ CSS3css前端
    一、浮动float属性‌属性值‌‌描述‌‌适用场景‌left元素向左浮动，腾出右侧空间供其他元素使用，其他内容会围绕在其右侧‌。横向排列元素（如导航菜单）、图文混排布局‌。right元素向右浮动，腾出左侧空间供其他元素使用，其他内容会围绕在其左侧‌。右侧悬浮按钮、图片右对齐的文本环绕效果‌。none默认值，元素不浮动，按正常文档流排列‌。取消已有浮动效果，恢复默认布局‌。inherit继承父元素的
  • vue要做权限管理该怎么做？如果控制到按钮级别的权限怎么做？ yousuotu 面试题vue.js前端javascript
    一、是什么权限是对特定资源的访问许可，所谓权限控制，也就是确保用户只能访问到被分配的资源而前端权限归根结底是请求的发起权，请求的发起可能有下面两种形式触发页面加载触发页面上的按钮点击触发总的来说，所有的请求发起都触发自前端路由或视图所以我们可以从这两方面入手，对触发权限的源头进行控制，最终要实现的目标是：路由方面，用户登录后只能看到自己有权访问的导航菜单，也只能访问自己有权访问的路由地址，否则将跳
  • PowerBI可视化报表设计 差点意思 powerbi
    一、结构与布局1.1、首页首页，也叫封面页，可以放置报表的标题、注释等内容。PowerBI全图型首页，用图片填充整个页面，视觉传达直观且强烈。PowerBI半图型首页，常见的有左右分割和上下分割，其中一部分放置图片，另一部分放置文案。1.2、内容页内容页，即放置数据的页面，其设计比首页设计要复杂的多，很多报表有多个内容页。内容页通常包含logo与标题、切片器、导航菜单、图表区、页脚等。logo与标
  • elementUI中的Nav meau yourana123 前端elementui
    在做项目中遇到一个需求，当用户处于某种状态时，点击导航菜单的某项，不能切换，并且弹出消息提示.例如，我在新建状态下，点击了其中一项，不能切换，并弹出消息提示，原来选中的一项没有改变。default-active表示默认选中的一项，无法动态实时的显示激活的那项。所以无法通过改变default-active，设置激活项。解决方案：由于导航菜单的每一项都是通过key绑定的index来的，每一次点击不同的
  • 关于vue+element ui 中的导航菜单问题 空心闲人 前端程序员
    关于vue+elementui中的导航菜单问题最近公司要开发一个vue项目，自己搭框架的时候用到了element，目标是实现一个顶部菜单以及侧边菜单栏。直接上代码。importcommonHeaderfrom"@/components/header"importleftContentfrom"@/components/leftContent"exportdefault{name:'layout',
  • vue element NavMenu 导航菜单 星光君 VuevueelemntNavMenu导航菜单
    今天给大家带来一个垂直的导航菜单：点击左边的菜单栏，右边也跟着变。上代码：这是.vue文件购物指南购物流程常见问题支付方式积分支付售后服务换货流程换货政策特色栏目高端专区关于我们联系我们意见建议上路由route/index.js{path:'/goodsList/Goods_Index',name:'Goods_Index',component:GoodsIndex,meta:{title:'商品
  • 前端面试题三 前端
    以下是一些前端面试题：一、HTML/CSS部分如何实现一个响应式的导航菜单，在移动设备上能够以汉堡菜单的形式展示？答案：使用CSS媒体查询来检测屏幕宽度。在HTML中，创建导航菜单结构，包含导航项和一个用于切换菜单显示的按钮（汉堡菜单图标）。在CSS中，对于较大屏幕（桌面端），正常显示导航菜单项，隐藏汉堡菜单按钮。当屏幕宽度小于某个阈值（如768px）时，隐藏导航菜单项，显示汉堡菜单按钮。通过Ja
  • 用CSS实现下拉菜单的多种方法 yezi1305 html(div+css)
    本文转自：http://www.51xuediannao.com/js/nav/ullidaohang.html用CSS实现下拉菜单的多种方法详细出处参考：http://www.jb51.net/article/5959.htmULLI结构实现二级导航菜单(HTML+CSS+JS)_懒人建站http://www.51xuediannao.com0?"":"")+"sfhover";}sfEls[i
  • 利用HTML和css技术编写学校官网页面 彭友圈101 css前端html
    目录一，图例展示二，代码说明1，html部分：【第一张图片】【第二张图片】【第三张图片】2，css部分：【第一张图片】【第二张图片】【第三张图片】三，程序代码一，图例展示二，代码说明1，html部分：【第一张图片】创建了一个基本的页面结构，包含header（顶部导航栏）和main（主横幅区域）。在header中，设置了学校logo、学校名称、主导航菜单以及用户相关选项（学生、教工等）。main区域
  • 【产品经理修炼之道】- 导航架构设计 xiaoli8748_软件开发 产品经理产品经理
    目录一、导航是什么二、导航的作用三、导航的分类四、导航菜单的广度与深度五、导航的颜色六、导航的形态七、导航的研究八、导航的设计九、导航改版案例分享总结每个网页的设计都需要包括导航，那么导航架构该如何设计？作者结合之前用户体验设计的相关经验给大家分享关于导航架构设计的思路，希望对你有所帮助。过完元宵佳节就正式进入新的一年了，告别与家人团聚的欢乐重新回归繁忙的工作生活中，今天结合之前用户体验设计的相关
  • 一个简单的自适应html5导航模板 很酷的站长 html5专题csscss3前端
    一个简单的HTML导航模板示例，它包含基本的导航栏结构，同时使用了CSS进行样式美化，让导航栏看起来更美观。另外，还添加了一些JavaScript代码，用于在移动端实现导航菜单的展开和收起功能。PHP网址导航模板body{font-family:Arial,sans-serif;margin:0;padding:0;background-color:#f4f4f4;}header{backgrou
  • 第20节课： jQuery基础—简化JavaScript编程的强大工具 学问小小谢 HTML学习javascriptjquery前端html学习交互搜索引擎
    目录jQuery简介为什么使用jQuery？jQuery选择器基本选择器属性选择器伪类选择器事件处理事件绑定常见事件类型事件触发动画效果基本动画自定义动画实践：使用jQuery增强网页交互示例：创建一个带有动画效果的按钮示例：创建一个交互式的导航菜单结语在Web开发中，JavaScript是实现网页交互和动态效果的核心语言。然而，原生JavaScript的语法有时显得繁琐，为了提高开发效率，jQu
  • 【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
  • 对股票分析时要注意哪些主要因素？ 会飞的奇葩猪 股票 分析 云掌股吧
    　　众所周知，对散户投资者来说，股票技术分析是应战股市的核心武器，想学好股票的技术分析一定要知道哪些是重点学习的，其实非常简单，我们只要记住三个要素：成交量、价格趋势、振荡指标。     一、成交量 　　大盘的成交量状态。成交量大说明市场的获利机会较多，成交量小说明市场的获利机会较少。当沪市的成交量超过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其他