ButcherV
ButcherV

HTML页面布局：td里包含一个img，总会出现一条空隙？

《Head First-Ajax》第六章是一个关于的原生DOM的练习，人家示例布局出来是这个样子的：

 

 

HTML页面布局：td里包含一个img，总会出现一条空隙？_第1张图片

 

我的布局出来是这样的：

HTML页面布局：td里包含一个img，总会出现一条空隙？_第2张图片

 

HTML布局代码如下：

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <title></title>
 5     <link rel="stylesheet" type="text/css" href="css/main.css">
 6     <script type="text/javascript" src="js/utils/ClassUtil.js"></script>
 7     <script type="text/javascript" src="js/utils/EventUtil.js"></script>
 8     <script type="text/javascript" src="js/main.js"></script>
 9     
10     <!-- <link rel="stylesheet" type="text/css" href="css/reset.css"> -->
11 </head>
12 <body>
13     <div id="puzzle">
14         <h1 id="logo">Webvilee Puzzles</h1>
15         <div id="puzzleGrid">
16             <table cellpadding="0" cellspacing="0">
17                 <tbody>
18                     <tr>
19                         <td  id="cell11"><img  class="td" src="images/07.png" alt="07" height="69" width="69"></td>
20                         <td  id="cell12"><img  class="td" src="images/06.png" alt="06" height="69" width="69"></td>
21                         <td  id="cell13"><img class="td" src="images/14.png" alt="14" height="69" width="69"></td>
22                         <td  id="cell14"><img class="td" src="images/11.png" alt="11" height="69" width="69"></td>
23                     </tr>
24                     <tr>
25                         <td  id="cell21"><img class="td" src="images/12.png" alt="12" height="69" width="69"></td>
26                         <td  id="cell22"><img class="td" src="images/empty.png" alt="empty" height="69" width="69"></td>
27                         <td  id="cell23"><img class="td" src="images/05.png" alt="05" height="69" width="69"></td>
28                         <td  id="cell24"><img class="td" src="images/13.png" alt="13" height="69" width="69"></td>
29                     </tr>
30                     <tr>
31                         <td  id="cell31">
32                             <img class="td" src="images/08.png" alt="08" height="69" width="69">
33                         </td>
34                         <td  id="cell32">
35                             <img class="td" src="images/10.png" alt="10" height="69" width="69">
36                         </td>
37                         <td  id="cell33">
38                             <img class="td" src="images/01.png" alt="01" height="69" width="69">
39                         </td>
40                         <td  id="cell34">
41                             <img class="td" src="images/15.png" alt="15" height="69" width="69">
42                         </td>
43                     </tr>
44                     <tr>
45                         <td  id="cell41">
46                             <img class="td" src="images/04.png" alt="04" height="69" width="69">
47                         </td>
48                         <td  id="cell42">
49                             <img class="td" src="images/02.png" alt="02" height="69" width="69">
50                         </td>
51                         <td  id="cell43">
52                             <img class="td" src="images/09.png" alt="09" height="69" width="69">
53                         </td>
54                         <td  id="cell44">
55                             <img class="td" src="images/03.png" alt="03" height="69" width="69">
56                         </td>
57                     </tr>
58                 </tbody>    
59             </table>
60         </div>
61     </div>
62 </body>
63 </html>

 

如上图对比所示：td里包含img，总会出现一条莫名其妙的空隙。

重新照着源码抄了一遍，发现还是有一条细线。逐条比较，才发现区别在doctype上。

源码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

我的（sublime自动生成）：

<!DOCTYPE html>

 

搜了下，已经有了完美解释。

原链接：http://stackoverflow.com/questions/4904668/html5-vertical-spacing-issue-with-img

中文翻译：https://www.zhihu.com/question/38437397


首先，浏览器并没有所谓的"HTML 5 模式"，而是只有三种：怪异模式(Quirks)，几乎标准的模式(Limited Quirks)和标准模式(Standards)，其中几乎标准的模式和标准模式之间的唯一差异在于是否对<img>元素给定行高(line-height)和基线(baseline)。几乎标准模式中，如果<img>标签所在行没有其他的行内元素，将不指定基线(baseline)，<img>标签因此会紧贴着父元素底部。

在标准模式中，行框总是会包含类似字母"g"，"f"尾巴下伸出来的那一部分空间(针对下行字母)，即使行框内并没有任何内容。因此这种情况下你看到的<img>跟父元素底部几个像素的间隙实际上就是为”字母尾巴“预留的。
使用 XHTML Transitional Doctype会是浏览器运行在”几乎标准模式(Limited Quirks)”。如果你使用XHTML Strict 或者HTML 4 Strict模式，你将看到和使用HTML 5 模式同样的间隙，因为这是标准模式(Standards mode)。

解决办法：

设置行高或者字体大小为0，

或者设置对齐基线垂直居中。

你可能感兴趣的:(HTML页面布局：td里包含一个img，总会出现一条空隙？)

  • LeetCode 3280 将日期转换为二进制表示 雾月55 leetcode算法职场和发展数据结构java
    【算法实战】日期转二进制：两种解法的思路与优化（附代码解析）一、问题描述给定一个yyyy-mm-dd格式的日期字符串，要求将年、月、日分别转为无前导零的二进制，并保持year-month-day格式。示例：输入2025-03-15，输出11111101001-11-1111（2025→11111101001，3→11，15→1111）。二、解法一：直接分割转换（新手友好）思路分析分割日期：按-拆分
  • 2789.合并后数组中的最大元素 HR Zhou 蓝桥杯算法python开发语言leetcode职场和发展数据结构
    给你一个下标从0开始、由正整数组成的数组nums。你可以在数组上执行下述操作任意次：选中一个同时满足01:ifnums[len(nums)-1]>=nums[len(nums)-2]:nums[len(nums)-1]=nums[len(nums)-1]+nums[len(nums)-2]delnums[len(nums)-2]else:delnums[len(nums)-1]nums=nums[
  • Biobank genetic data探析（三） 想摸鱼的生信小白 GWAS自学历程大数据
    Biobankgeneticdata探析（三）——GenotypingprocessandsampleQC一.总览Category100313这类数据包含了Affymetrix做Genotypecalling的pipeline的流程信息（后续分析中可能用不到），以及样本质量控制的信息（下游分析中估计是必用了）。二.数据集描述2.1Genotypingprocess查看之后发现这部分不是很重要，毕竟
  • Leetcode32 最长有效括号深度解析 八股文领域大手子 数据库mysqljavasqlredis
    问题描述找出字符串s中最长的有效括号子串的长度。核心思路动态规划：定义dp[i]为以字符s[i]结尾的最长有效括号子串长度。分情况讨论：根据当前字符是否为)以及前面的字符情况，推导状态转移方程。状态转移方程详解Case1：当前字符)与前一个字符(直接匹配场景：形如...()的结构。转移方程：if(s.charAt(i-1)=='('){dp[i]=dp[i-2]+2;//前i-2个字符的有效长度+
  • 锁的策略） 康kang synchronized锁的分类
    一、锁的分类第一组：乐观锁和悲观锁这是两种不同的锁的实现方式。乐观锁：在加锁之前，预估当前出现锁冲突的概率不大，因此在进行加锁的时候就不会做太多的工作。悲观锁：在加锁之前，预估到当前锁冲突出现的概率比较大，因此加锁的时候就会做更多的工作，做的事情更多，加锁的速度可能会更慢，但整个过程中不容易出现其他问题。第二组：轻量级锁和重量级锁轻量级锁：加锁的开销小，加锁的速度更快=>一般为乐观锁重量级锁：加锁
  • request+pytest根据yaml文件发送请求 等枝桠~成繁花 pytest
    request怎么跟pytest结合起来，然后根据yaml文件去发一个基本的请求呢？下面是一个简单的示例。1、先新建一个名为“demo.yaml”的yaml文件，用来存放测试数据的。-name:G广州研发中心parentid:1#第一次用例的数据正常expect:60008#对请求结果进行断言-name:""parentid:1#第二次用例的数据name为空expect:40058#对请求结果进行
  • C语言中的结构体指针 812503533 c语言算法开发语言
    一、什么是结构体指针？在C语言中，结构体是一种用户自定义的数据类型，可以将不同类型的变量组合在一起形成一个更复杂的数据结构。而结构体指针则是指向结构体变量地址的指针。通过结构体指针，我们可以动态访问结构体成员、传递结构体到函数以及进行内存管理等操作。结构体指针提供了一个更加灵活和高效的方式来操作结构体，特别是在处理大型数据结构时，指针的使用可以节省内存并提高程序性能。二、如何声明结构体指针？结构体
  • Lumberyard：Lumberyard物理系统详解_2024-07-13_20-00-57.Tex chenjj4003 游戏开发2lumberyardmicrosoft游戏引擎junit单元测试godot
    Lumberyard：Lumberyard物理系统详解Lumberyard物理系统概述物理引擎介绍Lumberyard,亚马逊的游戏引擎，集成了强大的物理引擎，用于模拟游戏世界中的真实物理行为。其物理引擎基于PhysX，一个由NVIDIA开发的物理模拟技术，广泛应用于游戏开发中。PhysX支持复杂的物理交互，包括刚体动力学、软体物理、流体动力学等，能够为游戏提供逼真的物理效果。物理系统在Lumbe
  • 数据结构-稀疏矩阵-十字链表存储 辣条不爱辣 数据结构数据结构
    当矩阵的非零元个数与位置在操作中变化较大时，就不宜用顺序存储结构来表示三元组的线性表。在链表中，每个非零元可用一个含5个域的结点表示，其中i,j,e这三个域分别表示该非零元所在的行的值，向右域right用以链接同一行中下一个非零元，向下域down用以链接同一列中下一个非零元，向右域right用以链接同一行中下一个非零元，向下域down用以链接同一列中下一个非零元。同一行的非零元通过right域链接
  • GBASE 8C——SQL参考6 sql语法（14） aisirea sql数据库
    ROLLBACKPREPARED功能描述取消一个先前为两阶段提交准备好的事务。语法格式ROLLBACKPREPAREDtransaction_id参数说明transaction_id：待提交事务的标识符。它不能和任何当前预备事务已经使用了的标识符同名。注意事项要想回滚一个预备事务，必须是最初发起事务的用户，或者是系统管理员。pg_prepared_xacts系统视图中列出了当前可用的所有准备好的事
  • GBASE 8C——SQL参考6 sql语法（5） aisirea 数据库gbase
    COMMIT功能描述提交当前事务。语法格式COMMIT[WORK|TRANSACTION]参数说明WORK|TRANSACTION：可选的关键词，没有具体效果。注意事项执行COMMIT这个命令的时候，命令执行者必须是该事务的创建者或系统管理员，且创建和提交操作可以不在同一个会话中。语法兼容符合SQL标准。相关语法BEGIN,ROLLBACK,ENDCOMMITPREPARED功能描述提交一个预先为
  • GBASE 8C——SQL参考6 sql语法（2） aisirea 数据库sql
    ALTERINDEX功能描述修改一个索引的参数。语法格式ALTERINDEX[IFEXISTS]nameRENAMETOnew_nameALTERINDEX[IFEXISTS]nameSETTABLESPACEtablespace_nameALTERINDEXnameDEPENDSONEXTENSIONextension_nameALTERINDEX[IFEXISTS]nameSET(storag
  • python基于django/flask网上书城系统Django-SpringBoot-php-Node.js-flask QQ_1963288475 pythondjangoflaskspringbootphplaravelnode.js
    目录技术栈介绍具体实现截图![在这里插入图片描述](https://i-blog.csdnimg.cn/direct/7b88ca45e7124106a000075acaf2f4e8.png)系统设计研究方法：设计步骤设计流程核心代码部分展示研究方法详细视频演示试验方案论文大纲源码获取/详细视频演示技术栈介绍Django-SpringBoot-php-Node.js-flask本课题的研究方法和研
  • Node.js系列（1）--架构设计指南 一进制ᅟᅠ        ‌‍‎‏  Node.jsnode.jsvim编辑器
    Node.js架构设计指南️引言Node.js作为一个高性能的JavaScript运行时环境，其架构设计对于构建可扩展的服务端应用至关重要。本文将深入探讨Node.js的架构设计原则、最佳实践和实现方案。架构概述Node.js架构主要包括以下方面：事件驱动：基于事件循环的异步非阻塞架构模块系统：CommonJS和ES模块系统进程模型：单线程主进程与工作线程流处理：基于Stream的数据处理错误处理
  • java list 按照某个字段排序 csdn2015_ java开发语言
    可以使用Collections.sort()方法对JavaList按照某个字段排序。假设有一个名为personList的List，其中的元素为Person对象，Person对象的某个字段为age，可以按照age字段来排序。第一种方法是通过实现Comparator接口来定义排序规则，然后使用Collections.sort()方法进行排序：publicclassPersonComparatorimp
  • 利用github部署项目 浪裡遊 github前端持续部署
    挂载GitHubPages的方法基本步骤创建仓库：在GitHub上创建一个新的仓库。如果使用自定义域名，则仓库名应为.github.io；否则可以是任意名称。启用GitHubPages：进入仓库的设置页面，在“Pages”部分选择要发布的分支（通常是main或master），然后保存更改。上传网站内容：将你的HTML、CSS、JavaScript等文件上传到仓库中指定的分支。什么是SSHSSH是一
  • 2021-06-04 VSC++：数组移位。 智者知已应修善业 c++算法经验分享笔记c语言
    本实例是真正的O(N)不是有些需要最坏O(2N)才能完成的却硬称O（N）本例在数组中是已经完全完成了的。void数组移位(){//缘由https://ask.csdn.net/questions/7441793?spm=1005.2025.3001.5141inta[47]{},*aa,n=0,p=0,x=0;aa=a;//时空复杂度O（N）std::cin>>n>>p;while(x>a[x++
  • Harmony------应用程序框架 小码狼 Harmony学习harmonyosarkts鸿蒙
    1.应该程序框架基础多Module设计机制模块化开发：一个应用多个功能，每个功能可作为一个模块，Module中可以包含源代码、资源文件、第三方库、配置文件等，每一个Module可以独立编译，实现特定的功能支持多设备：每个Module都会标注所支持的设备类型，可以根据需要组合Module类型ability类型的module：用于实现应用的功能和特性，每个ability类型的module编译后，会生成
  • 机器学习Pandas_learn3 XW-ABAP 机器学习pandas
    frompandasimportDataFrameimportnumpypaints={"车名":["奥迪Q5L","哈弗H6","奔驰GLC"],"最低报价":[numpy.nan,9.80,numpy.nan],"最高报价":[49.80,23.10,58.78]}goods_in=DataFrame(paints,index=[1,2,3])print(goods_in)goods_in_n
  • C#原型模式：通过克隆对象来优化创建过程 江沉晚呤时 设计模式java开发语言.netcoremicrosoftasp.netc#
    在软件开发中，创建对象是非常常见的操作。然而，在某些情况下，构造对象的过程可能非常复杂或耗时，特别是当对象的创建涉及多个步骤或者需要初始化大量数据时。为了解决这个问题，**原型模式（PrototypePattern）**应运而生。它允许通过复制一个已有的对象来创建新的对象，从而避免了重复的创建成本和复杂的初始化过程。什么是原型模式？原型模式是一种创建型设计模式，它通过克隆一个现有的对象来生成新对象
  • 适配器模式（Adapter Pattern）详解：如何通过适配器解决接口不兼容的问题 江沉晚呤时 设计模式服务器.net运维c#.netcore开发语言适配器模式
    在软件开发中，我们经常遇到不同系统或组件之间的接口不兼容的问题。如何将这些不兼容的接口进行整合，使得它们能够协同工作，成为一个常见的挑战。适配器模式（AdapterPattern）正是为了解决这个问题而设计的一种结构型设计模式。适配器模式通过提供一个中间层，将不兼容的接口适配成客户端需要的接口，从而让它们能够正常协作。本文将深入探讨适配器模式的概念、工作原理以及在C#中的实现，帮助开发者在实际项目
  • C# 建造者模式（Builder Pattern）详细讲解 江沉晚呤时 设计模式C#java数据库开发语言.netcorec#netjavascript
    一、什么是建造者模式？建造者模式（BuilderPattern）是一种创建型设计模式，它通过将一个复杂对象的构建过程与其表示分离，使得同样的构建过程可以创建不同的表示。这个模式主要应用于那些构建过程复杂且涉及多个步骤的场景，特别适合于需要灵活配置且逐步构建的对象。1.1.设计模式分类设计模式（DesignPatterns）分为三大类：创建型模式（CreationalPatterns）：关注如何创建
  • 测试工程师指南：基于需求文档构建本地安全知识库的完整实战 Python测试之道 python测试提效安全知识库python
    需求文档是测试工程师日常工作的核心工具，如何快速检索需求文档中的关键信息（文本、表格、图片等），并将其转化为可供AI查询的知识库，是提升工作效率的重要手段。本文将通过对需求文档（docx格式）的处理，详细讲解如何构建一个安全的本地知识库，并通过代码实现具体操作，确保每一步都可落地。一、本地知识库的安全性与连接方案在构建本地知识库时，安全性是首要考虑的因素，尤其是对于需求文档这样的敏感数据。以下是本
  • python-git- GitHub 45度看我 github
    python之git-GitHub一：github原文链接二：WhatisGitHub1>创建仓库2>创建分支3>提交修改4>发起PullRequest三：理解GitHub流四：创建你的GitHub主页1>setting-->“Commitchanges”按钮五：典型的项目1>社区（TheCommunity）2>文档（TheDocs）3>Issue创建一个问题单4>PullRequest六：Git
  • Python基础语法（二）：条件、循环与运算符 算法工程师y python开发语言
    本篇Python基础语法（二）将深入讲解编程中至关重要的条件判断、循环结构和运算符，它们是实现复杂逻辑的基石。一、条件语句（if-elif-else）条件语句用于根据不同的条件执行不同的代码块。Python中用if、elif（elseif的缩写）和else实现。1.基本语法age=18ifage（大于）、大于10>5→True=大于等于5>=5→True3)and(2<4)→Trueor任一条件为
  • Linux losetup循环设备 小米人er 我的博客losetuplinuxnuttx
    好的，以下是命令的中文解释和使用步骤：命令解释：losetup-r/dev/loop0/system/app.bin：losetup是一个用于将文件与循环设备（loopdevice）关联的命令。-r选项表示将循环设备设置为只读模式。/dev/loop0是使用的循环设备。/system/app.bin是要与循环设备关联的文件。这条命令的作用是将/system/app.bin文件的内容通过/dev/l
  • 上传本地项目到GitHub shi_jiaye 笔记github
    一、在GitHub上创建仓库1.点击右上角头像–>点击Yourrepositories2.点击New3.创建仓库网址复制一下，在后面git上传时会用到二、打开GitBash1.cd进入项目所在路径2.输入gitinit在当前项目的目录中生成本地的git管理（当前目录下出现.git文件夹）3.输入gitadd.将项目上的文件添加到仓库中注意add后面有个空格，后面还有个点4.输入gitcommit-
  • NET Markdown 解析神器--Markdig dotNET跨平台
    Markdig是一款快速、强大、符合CommonMark标准、可扩展的.NETMarkdown处理器。Markdig是一个为.NET平台设计的快速、强大且易于扩展的Markdown处理器，它完全符合CommonMark标准。这个库以其卓越的性能和丰富的功能集而著称，包括一个无需正则表达式的快速解析器和HTML渲染器，以及对垃圾回收压力的最小化。核心特性Markdig的一些显著特性包括：1.极速性能
  • Vue+EasyExcel来操作文件上传下载 ☆夜幕星河℡ SpringBootExcelEasyExceljavavuespringboot
    Excel导入导出在管理一个系统时，总会有许多的数据，为了方便浏览查看数据，系统总会提供「导出Excel」的功能；有导出就有导入，在要向数据库中插入大量的数据时，我们向程序提供准备好的Excel，然后程序读取表格内容，并将数据添加到数据库中。实现这个「导入/导出Excel」的功能也不复杂，我们使用第三方的类库即可实现。比如：Apachepoi、JavaExcel（JXL）和阿里巴巴开源的Easye
  • 每日一题之地宫取宝 Ace＇ 算法数据结构
    题目描述X国王有一个地宫宝库。是n×m个格子的矩阵。每个格子放一件宝贝。每个宝贝贴着价值标签。地宫的入口在左上角，出口在右下角。小明被带到地宫的入口，国王要求他只能向右或向下行走。走过某个格子时，如果那个格子中的宝贝价值比小明手中任意宝贝价值都大，小明就可以拿起它（当然，也可以不拿）。当小明走到出口时，如果他手中的宝贝恰好是k件，则这些宝贝就可以送给小明。请你帮小明算一算，在给定的局面下，他有多少
  • mysql主从数据同步 林鹤霄 mysql主从数据同步
    配置mysql5.5主从服务器(转) 教程开始：一、安装MySQL 说明：在两台MySQL服务器192.168.21.169和192.168.21.168上分别进行如下操作，安装MySQL 5.5.22  二、配置MySQL主服务器（192.168.21.169）mysql  -uroot  -p   &nb
  • oracle学习笔记 caoyong oracle
    1、ORACLE的安装    a>、ORACLE的版本    8i,9i :   i是internet    10g,11g : grid (网格)    12c : cloud (云计算)       b>、10g不支持win7 &
  • 数据库，SQL零基础入门 天子之骄 sql数据库入门基本术语
    数据库，SQL零基础入门        做网站肯定离不开数据库，本人之前没怎么具体接触SQL，这几天起早贪黑得各种入门，恶补脑洞。一些具体的知识点，可以让小白不再迷茫的术语，拿来与大家分享。          数据库，永久数据的一个或多个大型结构化集合，通常与更新和查询数据的软件相关
  • pom.xml 一炮送你回车库 pom.xml
    1、一级元素dependencies是可以被子项目继承的 2、一级元素dependencyManagement是定义该项目群里jar包版本号的，通常和一级元素properties一起使用，既然有继承，也肯定有一级元素modules来定义子元素 3、父项目里的一级元素<modules> <module>lcas-admin-war</module> <
  • sql查地区省市县 3213213333332132 sqlmysql
    -- db_yhm_city SELECT * FROM db_yhm_city WHERE class_parent_id = 1 -- 海南 class_id = 9 港、奥、台 class_id = 33、34、35 SELECT * FROM db_yhm_city WHERE class_parent_id =169 SELECT d1.cla
  • 关于监听器那些让人头疼的事 宝剑锋梅花香 画图板监听器鼠标监听器
           本人初学JAVA，对于界面开发我只能说有点蛋疼，用JAVA来做界面的话确实需要一定的耐心（不使用插件，就算使用插件的话也没好多少）既然Java提供了界面开发，老师又要求做，只能硬着头皮上啦。但是监听器还真是个难懂的地方，我是上了几次课才略微搞懂了些。       
  • JAVA的遍历MAP darkranger map
    Java Map遍历方式的选择 1. 阐述 　　对于Java中Map的遍历方式，很多文章都推荐使用entrySet，认为其比keySet的效率高很多。理由是：entrySet方法一次拿到所有key和value的集合；而keySet拿到的只是key的集合，针对每个key，都要去Map中额外查找一次value，从而降低了总体效率。那么实际情况如何呢？ 　　为了解遍历性能的真实差距，包括在遍历ke
  • POJ 2312 Battle City 优先多列+bfs aijuans 搜索
    来源：http://poj.org/problem?id=2312 题意：题目背景就是小时候玩的坦克大战，求从起点到终点最少需要多少步。已知S和R是不能走得，E是空的，可以走，B是砖，只有打掉后才可以通过。 思路：很容易看出来这是一道广搜的题目，但是因为走E和走B所需要的时间不一样，因此不能用普通的队列存点。因为对于走B来说，要先打掉砖才能通过，所以我们可以理解为走B需要两步，而走E是指需要1
  • Hibernate与Jpa的关系，终于弄懂 avords javaHibernate数据库jpa
    我知道Jpa是一种规范，而Hibernate是它的一种实现。除了Hibernate，还有EclipseLink(曾经的toplink)，OpenJPA等可供选择，所以使用Jpa的一个好处是，可以更换实现而不必改动太多代码。 在play中定义Model时，使用的是jpa的annotations，比如javax.persistence.Entity, Table, Column, OneToMany
  • 酸爽的console.log bee1314 console
    在前端的开发中，console.log那是开发必备啊，简直直观。通过写小函数，组合大功能。更容易测试。但是在打版本时，就要删除console.log，打完版本进入开发状态又要添加，真不够爽。重复劳动太多。所以可以做些简单地封装，方便开发和上线。 /** * log.js hufeng * The safe wrapper for `console.xxx` functions *
  • 哈佛教授：穷人和过于忙碌的人有一个共同思维特质 bijian1013 时间管理励志人生穷人过于忙碌
            一个跨学科团队今年完成了一项对资源稀缺状况下人的思维方式的研究，结论是：穷人和过于忙碌的人有一个共同思维特质，即注意力被稀缺资源过分占据，引起认知和判断力的全面下降。这项研究是心理学、行为经济学和政策研究学者协作的典范。 　　这个研究源于穆来纳森对自己拖延症的憎恨。他7岁从印度移民美国，很快就如鱼得水，哈佛毕业
  • other operate 征客丶 OSosx
    一、Mac Finder 设置排序方式，预览栏 在显示－》查看显示选项中 二、有时预览显示时，卡死在那，有可能是一些临时文件夹被删除了，如：/private/tmp[有待验证] -------------------------------------------------------------------- 若有其他凝问或文中有错误，请及时向我指出， 我好及时改正，同时也让我们一
  • 【Scala五】分析Spark源代码总结的Scala语法三 bit1129 scala
    1. If语句作为表达式 val properties = if (jobIdToActiveJob.contains(jobId)) { jobIdToActiveJob(stage.jobId).properties } else { // this stage will be assigned to "default" po
  • ZooKeeper 入门 BlueSkator 中间件zk
    ZooKeeper是一个高可用的分布式数据管理与系统协调框架。基于对Paxos算法的实现，使该框架保证了分布式环境中数据的强一致性，也正是基于这样的特性，使得ZooKeeper解决很多分布式问题。网上对ZK的应用场景也有不少介绍，本文将结合作者身边的项目例子，系统地对ZK的应用场景进行一个分门归类的介绍。 值得注意的是，ZK并非天生就是为这些应用场景设计的，都是后来众多开发者根据其框架的特性，利
  • MySQL取得当前时间的函数是什么 格式化日期的函数是什么 BreakingBad mysqlDate
    取得当前时间用 now() 就行。 在数据库中格式化时间 用DATE_FORMA T(date, format) . 根据格式串format 格式化日期或日期和时间值date，返回结果串。 可用DATE_FORMAT( ) 来格式化DATE 或DATETIME 值，以便得到所希望的格式。根据format字符串格式化date值: %S, %s 两位数字形式的秒（ 00,01,
  • 读《研磨设计模式》-代码笔记-组合模式 bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.util.ArrayList; import java.util.List; abstract class Component { public abstract void printStruct(Str
  • 4_JAVA+Oracle面试题(有答案) chenke oracle
    基础测试题 卷面上不能出现任何的涂写文字，所有的答案要求写在答题纸上，考卷不得带走。 选择题 1、 What will happen when you attempt to compile and run the following code? （3） public class Static { static { int x = 5; // 在static内有效 } st
  • 新一代工作流系统设计目标 comsci 工作算法脚本
      用户只需要给工作流系统制定若干个需求，流程系统根据需求，并结合事先输入的组织机构和权限结构，调用若干算法，在流程展示版面上面显示出系统自动生成的流程图，然后由用户根据实际情况对该流程图进行微调，直到满意为止，流程在运行过程中，系统和用户可以根据情况对流程进行实时的调整，包括拓扑结构的调整，权限的调整，内置脚本的调整。。。。。 在这个设计中，最难的地方是系统根据什么来生成流
  • oracle 行链接与行迁移 daizj oracle行迁移
    表里的一行对于一个数据块太大的情况有二种(一行在一个数据块里放不下) 第一种情况: INSERT的时候，INSERT时候行的大小就超一个块的大小。Oracle把这行的数据存储在一连串的数据块里(Oracle Stores the data for the row in a chain of data blocks)，这种情况称为行链接(Row Chain)，一般不可避免(除非使用更大的数据
  • [JShop]开源电子商务系统jshop的系统缓存实现 dinguangx jshop电子商务
    前言 jeeshop中通过SystemManager管理了大量的缓存数据，来提升系统的性能，但这些缓存数据全部都是存放于内存中的，无法满足特定场景的数据更新（如集群环境）。JShop对jeeshop的缓存机制进行了扩展，提供CacheProvider来辅助SystemManager管理这些缓存数据，通过CacheProvider,可以把缓存存放在内存,ehcache,redis，memcache
  • 初三全学年难记忆单词 dcj3sjt126com englishword
    several 儿子；若干 shelf 架子 knowledge 知识；学问 librarian 图书管理员 abroad 到国外，在国外 surf 冲浪 wave 浪；波浪 twice 两次；两倍 describe 描写；叙述 especially 特别；尤其 attract 吸引 prize 奖品；奖赏 competition 比赛；竞争 event 大事；事件 O
  • sphinx实践 dcj3sjt126com sphinx
      安装参考地址:http://briansnelson.com/How_to_install_Sphinx_on_Centos_Server   yum install sphinx 如果失败的话使用下面的方式安装 wget http://sphinxsearch.com/files/sphinx-2.2.9-1.rhel6.x86_64.rpm yum loca
  • JPA之JPQL（三） frank1234 ormjpaJPQL
    1 什么是JPQL JPQL是Java Persistence Query Language的简称，可以看成是JPA中的HQL， JPQL支持各种复杂查询。 2 检索单个对象 @Test public  void querySingleObject1() {     Query query = em.createQuery("sele
  • Remove Duplicates from Sorted Array II hcx2013 remove
    Follow up for "Remove Duplicates":What if duplicates are allowed at most twice? For example,Given sorted array nums = [1,1,1,2,2,3], Your function should return length
  • Spring4新特性——Groovy Bean定义DSL jinnianshilongnian spring 4
    Spring4新特性——泛型限定式依赖注入 Spring4新特性——核心容器的其他改进 Spring4新特性——Web开发的增强 Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC  Spring4新特性——Groovy Bean定义DSL Spring4新特性——更好的Java泛型操作API  Spring4新
  • CentOS安装Mysql5.5 liuxingguome centos
    CentOS下以RPM方式安装MySQL5.5 首先卸载系统自带Mysql： yum remove mysql mysql-server mysql-libs compat-mysql51 rm -rf /var/lib/mysql rm /etc/my.cnf 查看是否还有mysql软件： rpm -qa|grep mysql 去http://dev.mysql.c
  • 第14章 工具函数（下） onestopweb 函数
    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/
  • POJ 1050 SaraWon 二维数组子矩阵最大和
    POJ ACM第1050题的详细描述，请参照 http://acm.pku.edu.cn/JudgeOnline/problem?id=1050 题目意思： 给定包含有正负整型的二维数组，找出所有子矩阵的和的最大值。 如二维数组 0 -2 -7 0 9 2 -6 2 -4 1 -4 1 -1 8 0 -2 中和最大的子矩阵是 9 2 -4 1 -1 8 且最大和是15
  • [5]设计模式——单例模式 tsface java单例设计模式虚拟机
    单例模式：保证一个类仅有一个实例，并提供一个访问它的全局访问点   安全的单例模式：     /* * @(#)Singleton.java 2014-8-1 * * Copyright 2014 XXXX, Inc. All rights reserved. */ package com.fiberhome.singleton;
  • Java8全新打造，英语学习supertool yangshangchuan javasuperword闭包java8函数式编程
    superword是一个Java实现的英文单词分析软件，主要研究英语单词音近形似转化规律、前缀后缀规律、词之间的相似性规律等等。Clean code、Fluent style、Java8 feature: Lambdas, Streams and Functional-style Programming。   升学考试、工作求职、充电提高，都少不了英语的身影，英语对我们来说实在太重要
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他