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）也可以直接尝试用最笨的方法——绝对定位去实现

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

  • 省考免费习题（长春2020公职教育免费提供） 通化2020教育
    【每日一题】人受伤后,如果伤口范围较大或损伤较严重,那么伤口在康复的过程中,尤其是最后结痂时,会有很痒的感觉。产生痒的感觉的原因是:A·伤口在愈合时,刺激了毛细血管的修复,旧组织被分解吸收,从而产生痒的感觉B·伤口在愈合的过程中,快速生长的新生组织会刺激挤在一起的新生神经,产生痒的感觉C·伤口在愈合时,人体的免疫细胞会清除伤口中的细菌,细菌尸体刺激伤口从而产生痒的感觉D·伤口在愈合的过程中,新组织
  • 代码随想录算法训练营第三十八天 写个博客 代码随想录打卡算法
    LeetCode题目:1143.最长公共子序列1035.不相交的线53.最大子数组和392.判断子序列2094.找出3位偶数(每日一题)其他:今日总结往期打卡1143.最长公共子序列跳转:1143.最长公共子序列学习:代码随想录公开讲解问题:给定两个字符串text1和text2，返回这两个字符串的最长公共子序列的长度。如果不存在公共子序列，返回0。一个字符串的子序列是指这样一个新的字符串：它是由原
  • 校招求职要选难而正确的方向，一定别想着偷懒，最后欲哭无泪
    我在专项训练营打卡第一天我在专项训练营打卡第一天德赛西威实习有没有深圳嵌入式软件的友友？#机械/制造每日一题(52491)##机械/制造每日一题#打卡我在牛客笔试训练营第1天打卡打卡第一天#训练营#摸鱼太严重被mt约谈了如题基本情况：0.lab实习，hc情况不明朗，转正概率50%(考虑到我的bg较差，可能更低)1.最近7.2#机械/制造每日一题#1、CNC的中文含义是什么？答：数控机床加工冲腾讯校
  • 2021/02/06 每日一题 可获得的最大点数 Taec0123
    LeetCode上可获得的最大点数，也是用滑动窗口，记录下解题思路。这道题可以视为窗口在首尾之间的移动，可以将数组看为一个环形更加容易理解，记录最大窗口的值，假设传入cardPoints=[1,2,3,4,5,6,1],k=3，一开始的时候，取star=0/end=k，是直接圈出了在数组起始位取k个数的结果窗口：[123]4561，此时窗口内的和为6，记录为max=6/current=6然后窗口向
  • 【每日一题】补档 CF1065 C. Make It Equal | 思维 | 中等 solego 算法竞赛c语言算法c++
    题目内容原题链接给定一个长度为nnn的数组aaa，每次操作可以选择一个数xxx，将所有大于xxx的数都下降为xxx，一次操作的下降总代价为sss，要求s≤ks\leqks≤k，问需要多少次操作使得数组aaa的所有数都相同。数据范围1≤n≤2⋅1051\leqn\leq2\cdot10^51≤n≤2⋅105n≤k≤109n\leqk\leq10^9n≤k≤10
  • 【每日一题】补档 CF1875 D. Jellyfish and Mex | 动态规划 | 中等
    题目内容原题链接给定一个长度为nnn的数组aaa，每次选择一个元素aia_iai删除，删除的代价为删除后剩余元素的mexmexmex，mex(a)mex(a)mex(a)是指aaa中未出现过的最小的非负数。问将数组aaa删除为空的操作的最小代价。数据范围1≤n≤50001\leqn\leq50001≤n≤50000≤ai≤1090\leqa_i\leq10^90≤ai≤109题解考虑mex(a)m
  • 每日一题7.22
    P10450[USACO03MAR]BestCowFencesG-洛谷题目描述原题来自：USACO2003Mar.Green给定一个长度为n的非负整数序列A，求一个平均数最大的，长度不小于L的子段。输入格式第一行用空格分隔的两个整数n和L；第二行为n个用空格隔开的非负整数，表示Ai。输出格式输出一个整数，表示这个平均数的1000倍。不用四舍五入，直接输出。输入输出样例输入#1复制106642103
  • 每日一题7.22 渣呵 每日一题算法
    P10451InnovativeBusiness-洛谷题目描述有N个元素，编号1,2,…,N，每一对元素之间的大小关系是确定的，关系具有反对称性，但不具有传递性。注意：不存在两个元素大小相等的情况。也就是说，元素的大小关系是N个点与2N×(N−1)条有向边构成的任意有向图。然而，这是一道交互式试题，这些关系不能一次性得知，你必须通过不超过10000次提问来获取信息，每次提问只能了解某两个元素之间的
  • 每日一题7.23 渣呵 每日一题算法
    P1168中位数-洛谷题目描述给定一个长度为N的非负整数序列A，对于前奇数项求中位数。输入格式第一行一个正整数N。第二行N个正整数A1…N。输出格式共⌊2N+1⌋行，第i行为A1…2i−1的中位数。输入输出样例输入#1复制713579116输出#1复制1356输入#2复制73159876输出#2复制3356说明/提示对于20%的数据，N≤100；对于40%的数据，N≤3000；对于100%的数据，
  • 每日一题7.19 渣呵 每日一题算法
    P10449费解的开关-洛谷题目描述你玩过“拉灯”游戏吗？25盏灯排成一个5×5的方形。每一个灯都有一个开关，游戏者可以改变它的状态。每一步，游戏者可以改变某一个灯的状态。游戏者改变一个灯的状态会产生连锁反应：和这个灯上下左右相邻的灯也要相应地改变其状态。我们用数字1表示一盏开着的灯，用数字0表示关着的灯。下面这种状态1011101101101111000011011在改变了最左上角的灯的状态后将
  • 每日一题7.2 渣呵 每日一题图论算法c++
    P2863[USACO06JAN]TheCowPromS-洛谷算是一个tarjan的板子题#include#include#include#includeusingnamespacestd;constintN=1e4+5;intdfn[N],low[N],s[N],belong[N];vectorg[N];intcnt,top,num,ans,flag;boolins[N];voidtarjan(
  • 138. 复制带随机指针的链表 秃头哥编程
    2021-07-22LeetCode每日一题链接：https://leetcode-cn.com/problems/copy-list-with-random-pointer/标签：哈希表、链表题目给你一个长度为n的链表，每个节点包含一个额外增加的随机指针random，该指针可以指向链表中的任何节点或空节点。构造这个链表的深拷贝。深拷贝应该正好由n个全新节点组成，其中每个新节点的值都设为其对应的原
  • LeetCode 每日一题 2024/10/21-2024/10/27 alphaTao Exerciseleetcode算法
    记录了初步解题思路以及本地实现代码；并不一定为最优也希望大家能一起探讨一起进步目录10/21910.最小差值II10/223184.构成整天的下标对数目I10/233185.构成整天的下标对数目II10/243175.找到连续赢K场比赛的第一位玩家10/253180.执行操作可获得的最大总奖励I10/263181.执行操作可获得的最大总奖励II10/27684.冗余连接10/21910.最小差值I
  • 【Luogu】每日一题——Day8. P13085 [SCOI2009] windy 数（加强版）(数位DP) KyollBM 深度优先算法图论
    链接：P13085[SCOI2009]windy数（加强版）-洛谷题目：思路：数位DP看到这种统计符合XX特征的数字时我们就能想到利用数位DP来做我们通常有两种做法，一种是DFS+记忆化，另一种则是直接DP预处理所有情况然后统计这里我们采用DFS+记忆化来实现，因为比较简单易懂我们通常使用4个量来递归，now代表现在是第几位，last代表上一位我们填了什么，allzero表示之前是不是全是0，li
  • 力扣25.7.15每日一题——有效单词 一个OI蒟蒻 LeetCodeleetcode算法职场和发展
    Description应该都能看懂吧……Solution一道简单的模拟题。按照题意枚举字符串，判断元/辅音；判断合法即可。也不知道今天的题为什么怎么淼Code（C++、Python3）C++classSolution{public:boolisValid(stringword){if(word.size()bool:iflen(word)<3:returnFalsee=f=Falseforcinw
  • Leet code 每日一题 aramae #每日一道Leedcodeleetcode算法c++
    无重复字符的最长子串题目链接给定一个字符串s，请你找出其中不含有重复字符的最长子串的长度。示例1:输入:s=“abcabcbb”输出:3解释:因为无重复字符的最长子串是“abc”，所以其长度为3。示例2:输入:s=“bbbbb”输出:1解释:因为无重复字符的最长子串是“b”，所以其长度为1。示例3:输入:s=“pwwkew”输出:3解释:因为无重复字符的最长子串是“wke”，所以其长度为3。请注意
  • 面试高频题 力扣 130. 被围绕的区域 洪水灌溉(FloodFill) 深度优先遍历(dfs) 暴力搜索 C++解题思路 每日一题 Q741_147 C/C++每日一题：从语法到算法面试leetcode深度优先c++洪水灌溉
    目录零、题目描述一、为什么这道题值得你花时间掌握？二、题目拆解：提取核心关键点三、解题思路：从边界入手，反向标记四、算法实现：深度优先遍历（DFS）+两次遍历五、C++代码实现：一步步拆解代码拆解时间复杂度空间复杂度七、坑点总结八、举一反三九、总结零、题目描述题目链接：被围绕的区域题目描述：示例1：输入：board=[[“X”,“X”,“X”,“X”],[“X”,“O”,“O”,“X”],[“X”
  • 每日一题3239.最少翻转次数使二进制矩阵回文；
    本题出自LeetCode每日一题3239.最少翻转次数使二进制矩阵回文，初看想着就是一道暴力破解，双指针强硬遍历一横一竖题目给你一个mxn的二进制矩阵grid。如果矩阵中一行或者一列从前往后与从后往前读是一样的，那么我们称这一行或者这一列是回文的。你可以将grid中任意格子的值翻转，也就是将格子里的值从0变成1，或者从1变成0。请你返回最少翻转次数，使得矩阵要么所有行是回文的，要么所有列是回文的。
  • LeetCode 每日一题 2024/11/25-2024/12/1 alphaTao Exerciseleetcode算法
    记录了初步解题思路以及本地实现代码；并不一定为最优也希望大家能一起探讨一起进步目录11/25743.网络延迟时间11/263206.交替组I11/273208.交替组II11/283250.单调数组对的数目I11/293251.单调数组对的数目II11/303232.判断是否可以赢得数字游戏12/151.N皇后11/25743.网络延迟时间BFS当前节点k遍历k联通的所有节点to如果能够更新节点t
  • LeetCode 每日一题 2025/6/30-2025/7/6
    记录了初步解题思路以及本地实现代码；并不一定为最优也希望大家能一起探讨一起进步目录6/30594.最长和谐子序列7/13330.找到初始输入字符串I7/23333.找到初始输入字符串II7/33304.找出第K个字符I7/43307.找出第K个字符II7/51394.找出数组中的幸运数7/61865.找出和为指定值的下标对6/30594.最长和谐子序列m记录每一个数字出现的次数l记录去重后从小到大
  • 每日一题 2025-7-5 《大整数加法》 WYC135164 算法数据结构
    K11128-大整数减法题目描述求两个大的正整数相减的差。输入格式共2行，第1行是被减数a，第2行是减数b。每个大整数不超过200位，不会有多余的前导零。输出格式一行，即所求的差。输入输出样例输入样例1：99999999999999999999999999999999999999999999999999输出样例1：9999999999999999999999990000000000000AC代码：
  • 每日一题 2025-7-6 《努力的乐乐》 WYC135164 算法
    K14363努力的乐乐题目描述乐乐的数学成绩在班级里很拔尖，但是语文成绩一直不太好，所以他在这个学期一开始就一直很努力学习语文。这个学期乐乐一共参加了n次考试，他现在想统计下这n次考试中，自己的语文成绩和数学成绩之间的差距有没有缩小。现在给出乐乐这n次考试每一次的两科成绩，请你帮助他算一下每一次数学成绩减去语文成绩的差值。输入格式第一行，一个正整数n，表示乐乐参加的考试次数。接下来n行，每行两个正
  • 每日一题 2025-7-4 《最高的牛》 WYC135164 算法
    K11802最高的牛题目描述FJ的N（1≤N≤100000）头奶牛排成一排编号为1到N。每头奶牛都有一个身高，用一个正整数表示。你已经知道了最高的奶牛的高度是H(1≤H≤10^6)以及该奶牛的编号i.同时FJ给出了R(0≤R≤100000)条记录信息，记录的格式是“奶牛17能看到奶牛34”，这条记录的意思是，奶牛34的高度至少与奶牛17的高度一样，而且从奶牛17到奶牛34之间的奶牛的高度严格小于奶
  • 算法-每日一题（DAY11）每日温度 浮灯Foden 数据结构与算法-每日一题算法c++开发语言数据结构面试leetcode
    1.题目链接：739.每日温度-力扣（LeetCode）2.题目描述：给定一个整数数组temperatures，表示每天的温度，返回一个数组answer，其中answer[i]是指对于第i天，下一个更高温度出现在几天后。如果气温在这之后都不会升高，请在该位置用0来代替。示例1:输入:temperatures=[73,74,75,71,69,72,76,73]输出:[1,1,4,2,1,1,0,0]
  • 算法-每日一题（DAY12）最长和谐子序列 浮灯Foden 数据结构与算法-每日一题算法数据结构leetcode哈希算法c++面试
    1.题目链接：594.最长和谐子序列-力扣（LeetCode）2.题目描述：和谐数组是指一个数组里元素的最大值和最小值之间的差别正好是1。给你一个整数数组nums，请你在所有可能的子序列中找到最长的和谐子序列的长度。数组的子序列是一个由数组派生出来的序列，它可以通过删除一些元素或不删除元素、且不改变其余元素的顺序而得到。示例1：输入：nums=[1,3,2,2,5,2,3,7]输出：5解释：最长和
  • LeetCode每日一题3261---统计满足 K 约束的子字符串数量 II 韭菜盖饭 LeetCode数据结构与算法leetcode算法数据结构
    一、题目描述给你一个二进制字符串s和一个整数k。另给你一个二维整数数组queries，其中queries[i]=[li,ri]。如果一个二进制字符串满足以下任一条件，则认为该字符串满足k约束：字符串中0的数量最多为k。字符串中1的数量最多为k。返回一个整数数组answer，其中answer[i]表示s[li..ri]中满足k约束的子字符串的数量。示例1：输入：s=“0001111”,k=2,que
  • Java-数组拆分 季秋99 java
    每日一题2022.11.6Java-数组拆分给定长度为2n的整数数组nums，你的任务是将这些数分成n对,例如(a1,b1),(a2,b2),…,(an,bn)，使得从1到n的min(ai,bi)总和最大。返回该最大总和。示例1：输入：nums=[1,4,3,2]输出：4解释：所有可能的分法（忽略元素顺序）为：(1,4),(2,3)->min(1,4)+min(2,3)=1+2=3(1,3),(2
  • Flutter 百题斩#8 | 说说 State 抽象类持有的成员变量 张风捷特烈 Flutter面试百题斩flutterjavascript前端开发语言面试安卓
    最近在着手开发我的《匠心星问》，它定位是一款题库应用，将集题目浏览、发布、解答、做题为一体。打算第一步先以Flutter为核心，准备题库资源。于是诞生《每日一题》系列，准备精心设计一些Flutter的问题与解答，作为题库的养料。本文的焦点是探讨:说说State抽象类持有的成员变量在Flutter框架中，statefulwidget对界面交互起到至关重要的作用。而组件类本身只携带组件的配置数据。状态
  • LeetCode 每日一题 1877. 数组中最大数对和的最小值 喜欢下雨所以爱上雷震子 每日一题leetcode算法贪心算法
    1877.数组中最大数对和的最小值一个数对(a,b)的数对和等于a+b。最大数对和是一个数对数组中最大的数对和。比方说，如果我们有数对(1,5)，(2,3)和(4,4)，最大数对和为max(1+5,2+3,4+4)=max(6,5,8)=8。给你一个长度为偶数n的数组nums，请你将nums中的元素分成n/2个数对，使得：nums中每个元素恰好在一个数对中，且最大数对和的值最小。请你在最优数对划分
  • 和为k的子数组 ZNineSun #leeteCode#每日一题算法数据结构前缀和hash表
    继续每日一题，今天给大家分享一道经典的前缀和问题先看一下题目，我带着大家通过一道题目去分析前缀和的思想和解决思路题目描述：给你一个整数数组nums和一个整数k，请你统计并返回该数组中和为k的子数组的个数。子数组是数组中元素的连续非空序列。题目示例：前缀和定义为从数组起始位置到当前位置（包括当前位置）的所有元素之和。我们使用前缀和的思想。前缀和定义为从数组起始位置到当前位置（包括当前位置）的所有元素
  • 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其他