coderLcy
coderLcy

8.9 浮动 九宫格

【经典题】
使用HTML+CSS实现如图布局，border-width：5px，格子大小是50px*50px。hover在这里插入图片描述时边框变成红色，需要考虑语义化。
8.9 浮动 九宫格_第1张图片
（1）首先想借用506具中模型和605浮动模型去实现该问题，感觉因为基础知识不牢固，所以没走通。以后再尝试。
尝试成功：8.9 浮动 九宫格_第2张图片

    <link href="style1.css" rel="stylesheet">
head>
<body>
<div class="wrapper">
    <div class="box">
        1
    div>
    <div class="box">
        2
    div>
    <div class="box">
        3
    div>
    <div class="box">
        4
    div>
    <div class="box">
        5
    div>
    <div class="box">
        6
    div>
    <div class="box">
        7
    div>
    <div class="box">
        8
    div>
    <div class="box">
        9
    div>
div>

*{
    margin:0;
    padding:0;
    color: #424242;
    font-family:Arial;
}

.wrapper{
    width: 100px;
    height: 100px;
}

.box{
    width: 30px;
    height: 30px;
    border:solid blue 2px;
    float: left;
    margin-bottom: -1px;
    margin-left: -1px;
    margin-right: -1px;
    display: inline-block;
    /*有没有影响不大*/
    line-height: 30px;
    text-align: center;
}

.box::after{
    content: '';
    display: block;
    clear: both;

}

.box:hover{
    border-color: #f40;
    position: relative;
}

（2）再联想到天猫导航栏的实例，再次尝试，先写天猫导航栏：

<link href="style1.css" rel="stylesheet">
head>
<body>
<ul class="nav">
    <li class="list-item">
        <a href="#">天猫a>
    li>
    <li class="list-item">
        <a href="#">淘宝a>
    li>
    <li class="list-item">
        <a href="#">聚划算a>
    li>
ul>

*{
    margin: 0px;
    padding: 0px;
    color: #424242;
    font-family: Arial;
}

a{text-decoration: none;}

.nav{list-style: none;}
/*去掉li前面的点或者其他图案*/

.nav .list-item{
    /*父子选择器需要有空格，不然实现不了*/
    float: left;
    margin:0 10px;
    height:30px;
    line-height:30px;
    /*保证文字居中*/
}

.nav::after{
    /*用完浮动后清除浮动*/
    content: '';
    display: block;
    clear: both;
}

.nav .list-item a{
    /*a标签*/
    padding: 0 5px;
    color: #f40;
    font-weight:bold;
    height: 30px;
    display: inline-block;
    /*按照元素的宽度占据空间，不会独占一行。*/
    border-radius: 40%;
}

.nav .list-item a:hover{
    background-color: #f40;
    color: #fff;
}

（3）借助天猫导航栏的案例实现了类似的效果，但是边框不是很像，效果如下图，接着微调，并且尝试用多种方法去实现
8.9 浮动 九宫格_第3张图片

   <link href="style1.css" rel="stylesheet">
head>
<body>
<div class="wrapper">
    <ul class="nav">
        <li class="list-item">
            1<a href="#">a>
        li>
        <li class="list-item">
            2<a href="#">a>
        li>
        <li class="list-item">
            3<a href="#">a>
        li>
        <li class="list-item">
            4<a href="#">a>
        li>
        <li class="list-item">
            5<a href="#">a>
        li>
        <li class="list-item">
            6<a href="#">a>
        li>
        <li class="list-item">
            7<a href="#">a>
        li>
        <li class="list-item">
            8<a href="#">a>
        li>
        <li class="list-item">
            9<a href="#">a>
        li>
    ul>
div>



*{
    margin: 0px;
    padding: 0px;
    color: #424242;
    font-family: Arial;
}

a{text-decoration: none;}

.nav{list-style: none;}
/*去掉li前面的点或者其他图案*/

.wrapper{
    width:100px;
    height: 100px;
}

.nav .list-item{
    /*父子选择器需要有空格，不然实现不了*/
    float: left;
    margin:0 5px;
    height:30px;
    line-height:30px;
    border:solid black 1px;
    /*保证文字居中*/
}

.nav::after{
    /*用完浮动后清除浮动*/
    content: '';
    display: block;
    clear: both;
}

.nav .list-item{
    /*a标签*/
    padding: 0 5px;
    font-weight:bold;
    height: 30px;
    display: inline-block;
    /*按照元素的宽度占据空间，不会独占一行。*/
    border-radius: 40%;
}

.nav .list-item:hover{
    border-color: #f40;
    /*color: #fff;*/
}

（4）继续微调css：

*{
    margin: 0px;
    padding: 0px;
    color: #424242;
    font-family: Arial;
}

a{text-decoration: none;}

.nav{list-style: none;}
/*去掉li前面的点或者其他图案*/

.wrapper{
    width:100px;
    height: 100px;
}

.nav .list-item{
    /*父子选择器需要有空格，不然实现不了*/
    float: left;
    border:solid black 3px;
    font-weight:bold;
    height: 30px;
    width: 30px;;
    margin-bottom: -3px;
    margin-right: -3px;
    line-height: 30px;
    text-align: center;
    /*后两行保证文字居中*/
}

.nav::after{
    /*用完浮动后清除浮动*/
    content: '';
    display: block;
    clear: both;
}

.nav .list-item:hover{
    border-color: #f40;
    position: relative;
    /*relative保证每个元素的四个角的hover都会实现*/
}

ok,用relative和margin缩进实现了，
8.9 浮动 九宫格_第4张图片

（5）接着用outline实现以下试试：
原理：把父级元素背景色设为蓝色，上面的子元素背景色设为白色，设置margin值，让子元素之间留有底层父元素的背景色，然后再通过outline属性，设置子元素的hover效果。
8.9 浮动 九宫格_第5张图片

.wrapper{
    width:100px;
    height: 100px;
    background-color: #00f;
}

.nav .list-item{
    /*父子选择器需要有空格，不然实现不了*/
    float: left;
    border:solid black 1px;
    font-weight:bold;
    height: 30px;
    width: 30px;
    background-color: #fff;
    margin-left: 1px;
    margin-top: 1px;
    line-height: 30px;
    text-align: center;
    margin-top: 1px;
    /*后两行保证文字居中*/
}

.nav::after{
    /*用完浮动后清除浮动*/
    content: '';
    display: block;
    clear: both;
}

.nav .list-item:hover{
    outline:solid #f40 3px;
    position: relative;
}

（6）也可以直接尝试用最笨的方法——绝对定位去实现

你可能感兴趣的:(每日一题)

  • 每日一题——第八十九题 互联网打工人no1 C语言程序设计每日一练c语言
    题目：在字符串中找到提取数字，并统计一共找到多少整数，a123xxyu23&8889，那么找到的整数为123，23，8889//思想：#include#include#includeintmain(){charstr[]="a123xxyu23&8889";intcount=0;intnum=0;//用于临时存放当前正在构建的整数。boolinNum=false;//用于标记当前是否正在读取一个整
  • 每日一题——第九十题 互联网打工人no1 C语言程序设计每日一练c语言
    题目：判断子串是否与主串匹配#include#include#include//////判断子串是否在主串中匹配//////主串///子串///boolisSubstring(constchar*str,constchar*substr){intlenstr=strlen(str);//计算主串的长度intlenSub=strlen(substr);//计算子串的长度//遍历主字符串，对每个可能得
  • 每日一题——第八十一题 互联网打工人no1 C语言程序设计每日一练c语言
    打印如下图案:#includeintmain(){inti,j;charch='A';for(i=1;i<5;i++,ch++){for(j=0;j<5-i;j++){printf("");//控制空格输出}for(j=1;j<2*i;j++)//条件j<2*i{printf("%c",ch);//控制字符输出}printf("\n");}return0;}
  • 每日一题——第八十四题 互联网打工人no1 C语言程序设计每日一练c语言
    题目：编写函数1、输入10个职工的姓名和职工号2、按照职工由大到小顺序排列，姓名顺序也随之调整3、要求输入一个职工号，用折半查找法找出该职工的姓名#define_CRT_SECURE_NO_WARNINGS#include#include#defineMAX_EMPLOYEES10typedefstruct{intid;charname[50];}Empolyee;voidinputEmploye
  • 每日一题——第八十二题 互联网打工人no1 C语言程序设计每日一练c语言
    题目：将一个控制台输入的字符串中的所有元音字母复制到另一字符串中#include#include#include#include#defineMAX_INPUT1024boolisVowel(charp);intmain(){charinput[MAX_INPUT];charoutput[MAX_INPUT];printf("请输入一串字符串：\n");fgets(input,sizeof(inp
  • 每日一题——第八十三题 互联网打工人no1 C语言程序设计每日一练c语言
    题目：将输入的整形数字输出,输出1990，输出"1990"#include#defineMAX_INPUT1024intmain(){intarrr_num[MAX_INPUT];intnum,i=0;printf("请输入一个数字：");scanf_s("%d",&num);while(num!=0){arrr_num[i++]=num%10;num/=10;}printf("\"");for(
  • 509. 斐波那契数(每日一题) lzyprime
    lzyprime博客(github)创建时间：2021.01.04qq及邮箱：2383518170leetcode笔记题目描述斐波那契数，通常用F(n)表示，形成的序列称为斐波那契数列。该数列由0和1开始，后面的每一项数字都是前面两项数字的和。也就是：F(0)=0，F(1)=1F(n)=F(n-1)+F(n-2)，其中n>1给你n，请计算F(n)。示例1：输入：2输出：1解释：F(2)=F(1)+
  • 每日一题——第八十八题 互联网打工人no1 C语言程序设计每日一练c语言
    题目：输入一个9位的无符号整数，判断其是否有重复数字#include#include#includeintmain(){charnum_str[10];printf("请输入一个9位数的无符号数：");scanf_s("%9d",&num_str);if(strlen(num_str)!=9){printf("输入的不是一个9位无符号整数，请重新输入");}else{if(hasDuplicate
  • 每日一题《leetcode--LCR 022.环形链表||》 Peace & Love487 题目分享leetcode链表算法笔记数据结构
    https://leetcode.cn/problems/c32eOV/我们使用两个指针，fast与slow。它们起始都位于链表的头部。随后slow指针每次向后移动一个位置，而fast指针向后移动两个位置。如果链表中存在环，则fast指针最终将再次与slow指针在环中相遇。structListNode*detectCycle(structListNode*head){structListNode*
  • 【坚持每日一题5.5】740. 删除并获得点数 程序员小2
    给你一个整数数组nums，你可以对它进行一些操作。每次操作中，选择任意一个nums[i]，删除它并获得nums[i]的点数。之后，你必须删除每个等于nums[i]-1或nums[i]+1的元素。开始你拥有0个点数。返回你能通过这些操作获得的最大点数。示例1：输入：nums=[3,4,2]输出：6解释：删除4获得4个点数，因此3也被删除。之后，删除2获得2个点数。总共获得6个点数。示例2：输入：nu
  • 力扣每日一题24：两两交换链表中的节点 暴力递归战士 LeetCode每日一题leetcode链表算法
    题目：给你一个链表，两两交换其中相邻的节点，并返回交换后链表的头节点。你必须在不修改节点内部的值的情况下完成本题（即，只能进行节点交换）。示例1：输入：head=[1,2,3,4]输出：[2,1,4,3]示例2：输入：head=[]输出：[]示例3：输入：head=[1]输出：[1]提示：链表中节点的数目在范围[0,100]内0next)returnhead;structListNodeHead;
  • 【百日算法计划】：每日一题，见证成长（013） 码上一元 数据结构与算法算法
    题目回文链表给你一个单链表的头节点head，请你判断该链表是否为回文链表。如果是，返回true；否则，返回false。输入：head=[1,2,2,1]输出：true思路找到中间节点反转后半部分链表前后链表顺序比对publicbooleanisPalindrome2(ListNodehead){if(head==null||head.next==null)returntrue;ListNodep=
  • 每日一题 第三期 洛谷 国王游戏 娇娇yyyyyy 每日一题算法c++
    [NOIP2012提高组]国王游戏题目描述恰逢H国国庆，国王邀请nnn位大臣来玩一个有奖游戏。首先，他让每个大臣在左、右手上面分别写下一个整数，国王自己也在左、右手上各写一个整数。然后，让这nnn位大臣排成一排，国王站在队伍的最前面。排好队后，所有的大臣都会获得国王奖赏的若干金币，每位大臣获得的金币数分别是：排在该大臣前面的所有人的左手上的数的乘积除以他自己右手上的数，然后向下取整得到的结果。国王
  • 每日一题 第三十五期 洛谷 过河卒 娇娇yyyyyy 每日一题算法c++数据结构
    [NOIP2002普及组]过河卒题目描述棋盘上AAA点有一个过河卒，需要走到目标BBB点。卒行走的规则：可以向下、或者向右。同时在棋盘上CCC点有一个对方的马，该马所在的点和所有跳跃一步可达的点称为对方马的控制点。因此称之为“马拦过河卒”。棋盘用坐标表示，AAA点(0,0)(0,0)(0,0)、BBB点(n,m)(n,m)(n,m)，同样马的位置坐标是需要给出的。现在要求你计算出卒从AAA点能够到
  • 每日一题——第八十五题 互联网打工人no1 C语言程序设计每日一练c语言
    题目：写一个函数，输入一个十六进制/八进制数/二进制数,输出对应的十进制数#include#include#include#includelongstringToDecimal(constchar*str,intbase);intmain(){charhexStr[]="1A3F";charoctStr[]="123";charbinStr[]="101010";printf("十六进制转换成十进
  • 【回溯算法 7】组合（medium）（每日一题） Y_3_7 回溯算法linuxwindows运维算法leetcodejava蓝桥杯
    ⭐回溯⭐前言回溯算法是⼀种经典的递归算法，通常⽤于解决组合问题、排列问题和搜索问题等。回溯算法的基本思想：从⼀个初始状态开始，按照⼀定的规则向前搜索，当搜索到某个状态⽆法前进时，回退到前⼀个状态，再按照其他的规则搜索。回溯算法在搜索过程中维护⼀个状态树，通过遍历状态树来实现对所有可能解的搜索。回溯算法的核⼼思想：“试错”，即在搜索过程中不断地做出选择，如果选择正确，则继续向前搜索；否则，回退到上⼀
  • 【回溯算法 9】组合总和（medium）（每日一题） Y_3_7 回溯算法windowslinux运维动态规划leetcode算法java
    ⭐回溯⭐前言回溯算法是⼀种经典的递归算法，通常⽤于解决组合问题、排列问题和搜索问题等。回溯算法的基本思想：从⼀个初始状态开始，按照⼀定的规则向前搜索，当搜索到某个状态⽆法前进时，回退到前⼀个状态，再按照其他的规则搜索。回溯算法在搜索过程中维护⼀个状态树，通过遍历状态树来实现对所有可能解的搜索。回溯算法的核⼼思想：“试错”，即在搜索过程中不断地做出选择，如果选择正确，则继续向前搜索；否则，回退到上⼀
  • 【每日一题】LeetCode 104.二叉树的最大深度（树、深度优先搜索、广度优先搜索、二叉树） Chase-Hart 算法leetcode深度优先宽度优先数据结构java
    【每日一题】LeetCode104.二叉树的最大深度（树、深度优先搜索、广度优先搜索、二叉树）题目描述给定一个二叉树root，我们需要计算并返回该二叉树的最大深度。二叉树的最大深度是指从根节点到最远叶子节点的最长路径上的节点数。思路分析为了解决这个问题，我们可以使用递归的方法。递归的基本思想是从根节点开始，逐层向下遍历树的每个节点，同时记录当前的深度。在递归的过程中，我们会遇到两种情况：当前节点为
  • 【每日一题】LeetCode 2708.一个小组的最大实力值（一次遍历、分类讨论、动态规划） Chase-Hart 算法leetcode动态规划算法数据结构java
    【每日一题】LeetCode2708.最大实力值小组（一次遍历、分类讨论、动态规划）题目描述给定一个整数数组nums，表示一个班级中所有学生在一次考试中的成绩。老师想从这个班级中选出一部分同学组成一个非空小组，使得这个小组的实力值最大。小组的实力值定义为小组中所有学生成绩的乘积。请返回老师创建的小组能得到的最大实力值。思路分析这个问题可以通过动态规划的思想来解决。我们需要维护两个变量，mn和mx，
  • Leetcode 每日一题：Course Schedule II 南加第一划水 Leetcode每日一题leetcode算法职场和发展图论c++数据结构深度优先
    写在前面：今天我们继续来看一道经典的图论问题，而这个问题可以说是跟我们一众学生的生活息息相关啊！我们每年都有很多需要完成的必修指标，每一个必修指标可能会有一个或多个先修要求，而我们需要决定是否能将这些课全都上一遍，这不就是咱们苦逼大学生每学期选课前的日常嘛！那既然如此，我们就来看看这道与我们生活息息相关的这道算法题吧～～题目介绍：题目信息：题目链接：https://leetcode.com/pro
  • 淘宝每日一猜今日最新答案6月10日大赢家今天答案(哪款能重塑眼镜人士新体验) 全网优惠分享
    淘宝每日一题最新答案是什么呢？今天淘宝每日一题任务已经进行了更新，本期的问题是和漫步者的耳机有关，但是还有很多的玩家不知道具体的答案应该选什么，本期将会为大家介绍一下，一起来了解一下吧。淘宝每日一猜今日最新答案(6月10日大赢家今天答案)问题：哪款能重塑眼镜人士新体验答案：W820NB如果这不是今天的最新答案，请点击这里查看最新答案淘宝天猫618大额现金红包获取方法：红包领取地址：https://
  • 每日一题(力扣213)：打家劫舍2--dp+分治 UndefindX-Z 算法动态规划
    与打家劫舍1不同的是它最后一个和第一个会相邻，事实上，从结果思考，最后只会有三种：1第一家不被抢最后一家被抢2第一家被抢最后一家不被抢3第一和最后一家都不被抢。那么，根据打家劫舍1中的算法我们能算出在i到j房子区间内能抢到的最大金额，那我们可以考虑计算两路1从1到n-1的结果和从2到n的结果，最后取两者的最大即可。（第一家和最后一家都没被抢的情况实际可以包括在两种情况的任意一种中）classSol
  • 【LeetCode每日一题】【2021/12/7】1034. 边界着色 亡心灵 LeetCode刷题leetcode深度优先算法c++图论
    文章目录1034.边界着色前言方法1：广度优先搜索方法2：深度优先搜索（非递归）1034.边界着色LeetCode:1034.边界着色中等\color{#FFB800}{中等}中等给你一个大小为mxn的整数矩阵grid，表示一个网格。另给你三个整数row、col和color。网格中的每个值表示该位置处的网格块的颜色。当两个网格块的颜色相同，而且在四个方向中任意一个方向上相邻时，它们属于同一连通分量
  • 【数据结构与算法 | 每日一题 | 力扣篇】 Vez'nan的幸福生活 leetcode算法数据结构
    1.力扣977：有序数组的平方1.1题目：给你一个按非递减顺序排序的整数数组nums，返回每个数字的平方组成的新数组，要求也按非递减顺序排序。示例1：输入：nums=[-4,-1,0,3,10]输出：[0,1,9,16,100]解释：平方后，数组变为[16,1,0,9,100]排序后，数组变为[0,1,9,16,100]示例2：输入：nums=[-7,-3,2,3,11]输出：[4,9,9,49,
  • 每日一题 东方博宜（1942 - 回文质数 Prime Palindromes） 雨颜纸伞（hzs） 算法c++
    题目描述因为151既是一个质数又是一个回文数（从左到右和从右到左是看一样的），所以151是回文质数。写一个程序来找出范围[a,b](5≤ausingnamespacestd;constintN=1e6+10;vectork;intprime[N];intcnt;boolvis[100000001];voidget_primes(intn)for(inti=2;i0){k.push_back(n%1
  • 每日一题 day 08 lhsnhs 蓝桥杯职场和发展
    1>递归次数过多，栈溢出emmclassSolution{publicdoublemyPow(doublex,intn){doubleans=1.0;if(n使用快速幂
  • LeetCode 每日一题 2024/8/26-2024/9/1 alphaTao Exerciseleetcodepython算法
    记录了初步解题思路以及本地实现代码；并不一定为最优也希望大家能一起探讨一起进步目录8/26690.员工的重要性8/273134.找出唯一性数组的中位数8/283144.分割字符频率相等的最少子字符串8/293142.判断矩阵是否满足条件8/303153.所有数对中数位不同之和8/313127.构造相同颜色的正方形9/11450.在既定时间做作业的学生人数8/26690.员工的重要性BFSclass
  • 2018年12月29日 星期六 晴 单鹏_7f01
    今天中午回家，吃完午饭就是看书了，下午放学回来汇报完节日作业后，换下衣服，洗了洗手就去写语文字帖去了，写了会，完成英语及数学每日一题后，吃完晚饭，陪着他弟弟去卧室玩了会，读完课外书，录完视频后，自己要求玩会，答应他后高兴的带着他弟弟玩去了。
  • LeetCode每日一题9/? 啊这样也行 LeetCode每日一题
    非递减数列题目描述：给你一个长度为n的整数数组，请你判断在最多改变1个元素的情况下，该数组能否变成一个非递减数列。我们是这样定义一个非递减数列的：对于数组中任意的i(0<=i<=n-2)，总满足nums[i]<=nums[i+1]。输入输出样例输入:nums=[4,2,3]输出:true解释:你可以通过把第一个4变成1来使得它成为一个非递减数列。
  • 【数据结构与算法 | 每日一题力扣篇】 Vez'nan的幸福生活 leetcode算法职场和发展
    1.力扣3174：清楚数字1.1题目：给你一个字符串s。你的任务是重复以下操作删除所有数字字符：删除第一个数字字符以及它左边最近的非数字字符。请你返回删除所有数字字符以后剩下的字符串。示例1：输入：s="abc"输出："abc"解释：字符串中没有数字。示例2：输入：s="cb34"输出：""解释：一开始，我们对s[2]执行操作，s变为"c4"。然后对s[1]执行操作，s变为""。提示：1deque
  • jquery实现的jsonp掉java后台 知了ing javajsonpjquery
    什么是JSONP？ 先说说JSONP是怎么产生的： 其实网上关于JSONP的讲解有很多，但却千篇一律，而且云里雾里，对于很多刚接触的人来讲理解起来有些困难，小可不才，试着用自己的方式来阐释一下这个问题，看看是否有帮助。 1、一个众所周知的问题，Ajax直接请求普通文件存在跨域无权限访问的问题，甭管你是静态页面、动态网页、web服务、WCF，只要是跨域请求，一律不准； 2、
  • Struts2学习笔记 caoyong struts2
    SSH : Spring + Struts2 + Hibernate 三层架构(表示层,业务逻辑层,数据访问层) MVC模式 (Model View Controller) 分层原则:单向依赖，接口耦合 1、Struts2  =  Struts  + Webwork 2、搭建struts2开发环境    a>、到www.apac
  • SpringMVC学习之后台往前台传值方法 满城风雨近重阳 springMVC
    springMVC控制器往前台传值的方法有以下几种： 1.ModelAndView    通过往ModelAndView中存放viewName：目标地址和attribute参数来实现传参：      ModelAndView mv=new ModelAndView();  mv.setViewName="success
  • WebService存在的必要性？ 一炮送你回车库 webservice
    做Java的经常在选择Webservice框架上徘徊很久，Axis  Xfire Axis2 CXF ，他们只有一个功能，发布HTTP服务然后用XML做数据传输。 是的，他们就做了两个功能，发布一个http服务让客户端或者浏览器连接，接收xml参数并发送xml结果。 当在不同的平台间传输数据时，就需要一个都能解析的数据格式。 但是为什么要使用xml呢？不能使json或者其他通用数据
  • js年份下拉框 3213213333332132 java web ee
    <div id="divValue">test...</div>测试 //年份 <select id="year"></select> <script type="text/javascript"> window.onload =
  • 简单链式调用的实现技术 归来朝歌 方法调用链式反应编程思想
    在编程中，我们可以经常遇到这样一种场景：一个实例不断调用它自身的方法，像一条链条一样进行调用 这样的调用你可能在Ajax中，在页面中添加标签： $("<p>").append($("<span>").text(list[i].name)).appendTo("#result");   也可能在HQ
  • JAVA调用.net 发布的webservice 接口 darkranger webservice
    /** * @Title: callInvoke * @Description: TODO(调用接口公共方法) * @param @param url 地址 * @param @param method 方法 * @param @param pama 参数 * @param @return * @param @throws BusinessException
  • Javascript模糊查找 | 第一章 循环不能不重视。 aijuans Way
    最近受我的朋友委托用js+HTML做一个像手册一样的程序，里面要有可展开的大纲，模糊查找等功能。我这个人说实在的懒，本来是不愿意的，但想起了父亲以前教我要给朋友搞好关系，再加上这也可以巩固自己的js技术，于是就开始开发这个程序，没想到却出了点小问题，我做的查找只能绝对查找。具体的js代码如下： function search(){ var arr=new Array("my
  • 狼和羊，该怎么抉择 atongyeye 工作
    狼和羊，该怎么抉择 在做一个链家的小项目，只有我和另外一个同事两个人负责，各负责一部分接口，我的接口写完，并全部测联调试通过。所以工作就剩下一下细枝末节的，工作就轻松很多。每天会帮另一个同事测试一些功能点，协助他完成一些业务型不强的工作。 今天早上到公司没多久，领导就在QQ上给我发信息，让我多协助同事测试，让我积极主动些，有点责任心等等，我听了这话，心里面立马凉半截，首先一个领导轻易说
  • 读取android系统的联系人拨号 百合不是茶 androidsqlite数据库内容提供者系统服务的使用
           联系人的姓名和号码是保存在不同的表中,不要一下子把号码查询来,我开始就是把姓名和电话同时查询出来的,导致系统非常的慢   关键代码:     1, 使用javabean操作存储读取到的数据 package com.example.bean; /** * * @author Admini
  • ORACLE自定义异常 bijian1013 数据库自定义异常
    实例： CREATE OR REPLACE PROCEDURE test_Exception ( ParameterA IN varchar2, ParameterB IN varchar2, ErrorCode OUT varchar2 --返回值,错误编码 ) AS /*以下是一些变量的定义*/ V1 NUMBER; V2 nvarc
  • 查看端号使用情况 征客丶 windows
    一、查看端口 在windows命令行窗口下执行： >netstat -aon|findstr "8080" 显示结果： TCP     127.0.0.1:80         0.0.0.0:0    &
  • 【Spark二十】运行Spark Streaming的NetworkWordCount实例 bit1129 wordcount
    Spark Streaming简介   NetworkWordCount代码   /* * Licensed to the Apache Software Foundation (ASF) under one or more * contributor license agreements. See the NOTICE file distributed with
  • Struts2 与 SpringMVC的比较 BlueSkator struts2spring mvc
    1. 机制：spring mvc的入口是servlet，而struts2是filter，这样就导致了二者的机制不同。 2. 性能：spring会稍微比struts快。spring mvc是基于方法的设计，而sturts是基于类，每次发一次请求都会实例一个action，每个action都会被注入属性，而spring基于方法，粒度更细，但要小心把握像在servlet控制数据一样。spring
  • Hibernate在更新时，是可以不用session的update方法的(转帖） BreakingBad Hibernateupdate
    地址：http://blog.csdn.net/plpblue/article/details/9304459 public void synDevNameWithItil() {Session session = null;Transaction tr = null;try{session = HibernateUtil.getSession();tr = session.beginTran
  • 读《研磨设计模式》-代码笔记-观察者模式 bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.util.ArrayList; import java.util.List; import java.util.Observable; import java.util.Observer; /** * “观
  • 重置MySQL密码 chenhbc mysql重置密码忘记密码
    如果你也像我这么健忘，把MySQL的密码搞忘记了，经过下面几个步骤就可以重置了（以Windows为例，Linux/Unix类似）： 1、关闭MySQL服务 2、打开CMD，进入MySQL安装目录的bin目录下，以跳过权限检查的方式启动MySQL mysqld --skip-grant-tables  3、新开一个CMD窗口，进入MySQL mysql -uroot  
  • 再谈系统论，控制论和信息论 comsci 设计模式生物能源企业应用领域模型
                               再谈系统论，控制论和信息论     偶然看
  • oracle moving window size与 AWR retention period关系 daizj oracle
    转自： http://tomszrp.itpub.net/post/11835/494147 晚上在做11gR1的一个awrrpt报告时,顺便想调整一下AWR snapshot的保留时间,结果遇到了ORA-13541这样的错误.下面是这个问题的发生和解决过程. SQL> select * from v$version; BANNER -------------------
  • Python版B树 dieslrae python
    话说以前的树都用java写的,最近发现python有点生疏了,于是用python写了个B树实现,B树在索引领域用得还是蛮多了,如果没记错mysql的默认索引好像就是B树... 首先是数据实体对象,很简单,只存放key,value class Entity(object): '''数据实体''' def __init__(self,key,value)
  • C语言冒泡排序 dcj3sjt126com 算法
    代码示例： # include <stdio.h> //冒泡排序 void sort(int * a, int len) { int i, j, t; for (i=0; i<len-1; i++) { for (j=0; j<len-1-i; j++) { if (a[j] > a[j+1]) // >表示升序
  • 自定义导航栏样式 dcj3sjt126com 自定义
    -(void)setupAppAppearance { [[UILabel appearance] setFont:[UIFont fontWithName:@"FZLTHK—GBK1-0" size:20]]; [UIButton appearance].titleLabel.font =[UIFont fontWithName:@"FZLTH
  • 11.性能优化-优化-JVM参数总结 frank1234 jvm参数性能优化
    1.堆 -Xms --初始堆大小 -Xmx --最大堆大小 -Xmn --新生代大小 -Xss --线程栈大小 -XX:PermSize  --永久代初始大小 -XX:MaxPermSize  --永久代最大值 -XX:SurvivorRatio --新生代和suvivor比例,默认为8 -XX:TargetSurvivorRatio --survivor可使用
  • nginx日志分割 for linux HarborChung nginxlinux脚本
    nginx日志分割 for linux 默认情况下，nginx是不分割访问日志的，久而久之，网站的日志文件将会越来越大，占用空间不说，如果有问题要查看网站的日志的话，庞大的文件也将很难打开，于是便有了下面的脚本   使用方法，先将以下脚本保存为 cutlog.sh，放在/root 目录下，然后给予此脚本执行的权限   复制代码代码如下: chmo
  • Spring4新特性——泛型限定式依赖注入 jinnianshilongnian springspring4泛型式依赖注入
    Spring4新特性——泛型限定式依赖注入 Spring4新特性——核心容器的其他改进 Spring4新特性——Web开发的增强 Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC  Spring4新特性——Groovy Bean定义DSL Spring4新特性——更好的Java泛型操作API  Spring4新
  • centOS安装GCC和G++ liuxihope centosgcc
    Centos支持yum安装，安装软件一般格式为yum install .......，注意安装时要先成为root用户。 按照这个思路，我想安装过程如下： 安装gcc：yum install gcc 安装g++： yum install g++ 实际操作过程发现，只能有gcc安装成功，而g++安装失败，提示g++ command not found。上网查了一下，正确安装应该
  • 第13章 Ajax进阶（上） onestopweb Ajax
    index.html <!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/
  • How to determine BusinessObjects service pack and fix pack blueoxygen BO
    http://bukhantsov.org/2011/08/how-to-determine-businessobjects-service-pack-and-fix-pack/   The table below is helpful. Reference   BOE XI 3.x 12.0.0. y BOE XI 3.0 12.0. x. y BO
  • Oracle里的自增字段设置 tomcat_oracle oracle
    　大家都知道吧，这很坑，尤其是用惯了mysql里的自增字段设置，结果oracle里面没有的。oh，no 　　我用的是12c版本的，它有一个新特性，可以这样设置自增序列，在创建表是，把id设置为自增序列 create table t ( id 　　 　　 number generated by default as identity (start with 1 increment b
  • Spring Security（01）——初体验 yang_winnie springSecurity
    Spring Security（01）——初体验     博客分类： spring Security Spring Security入门安全认证        首先我们为Spring Security专门建立一个Spring的配置文件，该文件就专门用来作为Spring Security的配置
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他