谢某某
谢某某

聊聊圣杯布局

经典三列布局，也叫做圣杯布局【Holy Grail of Layouts】是Kevin Cornell在2006年提出的一个布局模型概念，在国内最早是由淘宝UED的工程师传播开来，在中国也有叫法是双飞翼布局，它的布局要求有几点：

 1、三列布局，中间宽度自适应，两边定宽；
 2、中间栏要在浏览器中优先展示渲染；
 3、允许任意列的高度最高； 
4、要求只用一个额外的DIV标签； 
5、要求用最简单的CSS、最少的HACK语句；
 
思路步骤：（按照外层div.main，左侧div.left，内容部分div.content构思）
    1、外层.main不设置宽度，自适应100%，此时设置padding=200px则不会影响总体宽度，此时可以让content被挤到200px的位置，这就确定了content所处的位置
    2、左侧left的html代码要在content代码之后写（便于后面使用相对定位和负值margin来定位）
    3、content设置：
        content宽度设置为100%，由于main的padding-left的设置，content就只能在距离浏览器200px的位置。
        设置content左浮动float：left，让content紧贴main的最左边。
    4、left设置：
        left设置左浮动float：left，由于content的宽度设置，left势必被挤到换行
        然后设置margin-left：-100%，结合上面的左浮动，left会回到main的最左边，此时距离浏览器边缘还有padding设置的200px。
        这时候设置left相对定位position：relative，然后设置其left值为-200px；这时候的left就能被定位到最左边了。
 
疑问：为什么不能使用position:absolute呢？
答案：
        绝对定位的参照物是最近的一个有定位的div，如果没有则直接以body为参照物，所以如果外层main没有定位设置，那就比较麻烦了。
        相对定位的参照标准是元素当前位置，不会依托于别的div，所以比绝对定位更好。
建议：深刻理解一下相对定位和绝对定位的知识点。
 
代码及注释如下： 
 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Document</title>
 6     <style type="text/css">
 7         *{
 8             padding: 0;
 9             margin: 0;
10             list-style: none;
11             color: #fff;
12         }    
13         body,html{
14             height: 100%;
15         }
16         /*
17             外层div不设置宽度，自适应100%，此时设置padding=200px则不会影响总体宽度
18             此时可以让content被挤到200px的位置，这就确定了content所处的位置
19         */
20         .main{
21             background: #000;
22             height: 100%;    
23             padding-left:200px;         
24         }
25         /*
26             content宽度设置为100%，由于main的padding-left的设置，content就只能在距离浏览器200px的位置。
27             设置content左浮动float：left，让content紧贴main的最左边。
28         */
29         .content{
30             height: 100%;
31             background: red;
32             float: left;
33             width: 100%;
34         }
35         /*                        
36             left设置左浮动float：left，由于content的宽度设置，left势必被挤到换行
37             然后设置margin-left：-100%，结合上面的左浮动，left会回到main的最左边，此时距离浏览器边缘还有padding设置的200px。
38             这时候设置left相对定位position：relative，然后设置其left值为-200px；这时候的left就能被定位到最左边了。
39             疑问：为什么不能使用position:absolute呢？
40             答案：
41                 绝对定位的参照物是最近的一个有定位的div，如果没有则直接以body为参照物，所以如果外层main没有定位设置，那就比较麻烦了。
42                 相对定位的参照标准是元素当前位置，不会依托于别的div，所以比绝对定位更好。
43         */
44         .left{            
45             width: 200px;
46             height: 100%;
47             margin-left: -100%;
48             background: blue;
49             position: relative;
50             float: left;
51             left: -200px;
52             _left: 0;    /*IE6 hack*/
53         }
54     </style>
55 </head>
56 <body>
57     <div class="main">
58         <div class="content">
59             1.这是测试的内容<br />
60             2.这是测试的内容<br />
61             3.这是测试的内容<br />
62             4.这是测试的内容<br />
63             5.这是测试的内容<br />
64             6.这是测试的内容<br />
65             7.这是测试的内容<br />
66             8.这是测试的内容<br />
67             9.这是测试的内容<br />
68             10.这是测试的内容<br />
69         </div>
70         <div class="left">
71             
72         </div>
73     </div>
74 </body>
75 </html>

 

你可能感兴趣的:(聊聊圣杯布局)

  • 微服务与AI——架构风格的选择与成本的权衡 小蒋聊技术 小蒋聊技术架构微服务人工智能
    时间：2025年03月23日作者：小蒋聊技术邮箱：wei_wei10@163.com微信：wei_wei10音频：喜马拉雅大家好，欢迎来到小蒋聊技术频道。我是小蒋，一名热爱技术、不断钻研架构的开发者。在今天的分享中，我想和大家聊聊微服务架构。微服务是一种架构风格，而不是技术堆砌。最近，随着微服务架构在大型企业中的广泛应用，很多公司开始考虑将其作为未来架构的基础。与此同时，随着人工智能（AI）的迅猛
  • 聊聊页面测试和接口测试优缺点 Feng.Lee 漫谈测试测试工具功能测试可用性测试测试覆盖率
    目录一、Web页面测试（UI测试）优缺点web页面测试优点贴近用户视角端到端覆盖验证浏览器兼容性web页面测试缺点执行效率低维护成本高调试难度大页面的稳定性问题二、接口测试的优缺点接口测试的优点发现问题早快速反馈稳定性和可靠性高覆盖底层逻辑性能测试基础接口测试的缺点无法验证UI表现技术门槛较高场景覆盖局限无法覆盖用户的体验对业务逻辑有深入了解安全问题容易被忽略三、如何选择？结合场景的测试策略建议优
  • Python切片中的步长秘密 程序员
    Python切片中的步长秘密大家好！今天我们来聊聊Python切片中一个有趣的话题-步长（step）。基本格式回顾Python切片的完整格式是:[起点:终点:步长]但你是否注意到,很多代码里的切片都只写了起点和终点?没错,步长是可以省略的!步长的默认值当我们省略步长时:my_list[0:5]#等同于my_list[0:5:1]这说明步长的默认值是1,即一个一个地取元素。特殊的步长值在实际编程中,
  • 普通人如何用 AI 工具开启副业之路？ SuperMale-zxq AI写作AI作画AI编程人工智能人工智能
    (注意工具只是借鉴，eg现如今写作推理模型最好1DeepSeekR1,2DeepClaude3got4o4Claude3.5Sonnet)普通人如何用AI工具开启副业之路？哈喽大家好！我是你们的AI知识博主，一个全网少数能把重点、Why（为什么）、How（怎么做）讲清楚的少数派！今天我们聊聊一个所有普通人都能用得上的主题：如何利用AI工具开启自己的副业之路，轻松赚到第一桶金？这篇文章非常适合：想要
  • Docker 存储驱动那些小秘密：差异、场景与选择指南 weixin_42587823 云原生dockereurekajava
    Docker存储驱动那些小秘密：差异、场景与选择指南在日常使用Docker部署应用时，我们经常会遇到存储问题。其实，Docker背后的存储驱动就像是汽车的发动机，决定了容器文件系统的表现。今天，我就来聊聊常见的几种存储驱动：overlay2、aufs、devicemapper、Btrfs、ZFS以及vfs，它们各有千秋，适用的场景也不尽相同。一、Docker存储驱动的工作原理首先，简单了解下Doc
  • 「收藏级」指针的前世今生：写给所有被C/C++折磨过的人 c++c
    大家好，我是小康。今天聊聊让编程新手头疼的"指针"——这个C语言第一难点究竟是什么，为什么会被发明出来？从直接操作内存到编程语言的"导航员"你有没有过这样的经历：学习编程时，一切都还算顺利，直到遇见了"指针"这个概念，突然感觉像遇到了一道难以逾越的高坎？(我第一次接触指针时也是这样，一脸懵圈..."指针是变量的地址？""指针是指向内存的变量？""为什么要用指针？没有指针不行吗？"如果你也有这些疑问
  • 跨部门的高级别会议，怎样汇报才能脱颖而出 晏小北 求职招聘职场和发展经验分享思维模式
    芯片工程师，聊聊汇报的逻辑。我说：今天，旁听了一场会议。想起这两年自己的汇报经历，有些感触。我参加过的汇报，可分为两种。多数汇报，是研发内部的信息拉通和方案讨论。这种情况，参与者都是技术人员，对器件的基本结构了然于胸，对此前曾经做过的研究也大概清楚，沟通成本较低，可以随意使用专业术语进行交流。换句话说，在技术层面，参会者已经建立了某些共识。另一种，是更高级别的，跨部门的汇报。出席会议的，往往都是各
  • BGP 路由选路、负载分担与发布策略 小度爱学习 网络安全从小白到大神网络
    引言在前面我们已经对BGP有了一个基础的了解，今天咋们就来继续聊聊BGP选路原则1、13条选路规则全解析1、首先丢弃下一跳（NEXT_HOP）不可达的路由；2、优选Preferred-value值最大的路由；默认为0；Preferred-value：定义：首选项。属性值：默认为0，取值范围是0~65535,取值越大，优先级越高。注意：H3C和华为的私有属性，3、优选本地优先级（LOCAL_PREF
  • IPv4 和 IPv6大家都很熟悉了，IPv5、IPv7、 IPv8、 IPv9存在吗？ wljslmz 网络技术IP协议IPv6
    互联网是我们生活中不可或缺的一部分，而IP协议（InternetProtocol，互联网协议）则是互联网的“交通指挥官”，负责确保数据包从一台设备顺利送到另一台设备。你肯定听说过IPv4和IPv6，它们是互联网世界的两大支柱。但你有没有想过，IPv5、IPv7、IPv8、IPv9这些版本到底存不存在呢？今天，我就带你走进IP协议的奇妙世界，详细聊聊这些版本的来龙去脉，保证让你看得明白又有趣！IP协
  • 【做了管理才知道-1】 刘寰 运营程序人生
    你的业务很出色，得到了上级的赏识，做到了管理层次。你不想像之前那个讨厌的上司，决心想做一个人人都爱的好领导，可当上管理之后，遇到了一些从前根本想不到的问题。当上管理才知道，管理者的孤独是被动的。你有一个独立的办公室，一个安静、自由、不受干扰的空间，但是你会发现无聊的时候没人说话，很想走出来跟大家聊聊天，可看到大家的反应才发现自己好像是在检查他们的工作。下班后，你和曾经的同事开玩笑，他们现在也不接了
  • 全排列：递归与回溯的艺术，深度解析与实战 Echo_Wish LeetCode专题python算法开发语言
    全排列：递归与回溯的艺术，深度解析与实战【引言】大家好，我是Echo_Wish，今天我们来聊聊一个经典又常考的算法问题——全排列（Permutation）。很多初学者在第一次遇到全排列问题时，都会下意识地想着暴力遍历所有情况，然后就被时间复杂度炸得怀疑人生。而高手呢？他们一看到这个问题，就知道要用递归+回溯，像庖丁解牛一样游刃有余。那么，今天我们就深入探讨全排列，从递归到回溯，从思维方式到代码实现
  • innovus每日命令精要 | 轻松玩转 setMetalFill，后端设计不再愁！ 数字后端物理设计知识库 innovus命令每日精要innovus数字后端物理设计
    在数字后端物理设计的江湖里，你是否为金属填充的复杂设置而烦恼？别担心，今天咱们就来聊聊Innovus中的setMetalFill命令，让你轻松搞定金属填充，平衡制造要求与设计性能。一、setMetalFill的核心作用setMetalFill主要用于控制金属填充的参数化设置。它就像是一个神奇的魔术师，能在满足制造要求的金属密度与优化时序、信号完整性之间找到完美的平衡。比如，它可以帮你设定窗口密度检
  • 从混乱到高效，掌握原理才能走得更远 —— AI时代的开发者生存法则 小蒋聊技术 小蒋聊技术人工智能
    时间：2025年03月16日作者：小蒋聊技术邮箱：wei_wei10@163.com微信：wei_wei10音频：喜马拉雅大家好，欢迎来到小蒋聊技术频道。我是小蒋，一名热爱技术、不断钻研架构的开发者。在今天的分享中，我想和大家聊聊软件开发的本质，以及在AI浪潮下，我们如何真正立足技术，走得更远。想象一下，你刚刚加入一个项目，需求看起来很明确，开发计划也很完整，团队里个个是精兵强将。然而，等你真正进
  • 深入了解Python内置数据类型的魅力与应用 程序员总部 pythonpythonjava服务器
    在Python的世界里，内置数据类型就像是构建应用的基础砖块。这些数据类型不仅功能强大，还能帮助我们以简单的方式解决复杂的问题。今天，我们就来聊聊Python的几种基本数据类型，看看它们各自的特性以及如何在实际编程中加以应用。说到Python的内置数据类型，最常见的有数字、字符串、列表、元组、字典和集合。这些类型各有千秋，适合不同的场景。数字类型：简单却强大数字类型在Python中非常基础，主要分
  • Python中的NumPy函数探秘：深入了解percentile！ 程序员总部 pythonpythonnumpy开发语言
    在数据分析和科学计算的领域，NumPy无疑是一个强大的工具。它不仅仅是一个数组处理库，更是一个包含丰富功能的数学计算库。说到这些功能，percentile这个函数就特别引人关注！它在处理数据时非常有用，能够帮助我们理解和分析数据的分布情况。那么，percentile到底是什么呢？我们来详细聊聊。percentile函数的主要作用是计算给定数据集中的百分位数。百分位数是将数据集分成100个相等部分的
  • #C8# UVM中的factory机制 #S8.5# 对factory机制的重载进一步思考 那么菜 UVM
    前面的重载，我们已经谈了很多，为什么还需要进一步聊聊呢。作为码农，我们喜欢拿来多种相近语言，进行对比理解，相信这是一种加深对问题理解的方式。一C++重载在C++中，重载和多态的英文术语分别是：重载→Overloading；多态→Polymorphism重载的定义：在同一作用域内定义多个同名函数或操作符，但参数列表（类型、数量或顺序）不同。多态定义：通过继承和虚函数实现，允许不同子类对象对同一方法表
  • raylink有手机控制手机的功能吗? 2501_90729959 远程控制软件远程控制手机手机控制手机智能手机
    在如今移动设备满大街跑的时代，远程控制技术好像一下子成了提升效率的必备神器。好多人都在问：RayLink远程控制软件到底能不能用手机来控制手机呢？今天，咱们就来好好聊聊这个功能，说说它能用在哪些地方，怎么操作，还有为啥RayLink在手机远程控制这一块这么受欢迎。RayLink手机控制手机RayLink它是个跨平台的远程控制软件。它不仅能让你用电脑去控制手机，还能实现手机对手机的远程操作。只要你装
  • 硬件防火墙配置与优化：给网络装上最稳的安全阀 Echo_Wish 让你快速入坑运维运维探秘网络开发语言运维
    硬件防火墙配置与优化：给网络装上最稳的安全阀在当前威胁复杂的网络环境中，无论是企业还是个人用户，网络安全都像空气一样重要，特别是作为安全防线第一道关卡的硬件防火墙。如果防火墙配置不当，可能形同虚设，甚至给网络引入隐患。今天就来聊聊硬件防火墙的配置与优化，希望能帮你把“安全阀”拧得更紧。硬件防火墙的核心作用是什么？硬件防火墙本质上是部署在网络边缘的安全设备，负责筛查进出网络的流量，阻止未经授权的访问
  • 小白必看！2025 网络安全保姆级学习路线来啦~ 白帽黑客-晨哥 学习web安全安全数据库php
    关键词：网络安全入门、渗透测试学习、零基础学安全、网络安全学习路首先咱们聊聊，学习网络安全方向通常会有哪些问题1.初学者常见问题1.1如何开始学习网络安全？问题：网络安全领域广泛，初学者往往不知道从哪里入手。解答：从基础知识开始：学习计算机网络、操作系统、编程语言（如Python、Bash）。了解网络安全的基本概念，如加密、认证、漏洞、攻击类型等。使用在线资源（如Cybrary、OWASP）或书籍
  • rabbitmq 同步策略_解决RabbitMQ消息丢失问题和保证消息可靠性（一） 卓钥 rabbitmq同步策略
    工作中经常用到消息中间件来解决系统间的解耦问题或者高并发消峰问题，但是消息的可靠性如何保证一直是个很大的问题，什么情况下消息就不见了？如何防止消息丢失？下面通过这篇文章，我们就聊聊RabbitMQ消息可靠性如何解决的？本文分三部分说明RabbitMQ消息丢失场景有哪些？如何避免消息丢失？如何设计部署消息中间件保证消息可靠性？RabbitMQ消息丢失场景有哪些？首先我们看下消息周期投递过程：我们把该
  • 《Python机器学习基础教程》第3讲：回归算法与模型优化 earthzhang2021 2025讲书课专栏机器学习python回归开发语言人工智能1024程序员节numpy
    上一讲我们聊了分类算法，学会了怎么用机器学习把东西分门别类。今天，我们来聊聊回归算法，这是一种用来预测连续数值的算法。比如，你想知道明天的气温是多少，或者一套房子能卖多少钱，这时候就需要回归算法来帮忙啦。我们还会学习怎么优化模型，让模型变得更厉害。1.回归问题：预测连续的数值想象一下，你手里有一堆房子的信息，包括房子的面积、房间数量、位置等等，你想知道这些房子大概能卖多少钱。这时候，回归算法就能派
  • 聊聊langchain4j的Web Search Engine langchain4j
    序本文主要研究一下langchain4j的WebSearchEngine步骤pom.xmldev.langchain4jlangchain4j-web-search-engine-searchapi1.0.0-beta2example@TestpublicvoidtestSearchEngine(){SearchApiWebSearchEnginesearchEngine=SearchApiWeb
  • 聊聊spring ai的mcp server ai开发
    序本文主要研究一下springai的mcpservermcpjavasdkmcp提供了javasdk，同时还提供了springwebflux及mvc的sse实现io.modelcontextprotocol.sdkmcp-bom0.8.0pomimportio.modelcontextprotocol.sdkmcpio.modelcontextprotocol.sdkmcp-spring-webf
  • 2025春晚的秧Bot用了啥黑科技？DeepSeek带你吃瓜 探索软件库-崛起之星 软件资料合集人工智能
    大家好，我是小索奇，今天咱们来聊聊一个话题——2025春晚的秧Bot到底用了啥黑科技？如果你也是个科技迷，或者单纯想看看春晚背后的“黑科技”到底有多黑，这篇文章就非常适合你~秧Bot是啥？为啥它能上春晚？首先，咱们得搞清楚这个“秧Bot”到底是何方神圣。简单来说，秧Bot就是一个智能机器人，专门用来表演中国传统舞蹈——秧歌。你没听错，机器人跳秧歌！这可不是普通的机器人，它背后藏着无数黑科技，从AI
  • uni.request流式（Stream）请求，实现打印机效果 m0_74824802 前端
    最近使用扣子-开发指南(coze.cn)和智谱AI开放平台开发小程序AI导诊和用药对话指南。开发的过程中也是走了不少坑，下面就来聊聊走了哪些坑。坑1：coze试了v2和v3的接口，两个接口请求还是有点差别的，v2拿到了botId和accessToken可以直接请求不需要做任何处理，v3还需要多一步，先创建会话，在开发指南上有接口，需要先请求创建会话，拿到createdId在接口后拼接，注意，cre
  • Python高效处理Excel文件的15个Pandas函数 欧子有话说 Python数据分析pythonexcelpandas
    说起数据分析和处理文件，Excel绝对是我们日常生活中常见的格式之一。在Python的世界里，有一个强大的工具叫Pandas，它能让我们非常高效地处理Excel文件。今天我们就来聊聊Pandas里最常用的15个函数，手把手教你从读取文件到复杂数据处理的各种操作。包含编程资料、学习路线图、源代码、软件安装包等！【籽料戳这里】！1.用read_excel读取Excel文件这是第一步！我们先得把Exce
  • 一文教会你：VSCode配置Python开发环境，最全安装教程（附学习资料） 欧子有话说 PythonPython工具pythonvscodepycharm
    前言想要在Python开发中大展拳脚，首先得弄清楚开发环境该怎么配置。今天咱们就聊聊，如何在VSCode中安装Python，并顺便给你们带来一些常用第三方库的安装步骤，帮助你轻松搞定环境配置。包含编程资料、学习路线图、源代码、软件安装包等！【快捷传送门】！如何在VSCode中安装Python？1.安装VSCode首先，你需要从VSCode官网下载并安装VSCode。安装步骤简单，按提示走就行。2.
  • 动漫短剧小程序系统开发|动漫短剧小程序搭建|动漫短剧app现成系统 weixin_707762673 小程序
    系统全部开源可二次开发，包部署上线上架，专业的售后团队以及技术服务公司，不转包不外包，完全自研技术团队。Hey小伙伴们！今天给大家安利一款超级棒的东西——动漫短剧小程序系统开发|动漫短剧小程序搭建|动漫短剧app现成系统。如果你对这个领域感兴趣或者正准备投身其中的话，这篇分享绝对值得一看！亮点一：开源的魅力首先咱们聊聊这款产品的最大卖点之一——它是最新全开源短剧系统哦～这意味着什么呢？就是说你可以
  • CSS圣杯布局与双飞翼布局 旺代 css前端
    目录一、圣杯布局（HolyGrailLayout）1.核心特点2.实现步骤3.优点与缺点二、双飞翼布局（DoubleWingsLayout）1.核心特点2.实现步骤3.优点与缺点三、圣杯布局vs双飞翼布局四、现代替代方案（Flexbox和Grid）1.Flexbox实现三栏布局2.Grid实现三栏布局五、总结一、圣杯布局（HolyGrailLayout）1.核心特点三栏结构：左栏（固定宽度）、中间
  • Python深度学习框架：用神经网络预测股市，科学or玄学？ 西蒙斯.果 量化洞见pythonnumpy学习pandas神经网络
    小伙伴们，今天我们不谈K线，不谈MACD，我们来聊聊如何用Python的深度学习框架，让神经网络帮你"算命"——啊不，是预测股市走势！一、神经网络：股市里的"章鱼保罗"还记得2010年世界杯那个预测神准的章鱼保罗吗？神经网络就像是数字世界的保罗，只不过它不吃贝壳，它"吃"数据！```pythonimporttensorflowastffromtensorflow.keras.modelsimpor
  • Dom 周华华 JavaScripthtml
    <!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
  • 【Spark九十六】RDD API之combineByKey bit1129 spark
    1. combineByKey函数的运行机制   RDD提供了很多针对元素类型为(K,V)的API，这些API封装在PairRDDFunctions类中，通过Scala隐式转换使用。这些API实现上是借助于combineByKey实现的。combineByKey函数本身也是RDD开放给Spark开发人员使用的API之一   首先看一下combineByKey的方法说明：
  • msyql设置密码报错：ERROR 1372 (HY000): 解决方法详解 daizj mysql设置密码
    MySql给用户设置权限同时指定访问密码时，会提示如下错误： ERROR 1372 (HY000): Password hash should be a 41-digit hexadecimal number；   问题原因：你输入的密码是明文。不允许这么输入。   解决办法：用select password('你想输入的密码');查询出你的密码对应的字符串， 然后
  • 路漫漫其修远兮 吾将上下而求索 周凡杨 学习 思索
    王国维在他的《人间词话》中曾经概括了为学的三种境界古今之成大事业、大学问者，罔不经过三种之境界。“昨夜西风凋碧树。独上高楼，望尽天涯路。”此第一境界也。“衣带渐宽终不悔，为伊消得人憔悴。”此第二境界也。“众里寻他千百度，蓦然回首，那人却在灯火阑珊处。”此第三境界也。学习技术，这也是你必须经历的三种境界。第一层境界是说，学习的路是漫漫的，你必须做好充分的思想准备，如果半途而废还不如不要开始。这里，注
  • Hadoop(二)对话单的操作 朱辉辉33 hadoop
    Debug： 1、 A = LOAD '/user/hue/task.txt' USING PigStorage(' ') AS (col1,col2,col3); DUMP A; //输出结果前几行示例： (>ggsnPDPRecord(21),,) (-->recordType(0),,) (-->networkInitiation(1),,)
  • web报表工具FineReport常用函数的用法总结（日期和时间函数） 老A不折腾 finereport报表工具web开发
    web报表工具FineReport常用函数的用法总结（日期和时间函数）   说明：凡函数中以日期作为参数因子的，其中日期的形式都必须是yy/mm/dd。而且必须用英文环境下双引号(" ")引用。   DATE DATE(year,month,day):返回一个表示某一特定日期的系列数。 Year:代表年，可为一到四位数。 Month:代表月份。
  • c++ 宏定义中的##操作符 墙头上一根草 C++
    #与##在宏定义中的--宏展开 #include <stdio.h> #define f(a,b) a##b #define g(a)   #a #define h(a) g(a) int main() {       &nbs
  • 分析Spring源代码之，DI的实现 aijuans springDI现源代码
    (转) 分析Spring源代码之，DI的实现 2012/1/3 by tony                 接着上次的讲，以下这个sample [java]  view plain copy print
  • for循环的进化 alxw4616 JavaScript
    // for循环的进化 // 菜鸟 for (var i = 0; i < Things.length ; i++) { // Things[i] } // 老鸟 for (var i = 0, len = Things.length; i < len; i++) { // Things[i] } // 大师 for (var i = Things.le
  • 网络编程Socket和ServerSocket简单的使用 百合不是茶 网络编程基础IP地址端口
      网络编程;TCP/IP协议   网络:实现计算机之间的信息共享,数据资源的交换   协议:数据交换需要遵守的一种协议,按照约定的数据格式等写出去   端口:用于计算机之间的通信      每运行一个程序，系统会分配一个编号给该程序，作为和外界交换数据的唯一标识 0~65535   查看被使用的
  • JDK1.5 生产消费者 bijian1013 javathread生产消费者java多线程
    ArrayBlockingQueue：        一个由数组支持的有界阻塞队列。此队列按 FIFO（先进先出）原则对元素进行排序。队列的头部 是在队列中存在时间最长的元素。队列的尾部 是在队列中存在时间最短的元素。新元素插入到队列的尾部，队列检索操作则是从队列头部开始获得元素。 ArrayBlockingQueue的常用方法：
  • JAVA版身份证获取性别、出生日期及年龄 bijian1013 java性别出生日期年龄
            工作中需要根据身份证获取性别、出生日期及年龄，且要还要支持15位长度的身份证号码，网上搜索了一下，经过测试好像多少存在点问题，干脆自已写一个。 CertificateNo.java package com.bijian.study; import java.util.Calendar; import
  • 【Java范型六】范型与枚举 bit1129 java
    首先，枚举类型的定义不能带有类型参数，所以，不能把枚举类型定义为范型枚举类，例如下面的枚举类定义是有编译错的   public enum EnumGenerics<T> { //编译错，提示枚举不能带有范型参数 OK, ERROR; public <T> T get(T type) { return null;
  • 【Nginx五】Nginx常用日志格式含义 bit1129 nginx
    1. log_format 1.1 log_format指令用于指定日志的格式，格式：   log_format name(格式名称) type(格式样式)   1.2 如下是一个常用的Nginx日志格式：   log_format main '[$time_local]|$request_time|$status|$body_bytes
  • Lua 语言 15 分钟快速入门 ronin47 lua 基础
    - - 单行注释 - - [[      [多行注释] - - ]]   - - - - - - - - - - - 1. 变量 & 控制流 - - - - - - - - - - num = 23 - - 数字都是双精度 str = 'aspythonstring'
  • java-35.求一个矩阵中最大的二维矩阵 ( 元素和最大 ) bylijinnan java
    the idea is from: http://blog.csdn.net/zhanxinhang/article/details/6731134 public class MaxSubMatrix { /**see http://blog.csdn.net/zhanxinhang/article/details/6731134 * Q35 求一个矩阵中最大的二维
  • mongoDB文档型数据库特点 开窍的石头 mongoDB文档型数据库特点
    MongoDD: 文档型数据库存储的是Bson文档-->json的二进制 特点：内部是执行引擎是js解释器，把文档转成Bson结构，在查询时转换成js对象。 mongoDB传统型数据库对比    传统类型数据库：结构化数据，定好了表结构后每一个内容符合表结构的。也就是说每一行每一列的数据都是一样的    文档型数据库：不用定好数据结构，
  • [毕业季节]欢迎广大毕业生加入JAVA程序员的行列 comsci java
        一年一度的毕业季来临了。。。。。。。。      正在投简历的学弟学妹们。。。如果觉得学校推荐的单位和公司不适合自己的兴趣和专业，可以考虑来我们软件行业，做一名职业程序员。。。      软件行业的开发工具中，对初学者最友好的就是JAVA语言了，网络上不仅仅有大量的
  • PHP操作Excel – PHPExcel 基本用法详解 cuiyadll PHPExcel
    导出excel属性设置//Include classrequire_once('Classes/PHPExcel.php');require_once('Classes/PHPExcel/Writer/Excel2007.php');$objPHPExcel = new PHPExcel();//Set properties 设置文件属性$objPHPExcel->getProperties
  • IBM Webshpere MQ Client User Issue (MCAUSER) darrenzhu IBMjmsuserMQMCAUSER
    IBM MQ JMS Client去连接远端MQ Server的时候，需要提供User和Password吗？ 答案是根据情况而定，取决于所定义的Channel里面的属性Message channel agent user identifier (MCAUSER)的设置。 http://stackoverflow.com/questions/20209429/how-mca-user-i
  • 网线的接法 dcj3sjt126com
    一、PC连HUB (直连线)A端：（标准568B）：白橙，橙，白绿，蓝，白蓝，绿，白棕，棕。 B端：（标准568B）：白橙，橙，白绿，蓝，白蓝，绿，白棕，棕。 二、PC连PC （交叉线）A端：(568A)： 白绿，绿，白橙，蓝，白蓝，橙，白棕，棕； B端：（标准568B）：白橙，橙，白绿，蓝，白蓝，绿，白棕，棕。 三、HUB连HUB&nb
  • Vimium插件让键盘党像操作Vim一样操作Chrome dcj3sjt126com chromevim
    什么是键盘党？ 键盘党是指尽可能将所有电脑操作用键盘来完成，而不去动鼠标的人。鼠标应该说是新手们的最爱，很直观，指哪点哪，很听话！不过常常使用电脑的人，如果一直使用鼠标的话，手会发酸，因为操作鼠标的时候，手臂不是在一个自然的状态，臂肌会处于绷紧状态。而使用键盘则双手是放松状态，只有手指在动。而且尽量少的从鼠标移动到键盘来回操作，也省不少事。 在chrome里安装 vimium 插件
  • MongoDB查询（2）——数组查询[六] eksliang mongodbMongoDB查询数组
    MongoDB查询数组 转载请出自出处：http://eksliang.iteye.com/blog/2177292 一、概述  MongoDB查询数组与查询标量值是一样的，例如，有一个水果列表，如下所示： > db.food.find() { "_id" : "001", "fruits" : [ "苹
  • cordova读写文件（1） gundumw100 JavaScriptCordova
    使用cordova可以很方便的在手机sdcard中读写文件。 首先需要安装cordova插件：file 命令为： cordova plugin add org.apache.cordova.file 然后就可以读写文件了，这里我先是写入一个文件，具体的JS代码为： var datas=null;//datas need write var directory=&
  • HTML5 FormData 进行文件jquery ajax 上传 到又拍云 ileson jqueryAjaxhtml5FormData
    html5 新东西：FormData  可以提交二进制数据。 页面test.html <!DOCTYPE> <html> <head> <title> formdata file jquery ajax upload</title> </head> <body> <
  • swift appearanceWhenContainedIn:(version1.2 xcode6.4) 啸笑天 version
      swift1.2中没有oc中对应的方法： + (instancetype)appearanceWhenContainedIn:(Class <UIAppearanceContainer>)ContainerClass, ... NS_REQUIRES_NIL_TERMINATION;  解决方法： 在swift项目中新建oc类如下： #import &
  • java实现SMTP邮件服务器 macroli java编程
    电子邮件传递可以由多种协议来实现。目前，在Internet 网上最流行的三种电子邮件协议是SMTP、POP3 和 IMAP，下面分别简单介绍。 　　◆ SMTP 协议 　　简单邮件传输协议(Simple Mail Transfer Protocol,SMTP)是一个运行在TCP/IP之上的协议，用它发送和接收电子邮件。SMTP 服务器在默认端口25上监听。SMTP客户使用一组简单的、基于文本的
  • mongodb group by having where 查询sql qiaolevip 每天进步一点点学习永无止境mongo纵观千象
    SELECT cust_id, SUM(price) as total FROM orders WHERE status = 'A' GROUP BY cust_id HAVING total > 250 db.orders.aggregate( [ { $match: { status: 'A' } }, { $group: {
  • Struts2 Pojo（六） Luob. POJOstrust2
    注意：附件中有完整案例 1.采用POJO对象的方法进行赋值和传值 2.web配置 <?xml version="1.0" encoding="UTF-8"?> <web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee&q
  • struts2步骤 wuai struts
    1、添加jar包 2、在web.xml中配置过滤器 <filter>        <filter-name>struts2</filter-name>        <filter-class>org.apache.st
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他