谢某某
谢某某

聊聊圣杯布局

经典三列布局，也叫做圣杯布局【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>

 

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

  • 从SSL到TLS——互联网传输的护卫军 创意锦囊 ssl网络安全
    在这个信息化高度发展的时代，我们每天都在不知不觉中接触到大量的网络传输协议，但大多数人对于这些协议背后的技术并不清楚。TLS（TransportLayerSecurity）就是这样一种守护网络传输安全的技术，悄然为我们保驾护航。TLS的前身是SSL（SecureSocketsLayer），如今已发展成互联网传输协议的基石。今天，我们就来聊聊TLS的发展历程，从SSL到TLS，它是如何一步步成为互联
  • 服务器虚拟化：从“魔法盒子”到“数字世界的基石” 独角鲸网络安全实验室 IT工具开发工具观点网络服务器服务器虚拟化运维
    ！今天咱们来聊聊一个听起来特别高大上，但实际上特别接地气的话题——服务器虚拟化。别看这个词儿有点拗口，它可真的是现代数字世界里的一块超级重要的基石。要是没有它，我们可能还在用一大堆笨重的服务器，效率低下，成本超高。但有了服务器虚拟化，一切都变得不一样了！一、服务器虚拟化是个啥？先来说说服务器虚拟化到底是个啥玩意儿。简单来说，服务器虚拟化就是把一台物理服务器变成多个“虚拟服务器”，这些虚拟服务器就像
  • 聊聊如何实现Android 放大镜效果 咖啡老师 android
    一、前言很久没有更新Android原生技术内容了，前些年一直在做跨端方向开发，最近换工作用重新回到原生技术，又回到了熟悉但有些生疏的环境，真是感慨万分。近期也是因为准备做地图交互相关的需求，功能非常复杂，尤其是交互部分，不过再复杂的交互，只要一点点将它拆解，分而治之，问题还是可以解决，就比如接下来要做的放大镜功能。二、功能设计该功能的场景是在操作地图时，对于边缘的精细化操作（像素级别的）需要在放大
  • 深入浅出的聊聊 Agent 程序员鑫港 人工智能数据库知识图谱深度学习机器学习
    今天，我想和你一起聊聊Agent（智能体），从它的起源、特点，到关键的知识点，以及现实中的应用和实现原理。希望能帮助你更深入地了解这个既有趣又重要的领域。前排提示，文末有大模型AGI-CSDN独家资料包哦！一、Agent的起源1.什么是Agent你可能会问，Agent到底是什么呢？简单来说，Agent就是能够在一定环境中自主感知、决策和行动的实体。它可以是一个软件程序、一个机器人，甚至是一个复杂的
  • 2025 年 Java 最新学习资料与学习路线——从零基础到高手的成长之路 stormjun java学习开发语言Java学习路线Java学习教程2025Java学习路线
    2025年Java最新学习资料与学习路线——从零基础到高手的成长之路大家好，欢迎来到我的频道！今天我们要聊聊Java——这门陪伴了很多程序员成长的编程语言。无论你是编程新手，还是已经走了一段编程路，但还不确定如何深入学习Java，这篇文章一定能帮到你！我会为你们梳理出一条清晰的Java学习路线，并分享一些学习资料，帮助你从零基础，到逐步成为一名熟练的Java开发者。不管你是想从事后端开发、Andr
  • AI Agent的技术选型：从个人项目到企业级应用 人工智能机器学习
    说实话，每次有人问我"开发AIAgent应该用什么技术栈？"，我都觉得挺难回答的。因为不同的场景，最佳的技术选择可能完全不同。今天就来聊聊我在不同项目中的技术选型经历，希望能给大家一些参考。从个人项目说起去年我开始研究AIAgent的时候，第一个练手项目是给自己做一个代码助手。需求很简单：能读懂我的项目代码，帮我重构和写测试。那时候，我的技术选型是这样的：模型选择：OpenAIGPT-3.5便宜，
  • C#操作Xml节点 我曾经是个程序员 常用代码片段xmlc#
    见过不少人、经过不少事、也吃过不少苦，感悟世事无常、人心多变，靠着回忆将往事串珠成链，聊聊感情、谈谈发展，我慢慢写、你一点一点看......1、增加节点publicstaticboolAppendChild(stringfilePath,stringxPath,XmlNodexmlNode){try{XmlDocumentdoc=newXmlDocument();doc.Load(filePath
  • Java中的多租户 城南|阿洋-计算机从小白到大神 java开发语言
    大家好，我是城南。今天我们来聊聊Java中的多租户（Multi-Tenancy）。这是一个在现代软件开发中非常重要的概念，特别是在需要处理大量客户或用户的应用中。我们将深入探讨多租户的架构、实现方式以及在Java中具体的实现细节。什么是多租户？多租户架构是一种软件架构，其中单个实例的应用程序为多个客户（租户）服务。每个租户的数据和配置是相互隔离的，但它们共享相同的应用程序和硬件资源。这种方式不仅可
  • 《揭秘客服 RPA：网购背后的智能助手》 coding侠客 AI+RPA系列rpa人工智能
    在如今的网购时代，我们的购物体验不仅仅取决于商品的质量和价格，还与购物过程中的服务密切相关。从选品时的疑问解答，到比价过程中的信息咨询，再到退换货时的沟通协调，一个高效的客服系统至关重要。而客服RPA正是为了满足这一需求而诞生的。今天，我们聊聊AI如何赋能RPA，打造更智能的客户助手，解放人力。首先客服RPA需要登录某宝、某东或者某多的信息后台系统。关于自动登录RPA的实现可参考揭秘AI+RPA：
  • 天童教育：怎样和孩子好好谈心 消息快传 其他
    在繁忙的工作中，我们经常忽视了和孩子好好谈心的重要性。身为家长，有必要意识到，和孩子多聊聊心里话，可以增进亲子关系，让孩子更信任家人，更能理解尊重与理解的重要意义。兰州天童教育表示，孩子们在成长过程中，会遇到各种各样的问题，他们需要的是一位倾听者，而不是一位指导者。因此，我们要做的，是放下成人的架子，以平等的态度去倾听他们的心声。记得有一次，孩子从学校回来，情绪低落地告诉我他在课堂上受到了老师的批
  • 线上工单引发的思考：Spring Boot 中 @Autowired 与 @Resource 的区别 coding侠客 springboot后端java
    最近接手了离职同事负责的业务，在处理一个线上工单的时候，看了下历史逻辑，在阅读他们写的代码时，发现他们竟然把@Autowired和@Resource注解混用。今天就借此机会聊聊SpringBoot项目中这两者之间的区别。1.注解来源@Autowired：是Spring框架提供的注解。IOC特性的核心注解之一。@Resource：是Java的标准注解，属于JavaEE规范（JSR-250）。2.注入
  • 高考十年了，聊聊挣钱这件事 程序员
    转眼间，一年高考又过去了，从2013年高考时，转眼间，十年了。回首十年间，当年的豪言壮志你是否实现了？还是被社会毒打，磨平菱角，意识到自己只是一个普通人。今天，我们不聊高考，我们来聊聊挣钱这件事。众所周知，这两年，互联万已经进入了一个存量时代，该有的App巨头们基本已经抢占了市场。资本不再像过去十年一样，疯狂烧钱，抢占市场。在这种大背景下，许多大厂，纷纷缩减业务，一些不赚钱的业务也砍掉。向社会输出
  • 聊聊 Windi CSS 的替代品 UnoCSS
    WindiCSSWindiCSS是一个下一代工具优先的CSS框架，它以TailwindCSS为基础，提供了更快的加载体验和一些额外的高级功能。以下是关于WindiCSS的一些关键特点：按需供应：WindiCSS会扫描你的HTML和CSS，然后按需生成工具类（utilities），这意味着只有你实际使用的工具类才会被包含在最终的CSS文件中，从而减少了文件大小和提高了加载速度。与TailwindCS
  • 数据变资产，“盘活”才是重点 开利网络 云计算数据挖掘运维人工智能数据分析
    嘿，企业界的朋友们！如今数字化时代，数据备受关注，但很多企业没用好它。今天聊聊为何数据本身不是资产，其代表的东西才是，且“盘活”数据对数字化转型至关重要。先说企业对数据认知的现状与误区。当下，多数企业积极收集各类数据，盼着靠大量数据推动发展，可却陷入误区，以为数据多就是资产，其实若不挖掘其背后价值，数据不过是无意义数字，难给企业带来实质好处。那为啥数据所代表的才是资产呢？一方面，数据蕴含商业洞察，
  • Vue中常见设计模式的应用~ Warm vue.js设计模式前端
    Vue是基于什么模式？表示既然是Vue中常见的设计模式，首当其冲就先聊聊MVVM模式啦一、mvvm模式Vue.js是一个基于MVVM设计模式的前端框架。它将前端中的UI视图与底层数据和业务逻辑分离开来，使得UI视图与数据和业务逻辑之间不存在耦合性，可以独立编写和测试。MVVM三个组成部分Model(模型):存放业务数据和对数据的操作等View(视图):用户界面，负责呈现UI，并向ViewModel
  • 如何用SOP流程和看板工具优化年终总结？2024指南 年度总结
    为什么有些人的年终总结做得又快又好？12月，又到了团队每年做任务复盘和年度工作总结的时候，如何在繁杂的工作中快速梳理出清晰的脉络，既高效又全面地完成年度总结？有一种既系统又直观的管理方法——看板管理。今天我们一起聊聊如何用看板管理帮助团队做一份有亮点、有逻辑、有冲突、有方案的年终总结。先聊聊年度工作总结SOP这可能是个让人觉得无聊的话题——毕竟，大家几乎无时无刻都在写工作总结，还有什么可聊的呢？但
  • 聊聊C语言和ABAP
    Python中的class体内定义方法时，如果没有显式地包含self参数，有时候依然可以被调用。这是一个非常有趣的话题，因为它涉及到对Python中类与对象之间关系的更深理解。要理解为什么这种情况下方法依然能够被调用，我们需要逐步拆解Python类的构造方式以及方法绑定的原理。
  • 程序员的你，有哪些炫技的代码写法？ 网络安全我来了 IT技术python开发语言
    程序员的炫技代码你是否曾在编程的世界中感到迷茫？面对冗长的代码和复杂的逻辑，你有没有想过：如何让编程更具美感、更加高效？今天，我们就来聊聊程序员可以通过什么样的“炫技”代码写法，让代码既简洁又易懂，赋予其内在的灵动美感。代码美感灵动转换代码的美感，起初似乎是关于格式和风格的，但更深刻的其实是逻辑与效率的结合。灵动转换便是这种结合的体现。想象一下，在Java中，我们运用StreamAPI来处理集合，
  • C#实现条形码识别 我曾经是个程序员 常用代码片段c#开发语言
    见过不少人、经过不少事、也吃过不少苦，感悟世事无常、人心多变，靠着回忆将往事串珠成链，聊聊感情、谈谈发展，我慢慢写、你一点一点看......1.使用Nuget安装第三方库dotnetaddpackageZXing.NetdotnetaddpackageZXing.Net.Bindings.SkiaSharp2.识别方法public class BarcodeReaderService  {    
  • 你曾经star学习的项目现在能看懂了吗？ github阅读
    前言我有随时翻看GitHubStar的习惯，尤其是下载了GitHubApp后更加方便我查看了，后来我偶然翻到了自己曾经折腾过的项目LiteWebChat_Frame看了看文档忽然一个问题映入了我的脑海自己曾经因为没看懂而star的项目现在看懂了吗这也是我写文的缘由且也想和大家聊聊这件事三个阶段我又重新看了一遍我的Star，发现可分为三个阶段1.Minecraft及相关启动器2.命令行及后端3.前端
  • Jerry和您聊聊Chrome开发者工具
    Python中的class体内定义方法时，如果没有显式地包含self参数，有时候依然可以被调用。这是一个非常有趣的话题，因为它涉及到对Python中类与对象之间关系的更深理解。要理解为什么这种情况下方法依然能够被调用，我们需要逐步拆解Python类的构造方式以及方法绑定的原理。
  • 风险防不胜防？看YashanDB如何守护你的数据库安全（下） 安全数据库运维
    前言上一篇文章，咱们主要讲了数据库安全机制中的访问管理~今天继续深入聊聊威胁监测以及数据保护。(二)威胁监测•安全审计YashanDB语法上支持权限审计、行为审计和角色审计，逻辑上包括了系统级、语句级、对象级进行审计，支持对指定用户或所有用户进行审计，并支持对系统权限进行审计。审计记录保存在物理表中，拥有AUDIT_ADMIN或AUDIT_VIEWER角色权限的用户可以通过审计视图UNIFIED_
  • 万物互联的背后：MCU嵌入式硬件的奇幻之旅 刘争Stanley IPC跨进程通信C++魔法学院JavaWeb企业级开发单片机嵌入式硬件敏捷流程arm开发硬件架构pcb工艺精益工程
    文章背景：嵌入式硬件是什么？你可能听说过嵌入式硬件，却总觉得它像是实验室里神秘的玩意儿。其实，它就在我们身边——从你手上的智能手表到车里的倒车雷达，无一不是嵌入式硬件的“杰作”。想象一块小小的电路板，装上芯片，写上代码，配上电阻电容，立刻变身“万物互联”的关键节点！它的工作方式酷炫又高效，像极了硬件界的超级英雄。而今天，我们不仅聊聊嵌入式硬件的酷炫点，还带你从一个项目案例中深挖技术细节，看看到底能
  • 聊聊Spring事件：一些自己的QA 事件spring
    关于Spring事件机制Q&A用户提问：Spring事件机制是否可以理解为系统内部的小型消息队列，任何被容器管理的bean都可以是生产者，发布的事件可以被监听（消费），也可以不被监听（类似于SpringBoot发布的各种事件也是为了扩展用的）。回答：Spring的事件机制确实有点类似于一个轻量级的消息队列，但与完整的消息队列（如Kafka、RabbitMQ）相比，Spring的事件机制是为了在应用
  • 为什么你总是对下属不满意? ZhaoWu1050
    【ZhaoWu的听课笔记】大多数公司，都存在两种问题。我创业四年，更是体会深切。这两种问题就是：老板经常不满意下属的表现；下属总是不知道老板想要什么；虽然这两种问题普遍存在，其实解决方法并不复杂。这节课，我们再聊聊第一个问题：为什么老板经常不满意下属表现?其实，这背后也是一条管理常识。管理学家德鲁克先生早就说过：管理者的任务，不是去改变人。*来自《卓有成效的管理者》只是大多数老板和我一样，都是一边
  • 阅读笔记：阅读方法中的逻辑和转念 施吉涛
    聊聊一些阅读的方法论吧，别人家的读书方法刚开始想写，然后就不知道写什么了，因为作者写的非常的“精致”我有一种乡巴佬进城的感觉，看到精美的摆盘，精致的食材不知道该如何下口也就是《阅读的方法》，我们姑且来试一下强劲的大脑篇，第一节：逻辑通俗的来讲，也就是表达的排列和顺序，再进一步就是因果关系和关联实际上书已经看了大概一遍，但直到打算写一下笔记的时候，才发现作者讲的推理更多的是阅读的对象中呈现出的逻辑也
  • 新的一年，春节假期期间，你有没有去深度思考过自己的未来？ 十八点心理
    新的一年，是不是应该思考些什么？是继续和亲朋好友聊聊天，还是想一条属于自己的路？我们很多人会在过年的氛围中去享受当下的一切，打打麻将、打打牌、聊聊天、侃侃大山，整个人的精神状态特别好。觉得完全有一种自我满足的状态体验。但是从另外一个层面看，看到那些厉害的人，那些对于自己人生取得巨大成就的人来说，根本没有春节休息一说，在春节时分，还在见缝插针去写点文章、录个视频、思考新一年的规划。当看到那种忙碌的身
  • 2021.9.26 王老师直播笔记 wan恋空
    案例一孩子想要iPad，爸爸妈妈不同意，孩子在家闹平时老公暴躁会摔手机，孩子会不尊重骂自己总结问题老公儿子很任性1.注意力放到老公和自己的身上一个成熟比较横的男人，需要一个成熟比较理智的女人。2.做好自己的角色*儿子你必须尊重我，接受原则做事。少说教，多谈感受3.找一群志同道合的朋友聊聊，改变圈子案例二女儿六岁觉得老师讲课有问题指出来。做事要有策略六岁可以指出来，六岁以后就不可以了女儿小时候在姥姥
  • 山东名面孔-名医扁鹊 西城诫子
    一场新冠疫情，让世人领略了中医的博大精深，今天的“山东名面孔”我们就一起聊聊第一位被载入史册的中医：扁鹊。扁鹊墓位于今天的济南市北郊鹊山脚下，元代大画家赵孟頫的《鹊华秋色图》里描绘的就是鹊山一带的景色。关于扁鹊，世人误解颇多，首先，扁鹊到底是不是真人呢？其实，古人认为医生所到之处，病患消散，像喜鹊一样能够带来吉兆，所以想象出一个神话形象，取名“扁鹊”。如此说来，扁鹊只是个神话人物吗？其实不然。《史
  • 学习| 积极心理学—习得性无助 benignHu
    习得性无助——不知不觉，你居然习得了可怕的无助，从此，它将长久伴随着你，轻易不肯离去。“习得性无助”是积极心理学之父塞利格曼的研究成果，其概念由其提出。也正是因为“习得性无助”的发现，才有后来的积极心理学，所以今天我们来好好聊聊何谓习得性无助，如何走出习得性无助。01、习得性无助一、习得性无助的由来习得性无助源于经典心理学实验：美国著名心理学家、教育心理学的创始人爱德华·李·桑代克是一个科学心理学
  • 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其他