gaoya7305
gaoya7305

二十三、移动页面练习2

一、界面第二部分开发 - 图片展示

<body>
    
    <header class="top-bar">
        
        <div class="menu-btn">
            <a href="#">
                <i class="fas fa-stream">i>
            a>
        div>
         
        <h1 class="logo">
            <a href="#">
                爱学习
            a>
        h1>
         
        <div class="search-btn">
            <a href="#">
                <i class="fas fa-search">i>
            a>
        div>
    header>

    
    <div class="banner">
        <a href="#">
            <img src="./img/17.banner.png" alt="">
        a>
    div>

style.less

// 设置banner

.banner:extend(.w){
    img{
        // 不让图片溢出
        width: 100%;
    }
}
二十三、移动页面练习2_第1张图片

二、设置菜单按钮

  
    <div class="menu">
        <a class="course" href="#">
            <i class="fas fa-book">i>
            我的课程
        a>

        <a class="star" href="#">
            <i class="fas fa-cut">i>
            明细讲师
        a>

        <a class="sub" href="#">
            <i class="fas fa-envelope">i>
            我的订阅
        a>

        <a class="download" href="#">
            <i class="fas fa-globe">i>
            我的下载
        a>
    div>

style.less

// 设置中间菜单
.menu:extend(.w){
    // 确定菜单所在容器的高度
    height: 329/40rem;
    // 设置弹性元素 - 横向排列
    display: flex;

    // 设置换行(按行排列，换行)
    flex-flow:row wrap;

    //设置里面单个模块的框大小
    // 有人说a是行内元素，为啥还设置宽高 - 因为一旦变成弹性元素，这就随便设置
    a{
        width: 327/40rem;
        height: 104/40rem;
    }
}

如果不加 flex-flow:row wrap; 样式就是这样，因为flex自带伸缩，让他们都放到一行，即使设置了每个元素的宽也无用。
二十三、移动页面练习2_第2张图片

解决： 设置换行(按行排列，换行) flex-flow:row wrap;
二十三、移动页面练习2_第3张图片

三、详细设置每个菜单的样式


.menu:extend(.w){

    height: 329/40rem;
    display: flex;
    flex-flow:row wrap;
    a{
        width: 327/40rem;
        height: 104/40rem;
        
        color:white;
        border-radius: 10/40rem;
        //只能控制文字横向居中，无法控制垂直居中
        // text-align: center; 
        // 垂直居中
        line-height:104/40rem;
        // 设计图 里面内容是 水平方向是设置间距
        i{
            margin: 0 20/40rem 0 38/40rem;
        }

    }

    .course{
        background-color: #f97053;
    }
    .star{
        background-color: #cd6efe;
    }
    .course{
        background-color: #fe4479;
    }
    .course{
        background-color: #1bc4fb;
    }
}
二十三、移动页面练习2_第4张图片

三、设置这4个菜单的对齐方式

一个是设置主轴方向左右又空白：
justify-content:space-between;
// 设置辅轴方向的对齐方式(这里还可以用space-around)
因为这里我们当时量整体高度是包含了上下空白的。
align-content:space-evenly;

二十三、移动页面练习2_第5张图片 
.menu:extend(.w){
    height: 329/40rem;
    display: flex;
    flex-flow:row wrap;
    // 设置主轴对齐方式
    justify-content:space-between;
    // 设置福州方向的对齐方式(这里还可以用space-around) 因为这里我们当时量整体高度是包含了上下空白的
    align-content:space-evenly;
    
    a{
        width: 327/40rem;
        height: 104/40rem;
        color:white;
        border-radius: 10/40rem;
        line-height:104/40rem;
        i{
            margin: 0 20/40rem 0 38/40rem;
        }
    }
    .course{
        background-color: #f97053;
    }
    .star{
        background-color: #cd6efe;
    }
    .course{
        background-color: #fe4479;
    }
    .course{
        background-color: #1bc4fb;
    }
}
二十三、移动页面练习2_第6张图片

你可能感兴趣的:(html+css,移动页面)

  • 2024必入的现象级流量卡推荐！电信卡移动联通卡推荐~移动联通电信流量卡电话卡手机卡全面评测！ 优惠攻略官
    拯救每一个想办流量卡的姐妹作为一个长期和各种流量卡打交道的人，我深知大家在选择流量卡时的疑虑和困扰。市面上的流量卡五花八门，让人眼花缭乱，那么，哪些才是真正靠谱的流量卡呢?✨在我看来，一个靠谱的流量卡应该具备以下几点：运营商授权:这是最基本的一点，正规流量卡都是有运营商授权的，大家在购买的时候一定要注意查看价格合理:正规的手机套餐价格都比较合理，不会出现4.9、这样的小数价格。功能齐全:靠谱的流量
  • C#——在WinForm中打开Excel文件，或打开Excel应用显示数据 木林森先生 C#Excelexcelc#开发语言
    目录一、如何在WinForm中打开Excel文件二、打开Excel文件的代码详解三、如何向Excel中插入数据四、如何设置Excel里的单元格格式五、如何设置Excel里的页面格式一、如何在WinForm中打开Excel文件步骤：1、添加引用“MiscrosoftExcel16.0ObjectLibrary”，并导出命名空间：usingMicrosoft.Office.Core;usingExce
  • java的db是什么_java db 北斗星再亮 java的db是什么
    关于javadb的搜索结果问题关于DB+RECORD操作oracle数据库的问题?报错@JFinal你好，想跟你请教个问题：我操作oracle数据库，插入一条记录Recorduser=newRecord().set("userid",...爱吃鱼的程序员2020-06-2220:22:060浏览量回答数1回答为什么不用分页查询是为了导出Excel使用的，前台页面的分页查询没有问题将jvm内存调大点
  • CAD图纸一键共享，永久轻松办公! Bro_8d72
    时代在进步，科技在不断发展，人们的生活习惯也在逐渐改变着，从最初的办公室计算机办公到现在的移动端办公的兴起这不但说明了信息的发展迅速也代表了我们的办公方式正在与时俱进，俗话说：“落后就要挨打！”这句话相信大家都有听说过吧！说的就是这个道理，弱肉强食，弱者必定会淘汰，所以软件在不断的开发，不断的为我们工作带来了便利。今天要给大家介绍的就是一款移动端CAD看图软件-迅捷CAD看图。软件支持CAD图纸一
  • React入门到精通：掌握前端开发的必备技能！ 知识分享小能手 学习心得体会编程语言如门react.js前端javascript
    介绍：React是一个由Facebook开发和维护的JavaScript库，用于构建用户界面，特别是用于构建单页应用程序和移动应用程序的用户界面。以下是对React的详细介绍：虚拟DOM：React通过使用虚拟DOM（DocumentObjectModel）来提高应用的性能。虚拟DOM是真实DOM的轻量级副本，React在虚拟DOM上进行操作，然后高效地更新真实DOM，这种方式比直接操作DOM要快
  • 今天开始 奇先生的妙小姐
    今天是1/29，我在上开始写作的第一天。这个决定是昨天下的。我持续在自己的iPad上写日记已经有小半年。一直妄想着自己搭一个平台，或者是做一个页面什么的。这种想法很自嗨，却没有实际能力，除了满足自我想象，没有任何意义和价值。昨天看菜头叔的书《你不重要，你的喜欢很重要》，菜头书不仅强调了写作的重要性，还强调了发表与获得评价的重要性。所以，我在昨天把一切准备妥当，今天开始行动。写作这个行为也不是突然一
  • OpenHarmony解读之设备认证：解密流程全揭秘 陈乔布斯 HarmonyOS鸿蒙开发OpenHarmonyharmonyosopenHarmony嵌入式硬件鸿蒙开发respons
    往期推文全新看点（文中附带最新·鸿蒙全栈学习笔记）①鸿蒙应用开发与鸿蒙系统开发哪个更有前景？②嵌入式开发适不适合做鸿蒙南向开发？看完这篇你就了解了~③对于大前端开发来说，转鸿蒙开发究竟是福还是祸？④鸿蒙岗位需求突增！移动端、PC端、IoT到底该怎么选？⑤记录一场鸿蒙开发岗位面试经历~⑥持续更新中……一、概述本文重点介绍客户端收到end响应消息之后的处理过程。二、源码分析这一模块的源码位于：/bas
  • P9280 [AGM 2023 资格赛] Monty Hall 题解 Eason_cyx 数学建模贪心算法
    一道数学题，有一点思维难度，代码难度为000。思路：每一次选的数都得相同，才可能打开所有的门。观察题目可以发现，这个数列是单调不下降的，所以我们从后往前考虑。先考虑i=ni=ni=n的情况：站在111号门前，移动nnn步后，又回到了111号门，死循环了，所以不考虑。而在i=n−1i=n-1i=n−1的情况下，可以走到所有的门。以此类推，前面的其实都可以。但是由于数列的单调性，最后一个可行的肯定是代
  • 宝妈怎么在家用手机挣钱?分享几个可长期操作的方法 氧惠购物达人
    工作之余，挣点零花钱，利用自己手中的手机进行赚钱可以说是很普遍存在的现象，毕竟在这个移动互联网的时代，用手机赚钱的方式多不胜数，这就给想利用业余时间做兼职的人提供了很大的便利，因为在手机上赚钱不受时间和地点的约束。那么，用手机赚钱的哪种方式是最靠谱最简单的呢？当然是手机做任务赚钱了，因为这种方式特别的适合单干，就是不用做推广邀请好友，靠自己一个人来完成各类悬赏任务即可赚取一份不错的收入了。1、氧惠
  • 在 Ant Design Vue 中实现滚动页面时保持下拉菜单展开 王旭晨 vue.jsjavascript前端
    引言在使用AntDesignVue的组件时，默认情况下，当用户滚动页面时，下拉菜单会自动关闭。这在某些场景下可能不够友好，例如在一个长表单中需要频繁切换选项时。本文将介绍如何通过配置和代码优化，实现滚动页面时保持下拉菜单展开的功能，同时不影响其他交互。问题分析为什么滚动页面会关闭下拉菜单？AntDesignVue的下拉组件（如）默认会监听页面的滚动事件。当滚动发生时，组件会认为用户意图离开当前操作
  • 【电脑】鼠标的基础知识 Mike_Wuzy 电脑
    下面是一些关于鼠标的详细知识：鼠标的基本结构外壳：通常由塑料或金属制成，提供手握的地方。滚轮：位于中央，用于滚动页面。有些高端型号的滚轮可以自定义功能。按键：最常见的是左键、右键和中键（即滚轮）。一些鼠标增加了额外的功能键。传感器：光学或激光传感器，用于捕捉移动信息并转换为数字信号传递给电脑。微处理器：处理传感器传输的数据，并将其转化为计算机可理解的命令。鼠标的类型无线鼠标：使用蓝牙、2.4GHz
  • 2019-04-16 小庄_94e5
    《暗影格斗2》是一款融合了养成元素的动作手游，它的前作曾在Facebook上创下4000万用户的辉煌战绩。《暗影格斗2》在继承前作优点的基础之上增加了装备、技能、剧情等非常有意思的游戏元素。随着情节逐渐展开，玩家将与成群的敌人格斗，并将迎战邪恶的最终BOSS。游戏逼真流畅的操控系统使玩家很容易的就能完成踢腿、拳击、跳跃、抱摔等各种极具观赏性的格斗动作，能体验到最真实激烈的格斗快感！完美体验移动版《
  • 一天学会超级玛丽小游戏_手把手教学_Java小游戏 62f5ecb72f71
    超级玛丽是任天堂制作的一款小游戏,在的童年里一起玩这个游戏,大胡子,背带裤的马里奥,每关以马里奥在走到重点的前提下尽可能地收集金币。他在闯关过程中，会遇到怪物，可以通过踩死或者跳过。也会遇到深坑。给游戏增加了一定的难度。今天带大家用java制作制作这款小游戏,下面是课程介绍.课程介绍：在你的童年记忆里，是否有一个会蹦跳，会吃蘑菇的小人？超级玛丽是一款经典并且流行的小游戏，通过键盘来控制马里奥的移动
  • ColQwen-Omni：RAG全模态检索来了，支持【文本|图像|视频|音频】四种模态！ 致Great 音视频
    还记得ColPali、ColQwen和DSE吗？这些模型开创了视觉文档检索的新范式：无需费力地从文档中提取文本进行处理，只需将文档页面视为一系列图像（屏幕截图），然后训练视觉语言模型（VLM）直接将其内容表示为向量。ColPali的实践表明，这种策略通常比其他替代方法更快、更简单，并且能带来更好的检索性能。自发布一年以来，ColPali和ColQwen系列模型已被下载数百万次，被誉为“2024年顶
  • LETTERS------dfs 好好学习。天天编程 dfs
    题目链接：http://ybt.ssoier.cn:8088/problem_show.php?pid=1212【题目描述】给出一个roe×colroe×col的大写字母矩阵，一开始的位置为左上角，你可以向上下左右四个方向移动，并且不能移向曾经经过的字母。问最多可以经过几个字母。【输入】第一行，输入字母矩阵行数RR和列数SS，1≤R,S≤201≤R,S≤20。接着输出RR行SS列字母矩阵。【输出】
  • 奇妙的动物世界 吴卓逸
    奇妙的动物世界里有聪明的猴子，可爱的小兔子，会唱歌的小鸟……但是我最喜欢的是我们老家的一条小狗。它是一只小母狗，它叫豆豆，这个名字是爷爷给它取的，它又贪吃又调皮，但它总也长不高。每次我们回老家，我都能发现它又长肥了。有一次，我们回老家踢足球，踢足球的队伍里有我、哥哥、爸爸还有爷爷。爷爷把球踢给我的时候，力气有点大，豆豆当时正在旁边观看，它正好跑到球移动的位置那，它看到求向他飞了过来。它吓得躲到了一
  • 【DFS】LETTERS（C++）
    【题目描述】给出一个roe×col的大写字母矩阵，一开始的位置为左上角，你可以向上下左右四个方向移动，并且不能移向曾经经过的字母。问最多可以经过几个字母。【输入】第一行，输入字母矩阵行数R和列数S，1≤R,S≤20。接着输出R行S列字母矩阵。【输出】最多能走过的不同字母的个数。【输入样例】36HFDFFBAJHGDHDGAGEH【输出样例】6这是一道回溯的题，比较容易弄懂，下面看代码：#inclu
  • 流量 深度链诺惜
    自然流量：关键字搜索可比价款，趋势热销款，普通商品公司搜索，图片搜索，就是客户通过主页的推荐和搜索进入的就叫自然搜索流量，搜索流量：千人千面每个人搜索结果显示的商品不一样，结果是根据他本人定制的展示页面搜索流量：流量加权分为4个等级等级1新搜索上线之日起，商品在过去30天没有交易等级2新搜索上线之日起，商品在过去30天交易大于0，通过搜索指数，商品3级类目下排名在60%以外等级3，新搜索在线上之日
  • 信息学奥赛一本通1212：LETTERS DFS 0hang 深度优先算法图论
    1212：LETTERS时间限制:1000ms内存限制:65536KB提交数:31678通过数:14328【题目描述】给出一个roe×col的大写字母矩阵，一开始的位置为左上角，你可以向上下左右四个方向移动，并且不能移向曾经经过的字母。问最多可以经过几个字母。【输入】第一行，输入字母矩阵行数R和列数S，1≤R,S≤20。接着输出R行S列字母矩阵。【输出】最多能走过的不同字母的个数。【输入样例】36
  • LETTERS（dfs，搜索与回溯） ナナ色のブランク 算法学习搜索与回溯算法c++dfs
    题目描述】给出一个roe×col的大写字母矩阵，一开始的位置为左上角，你可以向上下左右四个方向移动，并且不能移向曾经经过的字母。问最多可以经过几个字母。【输入】第一行，输入字母矩阵行数R和列数S，1≤R,S≤20。接着输出R行S列字母矩阵。【输出】最多能走过的不同字母的个数。【输入样例】36HFDFFBAJHGDHDGAGEH【输出样例】6题目分析：这属于dfs（深度优先搜索算法）。dfs带有三个
  • LETTERS（信息学奥赛一本通-T1212） （上海）编程李老师 信息学奥赛一本通：题解目录算法图论深度优先
    【题目描述】给出一个roe×col的大写字母矩阵，一开始的位置为左上角，你可以向上下左右四个方向移动，并且不能移向曾经经过的字母。问最多可以经过几个字母。【输入】第一行，输入字母矩阵行数R和列数S，1≤R,S≤20。接着输出R行S列字母矩阵。【输出】最多能走过的不同字母的个数。【输入样例】36HFDFFBAJHGDHDGAGEH【输出样例】6【源程序】#include#include#includ
  • 发票合并工具 小朋的软件园 前端javascriptjavahtml服务器
    "发票合并工具"是一款专为高效整理票据设计的实用工具，支持将来自不同渠道的发票文件（如PDF文档、各类图片格式）快速整合为排版规范的PDF文件，尤其适用于财务报销场景下的批量票据处理需求。核心功能亮点多格式兼容：无缝导入PDF文件及常见图片格式（.png/.jpg/.jpeg/.bmp），适配多来源发票整合需求。智能布局配置：提供灵活的页面布局选项（每页2/3/4张发票），其中"2合1"模式针对报
  • Anaconda 详细下载与安装教程
    Anaconda详细下载与安装教程1.简介Anaconda是一个用于科学计算的开源发行版，包含了Python和R的众多常用库。它还包括了conda包管理器，可以方便地安装、更新和管理各种软件包。2.下载Anaconda2.1访问官方网站首先，打开浏览器，访问Anaconda官方网站。2.2选择适合的版本在页面中，你会看到两个主要的下载选项：AnacondaIndividualEdition：适用于
  • 实时预览功能问题 GISer_Jinger 项目javascript开发语言ecmascript
    你遇到的问题是：“B端修改配置后无法实时出现在previewiframe中，而必须点击刷新才能生效”。主要原因与以下几方面有关：❗为什么需要手动刷新：iFrame与主页面之间缺少实时通信机制：原本仅靠刷新重新加载iframe，而没有通过postMessage等方式同步状态；Valtio的proxy状态不能跨文件热刷新持久保存：当你修改包含proxy定义的文件，热重载会导致object被替换，监听丢
  • Windows平台下Android Studio搭建Flutter开发环境的正确姿势（202506）
    Flutter作为Google推出的跨平台移动应用开发框架，近年来获得了广泛关注。它允许开发者使用单一代码库构建iOS和Android应用，大大提高了开发效率。本文将带你一步步在Windows系统上搭建完整的Flutter开发环境。第一步：下载并安装FlutterSDK首先，我们需要获取FlutterSDK：访问Flutter官方中文文档的安装页面：https://docs.flutter.cn/
  • 深入了解 Vim 编辑器：从入门到精通 誰能久伴不乏 编辑器vimlinux
    文章目录深入了解Vim编辑器：从入门到精通一、Vim的三个基本模式1.普通模式（NormalMode）2.插入模式（InsertMode）3.命令模式（CommandMode）二、常用快捷键光标移动删除操作复制和粘贴撤销和重做三、文件操作与搜索文件操作搜索文本替换文本四、Vim的进阶功能多文件编辑分屏功能标签页查看帮助五、总结深入了解Vim编辑器：从入门到精通Vim是一个强大的文本编辑器，广泛应用
  • Vue3组件库实战: 打造高复用UI系统 武昌库里写JAVA 面试题汇总与解析课程设计springbootvue.jslayui毕业设计
    Vue3组件库实战:打造高复用UI系统介绍什么是Vue3组件库在前端开发中，UI组件库是非常重要的一部分。Vue3组件库是基于Vue.js3.x版本开发的一套可用于构建Web应用的UI组件集合，可以帮助开发者快速搭建页面并保证页面的一致性和美观性。目标关键词：Vue3组件库设计与构建设计原则组件库的设计需要遵循一定的原则，比如易用性、可维护性、扩展性等。在设计阶段需要考虑到不同场景的使用，并且保证
  • 在 Windows 上安装 Docker Desktop 不老刘 人工智能windowsdocker容器
    还是简单说一下，如何在Windows上安装DockerDesktop，具体步骤如下：系统要求Windows10/1164-bit（专业版、企业版或教育版，版本21H2或更高）启用WSL2（WindowsSubsystemforLinux2）或Hyper-V至少4GB内存BIOS中启用虚拟化（VT-x/AMD-V）安装步骤1.下载DockerDesktop访问Docker官网下载页面。下载Docke
  • 数据分析常用指标名词解释及计算公式 走过冬季 学习笔记数据分析大数据
    数据分析中有大量常用指标，它们帮助我们量化业务表现、用户行为、产品健康度等。下面是一些核心指标的名词解释及计算方式，按常见类别分类：一、流量与用户规模指标页面浏览量名词解释：用户访问网站或应用时，每次加载或刷新一个页面就算一次PV。它衡量的是页面被打开的总次数。计算方式：PV=∑(所有页面被加载的次数)(通常由埋点或日志直接统计)独立访客数名词解释：在特定时间范围内（如一天、一周、一月），访问网站
  • JavaScript之DOM操作与事件处理详解 AA-代码批发V哥 JavaScriptjavascript
    JavaScript之DOM操作与事件处理详解一、DOM基础：理解文档对象模型二、DOM元素的获取与访问2.1基础获取方法2.2集合的区别与注意事项三、DOM元素的创建与修改3.1创建与插入元素3.2修改元素属性与样式3.2.1属性操作3.2.2样式操作3.3元素内容的修改四、DOM元素的删除与替换4.1删除元素4.2替换元素五、事件处理：实现页面交互5.1事件绑定的三种方式5.1.1HTML属性
  • Java实现的基于模板的网页结构化信息精准抽取组件：HtmlExtractor yangshangchuan 信息抽取HtmlExtractor精准抽取信息采集
    HtmlExtractor是一个Java实现的基于模板的网页结构化信息精准抽取组件，本身并不包含爬虫功能，但可被爬虫或其他程序调用以便更精准地对网页结构化信息进行抽取。   HtmlExtractor是为大规模分布式环境设计的，采用主从架构，主节点负责维护抽取规则，从节点向主节点请求抽取规则，当抽取规则发生变化，主节点主动通知从节点，从而能实现抽取规则变化之后的实时动态生效。 如
  • java编程思想 -- 多态 百合不是茶 java多态详解
    一: 向上转型和向下转型 面向对象中的转型只会发生在有继承关系的子类和父类中（接口的实现也包括在这里）。父类：人    子类：男人向上转型： Person p = new Man() ; //向上转型不需要强制类型转化向下转型： Man man =
  • [自动数据处理]稳扎稳打,逐步形成自有ADP系统体系 comsci dp
          对于国内的IT行业来讲,虽然我们已经有了"两弹一星",在局部领域形成了自己独有的技术特征,并初步摆脱了国外的控制...但是前面的路还很长....       首先是我们的自动数据处理系统还无法处理很多高级工程...中等规模的拓扑分析系统也没有完成,更加复杂的
  • storm 自定义 日志文件 商人shang stormclusterlogback
    Storm中的日志级级别默认为INFO，并且，日志文件是根据worker号来进行区分的，这样，同一个log文件中的信息不一定是一个业务的，这样就会有以下两个需求出现： 1. 想要进行一些调试信息的输出 2. 调试信息或者业务日志信息想要输出到一些固定的文件中   不要怕，不要烦恼，其实Storm已经提供了这样的支持，可以通过自定义logback 下的 cluster.xml 来输
  • Extjs3 SpringMVC使用 @RequestBody 标签问题记录 21jhf
    springMVC使用 @RequestBody(required = false) UserVO userInfo 传递json对象数据，往往会出现http 415，400,500等错误，总结一下需要使用ajax提交json数据才行，ajax提交使用proxy，参数为jsonData，不能为params；另外，需要设置Content-type属性为json，代码如下： （由于使用了父类aaa
  • 一些排错方法 文强chu 方法
    1、java.lang.IllegalStateException: Class invariant violation at org.apache.log4j.LogManager.getLoggerRepository(LogManager.java:199)at org.apache.log4j.LogManager.getLogger(LogManager.java:228) at o
  • Swing中文件恢复我觉得很难 小桔子 swing
           我那个草了！老大怎么回事，怎么做项目评估的？只会说相信你可以做的，试一下，有的是时间！        用java开发一个图文处理工具，类似word，任意位置插入、拖动、删除图片以及文本等。文本框、流程图等，数据保存数据库，其余可保存pdf格式。ok,姐姐千辛万苦，
  • php 文件操作 aichenglong PHP读取文件写入文件
    1 写入文件 @$fp=fopen("$DOCUMENT_ROOT/order.txt", "ab"); if(!$fp){ echo "open file error" ; exit; } $outputstring="date:"." \t tire:".$tire."
  • MySQL的btree索引和hash索引的区别 AILIKES 数据结构mysql算法
    Hash 索引结构的特殊性，其 检索效率非常高，索引的检索可以一次定位，不像B-Tree 索引需要从根节点到枝节点，最后才能访问到页节点这样多次的IO访问，所以 Hash 索引的查询效率要远高于 B-Tree 索引。     可能很多人又有疑问了，既然 Hash 索引的效率要比 B-Tree 高很多，为什么大家不都用 Hash 索引而还要使用 B-Tree 索引呢
  • JAVA的抽象--- 接口 --实现 百合不是茶
    抽象 接口 实现接口   //抽象 类 ,方法   //定义一个公共抽象的类 ,并在类中定义一个抽象的方法体 抽象的定义使用abstract   abstract class A 定义一个抽象类 例如： //定义一个基类 public abstract class A{     //抽象类不能用来实例化，只能用来继承 //
  • JS变量作用域实例 bijian1013 作用域
    <script> var scope='hello'; function a(){ console.log(scope); //undefined var scope='world'; console.log(scope); //world console.log(b);
  • TDD实践（二） bijian1013 javaTDD
    实践题目：分解质因数 Step1： 单元测试： package com.bijian.study.factor.test; import java.util.Arrays; import junit.framework.Assert; import org.junit.Before; import org.junit.Test; import com.bijian.
  • [MongoDB学习笔记一]MongoDB主从复制 bit1129 mongodb
    MongoDB称为分布式数据库，主要原因是1.基于副本集的数据备份， 2.基于切片的数据扩容。副本集解决数据的读写性能问题，切片解决了MongoDB的数据扩容问题。   事实上，MongoDB提供了主从复制和副本复制两种备份方式，在MongoDB的主从复制和副本复制集群环境中，只有一台作为主服务器，另外一台或者多台服务器作为从服务器。 本文介绍MongoDB的主从复制模式，需要指明
  • 【HBase五】Java API操作HBase bit1129 hbase
    import java.io.IOException; import org.apache.hadoop.conf.Configuration; import org.apache.hadoop.hbase.HBaseConfiguration; import org.apache.hadoop.hbase.HColumnDescriptor; import org.apache.ha
  • python调用zabbix api接口实时展示数据 ronin47
    zabbix api接口来进行展示。经过思考之后，计划获取如下内容：     1、  获得认证密钥     2、  获取zabbix所有的主机组     3、  获取单个组下的所有主机     4、  获取某个主机下的所有监控项  
  • jsp取得绝对路径 byalias 绝对路径
    在JavaWeb开发中，常使用绝对路径的方式来引入JavaScript和CSS文件，这样可以避免因为目录变动导致引入文件找不到的情况，常用的做法如下： 一、使用${pageContext.request.contextPath} 　　代码” ${pageContext.request.contextPath}”的作用是取出部署的应用程序名，这样不管如何部署，所用路径都是正确的。
  • Java定时任务调度：用ExecutorService取代Timer bylijinnan java
    《Java并发编程实战》一书提到的用ExecutorService取代Java Timer有几个理由，我认为其中最重要的理由是： 如果TimerTask抛出未检查的异常，Timer将会产生无法预料的行为。Timer线程并不捕获异常，所以 TimerTask抛出的未检查的异常会终止timer线程。这种情况下，Timer也不会再重新恢复线程的执行了;它错误的认为整个Timer都被取消了。此时，已经被
  • SQL 优化原则 chicony sql
    一、问题的提出 　在应用系统开发初期，由于开发数据库数据比较少，对于查询SQL语句，复杂视图的的编写等体会不出SQL语句各种写法的性能优劣，但是如果将应用系统提交实际应用后，随着数据库中数据的增加，系统的响应速度就成为目前系统需要解决的最主要的问题之一。系统优化中一个很重要的方面就是SQL语句的优化。对于海量数据，劣质SQL语句和优质SQL语句之间的速度差别可以达到上百倍，可见对于一个系统
  • java 线程弹球小游戏 CrazyMizzz java游戏
    最近java学到线程，于是做了一个线程弹球的小游戏，不过还没完善 这里是提纲 1.线程弹球游戏实现 1.实现界面需要使用哪些API类 JFrame JPanel JButton FlowLayout Graphics2D Thread Color ActionListener ActionEvent MouseListener Mouse
  • hadoop jps出现process information unavailable提示解决办法 daizj hadoopjps
    hadoop jps出现process information unavailable提示解决办法   jps时出现如下信息： 3019 -- process information unavailable3053 -- process information unavailable2985 -- process information unavailable2917 --
  • PHP图片水印缩放类实现 dcj3sjt126com PHP
    <?php class Image{ private $path; function __construct($path='./'){ $this->path=rtrim($path,'/').'/'; } //水印函数，参数：背景图，水印图，位置，前缀,TMD透明度 public function water($b,$l,$pos
  • IOS控件学习：UILabel常用属性与用法 dcj3sjt126com iosUILabel
    参考网站： http://shijue.me/show_text/521c396a8ddf876566000007 http://www.tuicool.com/articles/zquENb http://blog.csdn.net/a451493485/article/details/9454695 http://wiki.eoe.cn/page/iOS_pptl_artile_281
  • 完全手动建立maven骨架 eksliang javaeclipseWeb
    建一个 JAVA 项目 ： mvn archetype:create -DgroupId=com.demo -DartifactId=App [-Dversion=0.0.1-SNAPSHOT] [-Dpackaging=jar] 建一个 web 项目 ： mvn archetype:create -DgroupId=com.demo -DartifactId=web-a
  • 配置清单 gengzg 配置
    1、修改grub启动的内核版本 vi /boot/grub/grub.conf 将default 0改为1 拷贝mt7601Usta.ko到/lib文件夹 拷贝RT2870STA.dat到 /etc/Wireless/RT2870STA/文件夹 拷贝wifiscan到bin文件夹，chmod 775 /bin/wifiscan 拷贝wifiget.sh到bin文件夹，chm
  • Windows端口被占用处理方法 huqiji windows
    以下文章主要以80端口号为例，如果想知道其他的端口号也可以使用该方法..........................1、在windows下如何查看80端口占用情况?是被哪个进程占用?如何终止等.        这里主要是用到windows下的DOS工具,点击"开始"--"运行",输入&
  • 开源ckplayer 网页播放器， 跨平台(html5, mobile)，flv, f4v, mp4, rtmp协议. webm, ogg, m3u8 ！ 天梯梦 mobile
    CKplayer，其全称为超酷flv播放器，它是一款用于网页上播放视频的软件，支持的格式有：http协议上的flv,f4v,mp4格式，同时支持rtmp视频流格 式播放，此播放器的特点在于用户可以自己定义播放器的风格，诸如播放/暂停按钮，静音按钮，全屏按钮都是以外部图片接口形式调用，用户根据自己的需要制作 出播放器风格所需要使用的各个按钮图片然后替换掉原始风格里相应的图片就可以制作出自己的风格了，
  • 简单工厂设计模式 hm4123660 java工厂设计模式简单工厂模式
           简单工厂模式（Simple Factory Pattern）属于类的创新型模式，又叫静态工厂方法模式。是通过专门定义一个类来负责创建其他类的实例，被创建的实例通常都具有共同的父类。简单工厂模式是由一个工厂对象决定创建出哪一种产品类的实例。简单工厂模式是工厂模式家族中最简单实用的模式，可以理解为是不同工厂模式的一个特殊实现。
  • maven笔记 zhb8015 maven
    跳过测试阶段： mvn package -DskipTests 临时性跳过测试代码的编译： mvn package -Dmaven.test.skip=true   maven.test.skip同时控制maven-compiler-plugin和maven-surefire-plugin两个插件的行为，即跳过编译，又跳过测试。   指定测试类 mvn test
  • 非mapreduce生成Hfile，然后导入hbase当中 Stark_Summer maphbasereduceHfilepath实例
    最近一个群友的boss让研究hbase，让hbase的入库速度达到5w+/s，这可愁死了，4台个人电脑组成的集群，多线程入库调了好久，速度也才1w左右，都没有达到理想的那种速度，然后就想到了这种方式，但是网上多是用mapreduce来实现入库，而现在的需求是实时入库，不生成文件了，所以就只能自己用代码实现了，但是网上查了很多资料都没有查到，最后在一个网友的指引下，看了源码，最后找到了生成Hfile
  • jsp web tomcat 编码问题 王新春 tomcatjsppageEncode
    今天配置jsp项目在tomcat上，windows上正常，而linux上显示乱码，最后定位原因为tomcat 的server.xml 文件的配置，添加 URIEncoding 属性： <Connector port="8080" protocol="HTTP/1.1" connectionTi
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他