伪伪的喵喵
伪伪的喵喵

简单二级菜单实现

简单二级菜单实现

看了公开课视频，挺基础的，但一节课看下来，还是能发下自己的知识点的不足，学习浮躁的状态

主要知识点

  • 背景图片定位
  • 行内元素控制
  • fixed, relative, absolute的差别使用

值得注意的内容

    <a href="#">1a><a href="#">1a><a href="#">1a><a href="#">1a><a href="#">1a>

与

    <a href="#">1a>
    <a href="#">1a>
    <a href="#">1a>
    <a href="#">1a>
    <a href="#">1a>

在显示上存在着差异，是之前一直没有注意过的

效果图

简单二级菜单实现_第1张图片

    
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>二级菜单title>
    <meta name="keyword" content="">
    <meta name="description">
    <style>
        * {
    margin: 0;
    padding: 0;
}
body {
    user-select: none; 
}
.menu {
    width: 280px;
    height: 500px;
    background: #fff;
    border: 1px solid #49A3DF;
    margin-top: 70px;
    margin-left: 50px;
}

.menu .title {
    width: 280px;
    height: 50px;
    background: #49A3DF;
    color: #fff;
    text-align: center;
    line-height: 50px;
}
.menu ul li {
    list-style: none;
    height: 40px;
    border-bottom: 1px dotted #ddd;
    line-height: 40px;
    text-indent: 10px;
    background: url('../images/ts.png') no-repeat;
    background-position: 260px center;
    position: relative;
}
.menu ul li a {
    color: #666;
    text-decoration: none;
    margin-right: 10px;
}
.menu ul li .top {
    width: 280px;
    height: 1px;
    position: absolute;
    background: #49A3DF;
    top: -1px;
    left: 0;
    display: none;
}
.menu ul li .bottom {
    width: 280px;
    height: 1px;
    position: absolute;
    background: #49A3DF;
    top: 41px;
    left: 0;
    display: none;
}
.menu ul li .right {
    width: 1px;
    height: 40px;
    position: absolute;
    background: #fff;
    top: 0px;
    right: -1px;
    display: none;
}
.menu ul li .nav {
    width: 259px;
    height: 251px;
    border: 1px solid #49A3DF;
    position: absolute;
    background: #fff;
    top: -1px;
    right: -261px;
    display: none;
}
    style>
head>
<body>
    <div class="menu">
        <div class="title">全部商品div>
        <ul>
            <li>
                <a href="#">上衣a><a href="#">呢大衣a><a href="#">卫衣a><a href="#">针织衫a><a href="#">套衫a>
                <div class="top">div>
                <div class="bottom">div>
                <div class="nav"><img src="images/xq.png" alt="">div>
                <div class="right">div>
            li>
            <li>
                <a href="#">上衣a><a href="#">呢大衣a><a href="#">卫衣a><a href="#">针织衫a><a href="#">套衫a>
                <div class="top">div>
                <div class="bottom">div>
                <div class="nav"><img src="images/xq.png" alt="">div>
                <div class="right">div>
            li>
            <li>
                <a href="#">上衣a><a href="#">呢大衣a><a href="#">卫衣a><a href="#">针织衫a><a href="#">套衫a>
                <div class="top">div>
                <div class="bottom">div>
                <div class="nav"><img src="images/xq.png" alt="">div>
                <div class="right">div>
            li>
            <li>
                <a href="#">上衣a><a href="#">呢大衣a><a href="#">卫衣a><a href="#">针织衫a><a href="#">套衫a>
                <div class="top">div>
                <div class="bottom">div>
                <div class="nav"><img src="images/xq.png" alt="">div>
                <div class="right">div>
            li>
            <li>
                <a href="#">上衣a><a href="#">呢大衣a><a href="#">卫衣a><a href="#">针织衫a><a href="#">套衫a>
                <div class="top">div>
                <div class="bottom">div>
                <div class="nav"><img src="images/xq.png" alt="">div>
                <div class="right">div>
            li>
            <li>
                <a href="#">上衣a><a href="#">呢大衣a><a href="#">卫衣a><a href="#">针织衫a><a href="#">套衫a>
                <div class="top">div>
                <div class="bottom">div>
                <div class="nav"><img src="images/xq.png" alt="">div>
                <div class="right">div>
            li>
            <li>
                <a href="#">上衣a><a href="#">呢大衣a><a href="#">卫衣a><a href="#">针织衫a><a href="#">套衫a>
                <div class="top">div>
                <div class="bottom">div>
                <div class="nav"><img src="images/xq.png" alt="">div>
                <div class="right">div>
            li>
            <li>
                <a href="#">上衣a><a href="#">呢大衣a><a href="#">卫衣a><a href="#">针织衫a><a href="#">套衫a>
                <div class="top">div>
                <div class="bottom">div>
                <div class="nav"><img src="images/xq.png" alt="">div>
                <div class="right">div>
            li>
            <li>
                <a href="#">上衣a><a href="#">呢大衣a><a href="#">卫衣a><a href="#">针织衫a><a href="#">套衫a>
                <div class="top">div>
                <div class="bottom">div>
                <div class="nav"><img src="images/xq.png" alt="">div>
                <div class="right">div>
            li>
            <li>
                <a href="#">上衣a><a href="#">呢大衣a><a href="#">卫衣a><a href="#">针织衫a><a href="#">套衫a>
                <div class="top">div>
                <div class="bottom">div>
                <div class="nav"><img src="images/xq.png" alt="">div>
                <div class="right">div>
            li>
            <li>
                <a href="#">上衣a><a href="#">呢大衣a><a href="#">卫衣a><a href="#">针织衫a><a href="#">套衫a>
                <div class="top">div>
                <div class="bottom">div>
                <div class="nav"><img src="images/xq.png" alt="">div>
                <div class="right">div>
            li>
            <a href="#">a>
            <a href="#">a>
            <a href="#">a>
            <a href="#">a>
            <a href="#">a>
        ul>
    div>
    <script src="js/jquery-1.8.3.min.js">script>
    <script>
        $('.menu ul li').hover(function() {
            $(this).find('div').show();
        },function() {
            $(this).find('div').hide();
        });
    script>
body>
html>

你可能感兴趣的:(前端练习)

  • 前端练习小项目——视觉冲击卡片 秋刀鱼不做梦 CSS前端学习htmlcsscss3vscode
    前言：前言：在学习完HTML和CSS之后，我们就可以开始做一些小项目了，本篇文章所讲的小项目为——视觉冲击卡片✨✨✨这里是秋刀鱼不做梦的BLOG✨✨✨想要了解更多内容可以访问我的主页秋刀鱼不做梦-CSDN博客先让我们看一下效果：那么我们如何去实现这样的小案例呢？在下文中我们对每一段重要的代码都进行了解释，读者可以根据注释对代码进行理解。1.HTML代码zjy这段HTML代码是一个基本的网页模板，展
  • web前端练习一 ANCHG_ 前端
    1.电子汇款单电子汇款单工商银行电子汇款单回单类型-->网上转账汇款指令序号-->HQH000000000000013878172       收 款 人 户名老牟付 款 人 户名老刘-->卡号0000000001-->卡号0000000002-->地区南京-->地区杭
  • Vue实现版本号输入、删除时光标自动移动到上、下一个输入框前端demo 齐天qaq 前端分享前端vue.jsjavascript
    前言首先声明，我平时的工作主要是后端JAVA开发，该demo为前端练习，记录一下劳动成果，希望对大家有所帮助，如果有写的不妥的地方，欢迎大家指正，一起学习、共同进步。背景手机验证码、银行卡输入密码等很多场景，在我们输入或者删除的时候，光标都会自动的定位到我们当前输入的输入框，模拟这一场景，我决定简单实现一下输入、删除版本号时，光标自动移动、定位。假设：系统版本号分为主版本号、次版本号、修订号、构建
  • 如何开发前端组件库 天道酬心 笔记javascript前端框架组件库UI框架ui
    在讲如何做之前先说两个不大、却有点重要的问题～。ps（文章最后有项目案例）1.为什么要自己开发一个前端组件库？或者说，自己开发一个前端组件库有什么好处？我认为前端组件库是我们前端练习写一个library的最简单最有效的方式（当然在面试中也算一个不错的亮点）。因为开发组件库的过程不仅练习了框架（vue/react）的使用，还集合了包括单元测试、UI输出、类型检查、打包构建等从头到尾一整套的知识。其中
  • 我的前端学习之路-----HTML+css（一） 一七得七得八得九 前端
    （本条为个人学习随手笔记，以基础知识为主）我的推荐练习网站：https://www.freecodecamp.org/learn（免费的前端练习网站，像是闯关，推荐指数★★★★★）推荐学习网站：菜鸟教程-学的不仅是技术，更是梦想！(runoob.com)中国大学MOOC(慕课)_国家精品课程在线学习平台(icourse163.org)————客户端与服务器————通常情况下，现在的软件由客户端与服
  • 前端学习Day5 骑猪的baba
    1.练习1.1代码这是我第一个前端练习网页这是我的个人博客东风破周杰伦一盏离愁孤灯伫立在窗口我在门后假装你人还没走旧地如重游月圆更寂寞夜半清醒的烛火不忍苛责我一壶漂泊浪迹天涯难入喉你走之后酒暖回忆思念瘦水向东流时间怎么偷花开就一次成熟我却错过谁在用琵琶弹奏一曲东风破岁月在墙上剥落看见小时候犹记得那年我们都还很年幼而如今琴声幽幽我的等候你没听过谁在用琵琶弹奏一曲东风破枫叶将故事染色结局我看透篱笆外的
  • 前端练习的网站 小白学过的代码 cesium编程语言javascript
    1.freecode2.力扣3.MDN4.codewas5.JavaScriptKatas6.牛客网7.NODESCHOOL8.HackerRank这是几个我平常练习的前段网站
  • 第五届字节跳动前端青训营入营笔试 Karl ^_^ 字节跳动青训营css前端html
    第五届字节跳动青训营文章目录第五届字节跳动青训营青训营-前端练习题每日一练编程题前端编程题[342.4的幂](https://leetcode.cn/problems/power-of-four/)[125.验证回文串](https://leetcode.cn/problems/valid-palindrome/)[5.最长回文子串](https://leetcode.cn/problems/lo
  • 浅谈一下 webpack 以及 loader 和 plugin yingjieweb webpack前端javascript
    话说，前端练习时长也快两年了，但是关于webpack的东西好像也没怎么研究过一是没有这方面的需求：回想一下，关于webpack的配置相关工作，也就只有自己配置过一次loader「使用svg-sprite-loader、svgo-loader优化svgsymbols」，还是摸着石头过河；二是大部分的配置工作脚手架都已经做好了，这很可能导致一个问题，就是别人问你webpack相关的知识的时候，阿巴阿巴
  • 前端练习--钟表运动效果 comegoing-归去兮来 前端基础练习html5css3前端css动画
    目录一、效果展示二、原理1、背景2、指针旋转三、代码（背景图来自本地，请自行下载）一、效果展示二、原理1、背景（1）实际上，钟表一个div，时针分针秒针都有一个div背景，只是没有显示（2）用一个div作为钟表的盒子，加入背景图片，并用border-radius设置为圆形（3）每个指针需要一个div作为背景（4）将时针分针秒针作为div的子元素，让他们在盒子中居中，并且长度只占50%2、指针旋转（
  • 前端练习--3D盒子背景图运动效果 comegoing-归去兮来 前端基础练习html前端css动画
    目录一、效果展示二、原理三、代码（图片来自本地，请自行解决背景图片）一、效果展示二、原理--打开transform-style的preserve-3d模式--将6张图片进行绝对定位，使之重合--通过rotate旋转，成为盒子的六个面--添加keyframes动画效果三、代码（图片来自本地，请自行解决背景图片）3D旋转盒子@keyframesbox{from{transform:rotateX(0)
  • html训练项目,前端新手项目练习之钟表 白马唐僧 html训练项目
    前端新手项目练习值钟表前端新手记录自己在网络上找到的前端练习项目。项目简介一个简单的钟表，有刻度和数字，利用了一些CSS3特效来实现。钟表.gifhtml部分在html中写好钟表、圆心和时分秒针,其它标签较为复杂，需通过javascript添加。钟表CSS部分CSS部分使用了很多的CSS3特效，用来实现钟表并且更好看一些。*{margin:0;padding:0;}.clock{width:400
  • 蓝桥杯Web前端练习-----渐变色背景生成器 懒羊羊h csshtml前端javascriptcss
    介绍相信做过前端开发的小伙伴们对渐变色在UI设计中的流行度一定不陌生，网页上也时常可以看到各类复杂的渐变色生成工具。使用原生的CSS变量加一些JS函数就能做出一个简单的渐变色背景生成器。现在渐变色生成器只完成了颜色选取的功能，需要大家帮忙把取色器中的两个色值通过JS函数更新给CSS变量，从而实现渐变色预览功能。准备本题已经内置了初始代码，打开实验环境，目录结构如下：├──index.html├──
  • 蓝桥杯Web前端练习题-----水果拼盘 懒羊羊h htmlcss前端csscss3
    一、水果拼盘介绍目前CSS3中新增的Flex弹性布局已经成为前端页面布局的首选方案，本题可以使用Flex属性快速完成布局。准备开始答题前，需要先打开本题的项目代码文件夹，目录结构如下：├──css│└──style.css├──images│├──apple.svg│├──banana.svg│├──blueplate.svg│├──redplate.svg│├──yellowplate.svg│
  • 2022-2023寒假字节青训营前端练习题（选择题） Kw_Chng 前端
    DAY1选择题1：下列哪些是HTML5的新特性？A.语义标签B.Canvas绘图C.元素D.增强型表单【ans：ABCD】选择题2：下面可以继承的属性有哪些？A.font-sizeB.backgroundC.colorD.cursor【ans：ACD】DAY2选择题1：对于一条100M的宽带，理论下载速度上限是多少？A.12.5MB/sB.100MB/sC.10MB/sD.10Mb/s【ans：A
  • 第五届字节跳动青训营(寒假) - 前端练习题&官方答案 我发在否 前端cssjavascripthtml
    【青训营-前端练习题】想知道青训营笔试题怎么考？快来这里看看练习题吧！收集自字节青训营官方账号Day1选择题1：下列哪些是HTML5的新特性？A.语义标签B.Canvas绘图C.元素D.增强型表单选择题2：下面可以继承的属性有哪些？A.font-sizeB.backgroundC.colorD.cursor1、ABCD；2、ACDDay2选择题1：对于一条100M的宽带，理论下载速度上限是多少？A
  • 时长一年半的前端练习生2022年终总结 码云笔记 其他分类前端
    2022感觉过得真快，还有一周就结束了，趁着周末有时间来总结一下2022做了什么。最近小人很多，各位老哥保重身体。工作咱也不是刚毕业的小鲜肉了，不过也算不上什么工作经验丰富的老司机。大概分享一下今年工作以来的一些感想与心得吧。去年刚入职的时候基本上都是在扮演一个页面仔的角色，切切图CURD，没有什么特别值得说的事情。从今年开始，自己会从团队、工程化、性能优化的角度去考量自己做的事情。比如开发一些效
  • 前端练习--奇奇动漫导航条（通过背景图设置） comegoing-归去兮来 前端基础练习前端csshtmlcss3
    目录一、效果展示二、注意三、代码一、效果展示二、注意（1）这个蓝色背景并不是设置了背景颜色，这是背景贴图，并且是高度100px，宽度1px的图片横向重复粘贴（2）这里面三个文字的祖先元素是li，为了能够横向排版，进行了浮动，为防止高度塌陷，外联了css文件，这里需要注意，不然代码会出问题-至于高度塌陷，请参考这篇文章：https://blog.csdn.net/comegoing_xin_lv/a
  • 前端练习题目--不定时分享 马德里甜欣 前端linqjavascript
    vartest=newBoolean();document.write(test);document.write("");vartest=newBoolean(0);document.write(test);document.write("");vartest=newBoolean(null);document.write(test);document.write("");vartest=newB
  • 前端新手项目练习之钟表 简单一点点
    前端新手项目练习值钟表前端新手记录自己在网络上找到的前端练习项目。项目简介一个简单的钟表，有刻度和数字，利用了一些CSS3特效来实现。钟表.gifhtml部分在html中写好钟表、圆心和时分秒针,其它标签较为复杂，需通过javascript添加。钟表CSS部分CSS部分使用了很多的CSS3特效，用来实现钟表并且更好看一些。*{margin:0;padding:0;}.clock{width:400
  • 前端新手项目练习之拼图游戏 一点点努力
    前端新手记录自己在网络上找到的前端练习项目。趁热打铁，再练习一下鼠标拖动相关的事件，这个小游戏是一个不错的选择，玩着有趣，看着也养眼。项目简介三个选项代表三幅图片，可以选择任意一个开始游戏，拼图游戏跟我们平时玩的差不多，全部拼正确后会提示完成游戏并显示花费的时间。拼图游戏.gifHtml部分分成3个部分，上面是3个图片作为选项，中间是开始游戏的按钮，下面是游戏正文部分，因为较为复杂需要通过Java
  • 专科生一年如何从0基础到月薪10K 啊天嗷 大前端专科生javascripthtmlcss
    大家好！我是前端练习时长一年半的菜徐昆从毕业实习开始：寻找新的学习方式：开始就业:再启程：共勉：（开个玩笑，坤哥还是帅的）从毕业实习开始：我是一个专科生，我觉得代码无关学历，可是我还是想点明我现在的学历，因为呢有很多计算机系专科毕业生毕业后根本找不着方向，这也是我写下这篇文章的最大原因，希望给专科生有一点点的引导作用。首先从在大学里学的东西开始说吧，毕竟是专科生，所以学的知识有关于代码的东西都十分
  • 设计模式总结分享-一个引子 ZYJCMD 设计模式javascripttypescript
    写在最前面前端作为最初的切图仔（手动狗头），到现在面对越来越复杂的业务项目，处理越来越复杂的工程项目，对前端程序员的要求也越来越高。特别是，当有幸参加完阿里前端练习生计划后，才知道，前端的东西真的太多了，从工程基建代码监控到webGL，再到人工智能，真是哪里都有前端的大展拳脚的舞台。当然，在这个趋势下，对前端的要求也是水涨船高，看到很多大厂的JD都有提及到设计模式这一点。那设计模式又是啥，为什么要
  • Vue axios增删改查纯前端练习二 普通查询 商朝 前端vue.js前端js
    Vueaxios_crud纯前端练习二普通查询部署mockqueryResp.jsmock制造假数据dao层书写dao层query()函数jshtml页面运行总结部署mock上一篇我们已经把依赖和相关的文件建立完毕了那么我们从登录的基础上继续没有部署的小伙伴请移步上一篇Vueaxios_crud纯前端练习一登录queryResp.js在mock文件下建立queryResp.js文件目前的结构大概是
  • Vue axios增删改查纯前端练习一 登录 商朝 前端vue前端
    Vueaxios_crud纯前端练习一登录项目建立导入依赖新建目录静态html书写布局布局mock布局request.jsdao层请求发送html和vue运行总结项目建立导入依赖这里笔者用的时Vscode开发工具所以我们按照vscode来讲解在本地选择新建一个文件夹命名axios_crud并用vscode打开,如图在该目录下初始化对象:点击左侧空白区域,右键在集成终端打开右侧输入框初始化:npmi
  • 数据分析疫情图——day1 RodmaChen 数据分析疫情java大数据
    数据分析疫情一.创建javaweb项目二.前端练习1.导入视频2.获取二维码3.实现跳转连接4.简单界面构建前言：本来还得在学校见习的，因为疫情改成了上网课，虽然没有了在学校和同学们讨论的欢乐，但也很有趣。今天是第一天，我们的老师要带我们做的项目是分析全国疫情的图（老师也很辛苦啊），打算每天记一下笔记，让自己知道没白学本文已收录进我的小破站chenyunzhi.top在这里插入代码片软件：ecli
  • CSS现状和如何学习 阿里巴巴淘系技术团队官网博客 定位crmrelativelayoutpowerdesignerredirect
    导读：在2020年岁末有幸和一群优秀大学生在一起聊CSS相关的话题，感到非常的荣幸！在此非常感谢平台（阿里巴巴集团.前端练习生计划）给我这样的机会，同时也要非常感谢好友裕波，墨苒对我的鼓励和支持。在结束直播的时候，说过后面要整理一篇文字版本，由于个人新转团队（互动团队转到F(x)Team团队），加上自己太懒，所以今天才开始整理文字版本。所幸能在岁末完成，还算是一种补救。希望接下来的内容，对于新接触
  • 前端练习：ToDoList weixin_30817749 前端javascriptjson
    模仿ToDoListToDoList.htmlToDoList—最简单的待办事项列表ToDoList正在进行0已经完成0Copyright©2018todolist.cnclearindex.cssbody{margin:0;padding:0;font-size:16px;background:#CDCDCD;}.hander{width:100%;background-color:r
  • 「前端练习场」原生 JavaScript 手写各种 数组 API weixin_33721344
    前言JavaScript中的数组类型提供了很多原生方法供我们使用，本文会模拟实现一些常用的数组API。「前端练习场」将会持续更新，不同于之前的【前端进阶之路】和【从头到脚】这两个系列，练习场主要侧重于基础知识的练习巩固，大家对这个系列有好的建议也可以在评论区和我交流?。另外我自己也是在不断的学习中，如果有不对的地方麻烦大家斧正，我会及时更新，感谢。博客地址??fe-codeAPI数组的API有很多
  • 前端练习05 判断两个矩形是否重叠 多拉斯基 前端练习
    题目（2018-11-20）用一个对象的数据来表示一个矩形的位置和大小：{x:100,y:100,width:150,height:250}它表示一个宽为150高为250的矩形在页面上的(100,100)的位置。请你完成一个函数isOverlap可以接受两个矩形作为参数，判断这两个矩形在页面上是否重叠。例如：constrect1={x:100,y:100,width:100,height:100}
  • 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其他