圣杯布局与双飞翼布局

　　两种方式实现多列布局：

　　圣杯布局与双飞翼布局_第1张图片

　　圣杯布局：

 1 <html>
 2 <head>
 3     <title>Html+Css Layout</title>
 4     <style type="text/css">
 5     .header{
 6         background-color: #0000aa;
 7         height: 100px;
 8     }
 9     .article{
10         height: 300px;
11         background-color: #ddd;
12     }
13     .footer{
14         height: 100px;
15         background-color: #ccc;
16     }    
17     .article{
18         padding-left: 150px;
19         padding-right: 100px;
20     }
21     .middle{
22         width: 100%;
23         height: 100%;
24         background-color: #faf;
25 
26         float: left;
27     }
28     .left{
29         background-color: #fa0;
30         height: 100%;
31         width: 150px;
32 
33         float: left;
34         margin-left: -100%;
35         position: relative;
36         left: -150px;
37     }
38     .right{
39         background-color: red;
40         width: 100px;
41         height: 100%;
42 
43         float: left;
44         margin-left: -100px;
45         position: relative;
46         right: -100px;
47     }
48     </style>
49 </head>
50 <body>
51     <div class="header">title</div>
52     <div class="article">
53         <div class="middle">middle</div>
54         <div class="left">left</div>
55         <div class="right">right</div>
56     </div>
57     <div class="footer">copyright@</div>
58 </body>
59 </html>
View Code

　　圣杯布局使用了position:relative 和left:-150px结合，就使元素相对自身位置发生位移。但是实际工作可能会对.left,.right有特殊的position要求，所以出现了改良版的双飞翼布局，去掉了position，增加了布局的灵活性。同时也去掉了父层的padding-left,padding-right，避免了也可能出现的未知错误。

　　双飞翼布局：

 1 <html>
 2 <head>
 3     <title>Html+Css Layout</title>
 4     <style type="text/css">
 5     .header{
 6         background-color: #0000aa;
 7         height: 100px;
 8     }
 9     .article{
10         height: 300px;
11         background-color: #ddd;
12     }
13     .footer{
14         height: 100px;
15         background-color: #ccc;
16     }    
17     .article{
18 /*        padding-left: 150px;
19         padding-right: 100px;*/
20     }
21     .middle{
22         width: 100%;
23         height: 100%;
24         background-color: #faf;
25 
26         float: left;
27     }
28     .left{
29         background-color: #fa0;
30         height: 100%;
31         width: 150px;
32 
33         float: left;
34         margin-left: -100%;
35 /*        position: relative;
36         left: -150px;*/
37     }
38     .right{
39         background-color: red;
40         width: 100px;
41         height: 100%;
42 
43         float: left;
44         margin-left: -100px;
45 /*        position: relative;
46         right: -100px;*/
47     }
48     .inner{
49         margin-left: 150px;
50         margin-right: 100px;
51     }
52     </style>
53 </head>
54 <body>
55     <div class="header">title</div>
56     <div class="article">
57         <div class="middle">
58             <div class="inner">middle</div>
59         </div>
60         <div class="left">left</div>
61         <div class="right">right</div>
62     </div>
63     <div class="footer">copyright@</div>
64 </body>
65 </html>
View Code

 

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

  • PyQt6实例_批量下载pdf工具_主线程停止线程池 程序猿与金融与科技 PyQt6实例PyQt6
    目录前置：代码：视频：前置：1本系列将以“PyQt6实例_批量下载pdf工具”开头，放在【PyQt6实例】专栏2本系列涉及到的PyQt6知识点：线程池：QThreadPool,QRunnable；信号与槽：pyqtSignal,pyqtSlot；界面：QTextEdit,QLabel,QLineText,QPushButton,QMainWindow,QWidget;布局：QHBoxLayout,
  • Pytorch:经典卷积神经网络LeNet实现 Tian_city pytorch深度学习卷积神经网络
    1：前言入门pytoch也有一段时间了，但是似乎基本上都是阅读别人的demo或者相关论文的源码，对框架的布局有了一定的认识，但是对于很多细节的问题仍然不是特别清楚，因此想通过一个小实践来过一遍流程，一是寻找遗漏的细节，二是通过对小项目的文件分割来建立一个相对可扩展的框架，而不是通过一个流水线下来，这样能够对每一个对象和类起到的作用有一个更加直观的把握。2：原理本次博客主要实现最早的卷积神经网络Le
  • YOLOv12可视化界面；YOLOv11；YOLOv10；YOLOv8等通用可视化界面GUI设计，基于pyside6，单文件即插即用，更新ip摄像头检测，美化布局及信息输出 笑脸惹桃花 v11)实战YOLOGUIYOLOv12python深度学习目标检测
    前言为了更便捷地使用YOLOv12;YOLOv11;YOLOv10;YOLOv8等基于ultralytics的目标检测，尤其是对于没有深度编程经验的用户，一个可视化界面（GUI）显得尤为重要。为此，基于PySide6开发了一个最新的支持YOLOv12的可视化界面（GUI）（其他低版本YOLO也可用），该界面能够实现对YOLOv11/YOLOv8模型的简单操作，包括模型选择、图片检测、视频检测、摄像
  • H5项目实践：视差滚动与图片瀑布流的实现 木木黄木木 html5前端css3html
    H5项目实践：视差滚动与图片瀑布流的实现这里写目录标题H5项目实践：视差滚动与图片瀑布流的实现一、视差滚动效果实现1.项目概述2.技术实现2.1HTML结构设计2.2CSS核心技术3.性能优化二、图片瀑布流实现1.项目概述2.技术实现2.1布局设计2.2核心功能实现3.性能优化三、项目总结四、参考资源一、视差滚动效果实现1.项目概述视差滚动（ParallaxScrolling）是一种网页设计技巧，
  • CSS 技巧与案例详解：开篇介绍 @大迁世界 CSS技巧与案例详解css前端
    在现代前端开发中，CSS（层叠样式表）作为网页设计和布局的核心技术，扮演着至关重要的角色。无论是初学者还是经验丰富的开发者，掌握并灵活运用各种CSS技巧都能大大提升开发效率和页面效果。本系列文章《CSS技巧与案例详解》旨在为大家提供一站式的CSS知识速查与实用案例，帮助大家更好地理解和应用CSS。系列内容简介本系列文章分为多个部分，每个部分都详细解析了CSS的各种实用技巧和经典案例。以下是我们将要
  • 一文带你轻松入门Flutter开发 网络安全天地 httpudphttpswebsocket网络安全网络协议tcp/ip
    文章目录一、Flutter简介二、开发环境搭建2.1安装FlutterSDK2.2安装DartSDK2.3设置AndroidSDK2.4配置IDE2.5配置模拟器三、第一个Flutter应用3.1创建项目3.2运行项目3.3分析代码结构四、基础组件与布局4.1常用组件介绍4.2布局技巧与实践五、状态管理基础5.1状态管理的重要性5.2简易状态管理方法六、总结与展望一、Flutter简介Flutte
  • 经纬恒润打造智能网联汽车“车路云一体化”解决方案，助力试点城市建设落地 动态宝科技 金融
    随着高级别智能驾驶技术的飞速发展，自动驾驶与路侧基础设施协同合作已成为行业内的又一热点。我国率先提出以车路云一体化为核心的战略布局，国家政策密集出台，地方试点积极推进，行业标准日趋完善，智能网联汽车“车路云一体化”正迎来新一轮的发展高潮。在此背景下，经纬恒润打造了智能网联汽车“车路云一体化”解决方案，高度集成自身在汽车电子等方面的专业技术和产品优势，构建基于路侧通信、路侧感知、边缘计算一体化，助力
  • 封装了一个支持多个分区的iOS自适应动态宽度layout 刘小哈哈哈 ioscocoamacos
    支持多分区的动态自适应宽度layout，完善了之前只支持一个分区的布局，这里直接上代码，可以用来在商品sku,搜索记录，编辑tab等场景的使用，灵活性强，支持代理配置////LBNumberCenterEditTabLayout.m////Createdbyliuboon26.3.25.//#importNS_ASSUME_NONNULL_BEGIN@protocolLBNumberCenterE
  • JavaScript网页设计高级案例：构建交互式图片画廊 trust Tomorrow JSjavascripthtmlcss
    JavaScript网页设计高级案例：构建交互式图片画廊在现代Web开发中，交互式元素已成为提升用户体验的关键因素。本文将通过一个高级案例-构建交互式图片画廊，展示如何结合HTML和JavaScript创建引人入胜的网页应用。这个案例不仅涵盖了基础的Web开发技术，还融入了性能优化和现代设计模式。项目概述我们将构建的交互式图片画廊具有以下功能：响应式布局，适应不同设备尺寸图片类别筛选功能点击图片展
  • BJFU||C语言课设 _r_r_r_r_r_r_r_r_r c语言算法开发语言
    如有漏洞，请批评指正！！！一、总体介绍1.项目名称围棋棋手管理系统2.项目简介围棋是一种古老而极富智慧的策略游戏，棋手需要在19*19的棋盘上使用黑白两色的棋子，通过布局、攻防、眼形等多方面的因素争夺领地，最终以总地盘面积的多少决定胜负。围棋棋手是专业从事围棋比赛的选手，他们精通围棋规则，具备深厚的棋艺和战术技能。围棋棋手管理系统是一款专为围棋棋手设计的解决方案。该系统记录了棋手的信息，并能跟踪其
  • 鸿蒙Next-一次开发多端部署-基于栅格布局Grid 试水年华 harmonyos华为鸿蒙Ark-TS语言
    栅格组件的本质是：将组件划分为有规律的多列，通过调整【不同断点】下的【栅格组件的列数】，及【子组件所占列数】实现不同布局核心用法：//行GridRow(属性){//列GridCol(属性){}}使同一组件在不同的宽度下，例如手机，平板，电脑占不同的份数（可以理解为不同的像素点），使其布局排版更加合理和美观完整示例代码如下：@Entry@ComponentstructDemo12{@Statecur
  • 从规划到上线：企业网站建设全流程解析 A***设 网络
    建设网站的过程可以分为以下几个步骤：1.明确目标与需求：在网站建设之前，首先需要清晰地界定网站的目标与需求。了解目标与需求有助于确定网站的架构和设计。2.网站规划：在明确目标和需求之后，需要进行网站的规划。这一步骤包括确定网站的结构、内容分类和页面布局等。3.网站设计是网站建设中至关重要的一步。在设计之前，可以先收集一些灵感和参考资料，了解当前的设计趋势和流行风格。接下来，可以利用设计工具制作网站
  • iOS自定义collection view的page size(width/height)分页效果 Invisible_He xcodeiOS开发swiftiOSSwiftUICollection
    前言想必大家工作中或多或少会遇到下图样式的UI需求吧像这种cell长度不固定，并且还能实现的分页效果UI还是很常见的实现我们这里实现主要采用collectionview，实现的方式是自定义一个UICollectionViewFlowLayout的子类，在这个类里对cell布局进行排列当出现pagesize小于collectionview的size的时候，可以使用ZLCollectionFreePa
  • 用Android studio 做出QQ登录界面 puerhuo androidstudioandroidstudio
    1.布局界面代码如下：
  • C++ 程序常见崩溃场景的详细分析与总结 dvlinker C/C++实战专栏C/C++软件开发从入门到实战C++常见崩溃场景变量异常内存分配与释放堆栈溢出编程最佳实践Google编码规范
    目录1、前言2、C++崩溃分类3、C++编程知识点和细节3.1、程序构造视图3.2、进程内存布局3.3、数据结构视图3.3.1、字节序列3.3.2、字节对齐3.4、函数参数传递3.4.1、函数参数详解3.4.2、函数参数约定3.4.2、函数参数能效3.5、变量生命周期3.5.1、变量内存分配3.5.2、变量初始化3.5.3、变量多态与切片3.5.4、变量对象释放4、C++错误根源分析4.1、变量未
  • AI对前端开发的冲击更直接？后端开发的AI替代阻力更大？后端开发因技术门槛更高，岗位稳定性略优于前端。 南北极之间 人工智能前端
    基于参考资料和行业现状，前端开发在短期内比后端开发更容易受到AI冲击，但两者均不会被完全取代。以下是具体分析（附参考资料引用）：一、AI对前端开发的冲击更直接自动化程度高：低代码工具（如FigmaAI、Webflow）可通过拖拽生成页面，替代基础布局和组件开发。代码生成工具（如GitHubCopilot、通义灵码）能根据自然语言描述生成HTML/CSS/JavaScript代码，替代30%-50%
  • AI对前端程序员的冲击 gis小羊羽 人工智能前端
    AI的崛起正在深刻改变前端开发领域，既带来挑战也创造新机遇。以下是其影响及未来发展的分析：一、AI对前端程序员的冲击自动化工具替代基础工作代码生成：GitHubCopilot、Codeium等工具可快速生成组件代码，减少重复劳动（如表单验证、布局搭建）。设计转代码：Figma插件（如Anima、Builder.io）直接将设计稿转化为可运行代码，冲击传统UI开发流程。测试与部署：AI驱动的自动化测
  • AI驱动BIM设计革命：从三维建模到智能决策的跃迁 领码科技 人工智能BIM智能设计机器学习可持续建筑
    摘要AI与BIM技术的深度融合，正推动建筑设计从传统经验驱动向数据智能驱动转型。通过机器学习、深度学习与专家系统的赋能，BIM在设计阶段的方案生成、布局优化、合规审查等环节展现出显著优势，效率提升达30%-50%。本文从技术融合、应用场景、典型案例及发展瓶颈四维度展开，结合流程图与表格化分析，揭示AI+BIM在建筑全生命周期中的革新潜力，并为行业实践提供可操作性指南。关键词：AI、BIM、智能设计
  • 使用Python创建Flet应用程序 遇码 Pythonpython开发语言FletGUI
    入门使用Python创建Flet应用程序要编写Flet应用程序，您不需要是前端大师，但建议您具备Python和面向对象编程的基础知识。在本文档中，我们将学习一个Flet应用程序的结构，了解如何使用Flet控件输出数据、向用户请求数据以及构建基本页面布局。我们还将介绍一些打包和部署选项，以便为您的用户提供现成的应用程序。安装flet模块Flet需要Python3.7或更高版本。要启动Flet，您需要
  • C#第五课：常量与变量 _0510__ c#开发语言
    前言在编程中，数据的存储和处理是必不可少的，C#语言中，通常通过常量和变量来管理这些数据，在本课中，将对常量和变量进行介绍。一、变量一个变量可以理解为提供程序操作的存储区的名字。在C#中，变量用于存储和表示数据的标识符，在声明变量时，需要指定数据类型并可以选择性的赋予其一个初始值，并且这个数据类型决定了变量的内存大小和布局。C#中提供的基本类型分为以下几类：类型举例整数类型sbyte,byte,s
  • C 语言内存布局深度剖析：从栈到堆，你真的了解吗？ cc++
    大家好，我是小康。今天咱们聊点看似复杂实则简单的东西——C语言的内存布局。别急着翻页！相信我，读完这篇文章，你会拍着大腿说："原来这么简单！"微信搜索「跟着小康学编程」，关注我，后续还有更多硬核技术文章分享，带你玩转LinuxC/C++编程！前言：为啥要了解内存布局？想象一下，你搬进了一栋新公寓，却不知道卧室、厨房、卫生间分别在哪儿...每天早上找个马桶都跟玩密室逃脱似的，是不是很崩溃？C语言内存
  • CSS3学习教程，从入门到精通，CSS3 媒体查询实现响应式布局语法指南（21） 知识分享小能手 编程语言如门网页开发前端开发css3学习媒体前端csshtml5
    CSS3媒体查询实现响应式布局语法指南一、媒体查询核心语法1.基础语法结构@media媒体类型and(媒体特性){/*匹配条件时应用的CSS规则*/}2.媒体类型（可省略）类型值说明all所有设备（默认值）screen屏幕设备print打印机设备speech屏幕阅读器3.常用媒体特性特性名称说明单位/值示例width视口宽度px,em,remmin-width视口最小宽度600pxmax-widt
  • 25、web前端开发之CSS3（二） 跟着汪老师学编程 前端css3css
    2.盒模型（BoxModel）盒模型是CSS布局的基础，在CSS中，盒模型（BoxModel）是描述元素尺寸、边距、边框和填充的计算方式的核心概念。盒模型分为两种主要的计算模式，分别由box-sizing属性控制：content-box和border-box。理解这两种模式对于精确控制元素的尺寸和布局至关重要。2.1.盒模型的组成盒模型由以下几个部分组成：内容区域（ContentArea）：元素的
  • CSS3学习教程，从入门到精通，CSS3 元素的浮动与定位语法知识点及案例代码（17） 知识分享小能手 前端开发网页开发编程语言如门css3学习css前端html5htmljavascript
    CSS3元素的浮动与定位语法知识点及案例代码一、CSS3浮动（float）知识点1.**定义**：浮动使元素向左或向右移动，直到它的外边缘碰到包含框或另一个浮动元素的边框为止。浮动主要用于布局，如实现图文绕排等效果。2.**取值**：*`left`：向左浮动。*`right`：向右浮动。*`none`：默认值，不浮动。3.**清除浮动**：浮动会使父元素高度塌陷，需要清除浮动来避免布局问题。常用方
  • 《鸿蒙HarmonyOS一多开发：自适应布局的设计与实践》 苏沫1223 harmonyos华为一多开发鸿蒙
    注：适用版本(HarmonyOSNEXT/5.0/API12+)背景与痛点分析多设备生态的挑战：手机、平板、车机、智能穿戴等不同屏幕尺寸和交互方式。传统开发的局限性：重复适配、代码冗余、维护成本高。HarmonyOS的解决方案："一次开发，多端部署"（一多开发）的核心优势。自适应布局的核心概念原子化布局：基于组件化思想，拆解布局为可复用的最小单元。响应式设计：通过断点、栅格系统、比例缩放适配不同屏
  • HarmonyOS：UI布局屏幕适配不同机型 ChinaDragonDreamer HarmonyOSharmonyos鸿蒙
    一、屏幕适配vp具体计算公式为：vp=px/（DPI/160）px就是屏幕真实物理像素值，densityPixels是屏幕密度，是和标准DPI的比例，常见取值有0.75，1.0，1.5，2.0，3.0等，在HarmonyOS中，标准DPI为160，以华为mate40pro为例，查询得到的densityPixels=3.5，densityDPI=560。densityDPI就是我们通常所说的系统屏幕
  • Ubuntu22云服务器添加2G Swap分区 ac.char UbuntuLinux经验分享服务器github运维
    Ubuntu22云服务器添加2GSwap分区步骤1：检查当前Swap和内存步骤2：创建2GB的Swap文件步骤3：设置权限并格式化步骤4：启用Swap文件步骤5：永久保留Swap配置可选优化：调整Swappiness验证结果注意事项在Ubuntu22云服务器上添加2GB的Swap空间（交换分区），推荐使用Swap文件而非物理分区，因为操作更简单且无需调整磁盘布局。以下是详细步骤：步骤1：检查当前S
  • WPF 附加属性 她说彩礼65万 WPFwpf
    在WPF（WindowsPresentationFoundation）中，附加属性（AttachedProperties）是一种特殊的依赖属性机制，它允许父元素为子元素提供额外的属性支持。这种特性特别适用于布局系统、输入处理和其他需要跨多个控件共享或扩展功能的场景。1.什么是附加属性？附加属性本质上是由某个类定义的依赖属性，但它们可以被其他类的对象使用。附加属性通常用于以下几种情况：布局：如Gri
  • Flutter常用功能教程：新手入门指南 网络安全天地 httpudphttpswebsocket网络安全网络协议tcp/ip
    Flutter常用功能教程本文提供了详细的Flutter常用功能教程，涵盖环境搭建、布局与UI设计、导航与路由管理、状态管理入门、数据获取与网络请求以及保存用户数据等内容，帮助开发者快速上手Flutter开发。Flutter简介及环境搭建Flutter是什么Flutter是Google开发的一套开源UI软件开发工具包，支持创建高性能、美观的原生应用程序，可在iOS和Android上运行。Flutt
  • DeepSeek V3可用的15种精美知识卡片提示词 东锋17 人工智能信息可视化人工智能
    视觉风格模板库尺寸规格基准尺寸：宽度400px，高度不少于1280px。比例关系：遵循3:10的垂直长卡片比例，保持竖版布局。显示方式：卡片自左向右平铺展示，保持一致的顶部对齐。响应适配：主体内容在固定宽度内，确保在不同设备上保持竖版体验。具体风格介绍01|孟菲斯解构主义(MemphisDeconstructed)设计哲学：打破常规秩序，创造有意识的视觉冲突与趣味张力。色彩系统：高饱和不协调组合（
  • 枚举的构造函数中抛出异常会怎样 bylijinnan javaenum单例
    首先从使用enum实现单例说起。 为什么要用enum来实现单例？ 这篇文章（ http://javarevisited.blogspot.sg/2012/07/why-enum-singleton-are-better-in-java.html）阐述了三个理由： 1.enum单例简单、容易，只需几行代码： public enum Singleton { INSTANCE;
  • CMake 教程 aigo C++
    转自：http://xiang.lf.blog.163.com/blog/static/127733322201481114456136/   CMake是一个跨平台的程序构建工具，比如起自己编写Makefile方便很多。 介绍：http://baike.baidu.com/view/1126160.htm 本文件不介绍CMake的基本语法，下面是篇不错的入门教程： http:
  • cvc-complex-type.2.3: Element 'beans' cannot have character Cb123456 springWebgis
      cvc-complex-type.2.3: Element 'beans' cannot have character     Line 33 in XML document from ServletContext resource [/WEB-INF/backend-servlet.xml] is i
  • jquery实例:随页面滚动条滚动而自动加载内容 120153216 jquery
    <script language="javascript"> $(function (){ var i = 4;$(window).bind("scroll", function (event){ //滚动条到网页头部的 高度，兼容ie,ff,chrome var top = document.documentElement.s
  • 将数据库中的数据转换成dbs文件 何必如此 sqldbs
    旗正规则引擎通过数据库配置器（DataBuilder）来管理数据库，无论是Oracle，还是其他主流的数据都支持，操作方式是一样的。旗正规则引擎的数据库配置器是用于编辑数据库结构信息以及管理数据库表数据，并且可以执行SQL 语句，主要功能如下。 1)数据库生成表结构信息：         主要生成数据库配置文件(.conf文
  • 在IBATIS中配置SQL语句的IN方式 357029540 ibatis
    在使用IBATIS进行SQL语句配置查询时，我们一定会遇到通过IN查询的地方，在使用IN查询时我们可以有两种方式进行配置参数：String和List。具体使用方式如下： 1.String:定义一个String的参数userIds，把这个参数传入IBATIS的sql配置文件，sql语句就可以这样写： <select id="getForms" param
  • Spring3 MVC 笔记（一） 7454103 springmvcbeanRESTJSF
             自从 MVC 这个概念提出来之后 struts1.X  struts2.X   jsf 。。。。。 这个view 层的技术一个接一个！ 都用过！不敢说哪个绝对的强悍！ 要看业务，和整体的设计！      最近公司要求开发个新系统！
  • Timer与Spring Quartz 定时执行程序 darkranger springbean工作quartz
    有时候需要定时触发某一项任务。其实在jdk1.3，java sdk就通过java.util.Timer提供相应的功能。一个简单的例子说明如何使用，很简单： 1、第一步，我们需要建立一项任务，我们的任务需要继承java.util.TimerTask package com.test; import java.text.SimpleDateFormat; import java.util.Date;
  • 大端小端转换，le32_to_cpu 和cpu_to_le32 aijuans C语言相关
    大端小端转换，le32_to_cpu 和cpu_to_le32  字节序 http://oss.org.cn/kernel-book/ldd3/ch11s04.html         小心不要假设字节序. PC 存储多字节值是低字节为先(小端为先, 因此是小端), 一些高级的平台以另一种方式(大端)
  • Nginx负载均衡配置实例详解 avords
    [导读] 负载均衡是我们大流量网站要做的一个东西，下面我来给大家介绍在Nginx服务器上进行负载均衡配置方法，希望对有需要的同学有所帮助哦。负载均衡先来简单了解一下什么是负载均衡，单从字面上的意思来理解就可以解 负载均衡是我们大流量网站要做的一个东西，下面我来给大家介绍在Nginx服务器上进行负载均衡配置方法，希望对有需要的同学有所帮助哦。 负载均衡 先来简单了解一下什么是负载均衡
  • 乱说的 houxinyou 框架敏捷开发软件测试
    从很久以前，大家就研究框架，开发方法，软件工程，好多！反正我是搞不明白！ 这两天看好多人研究敏捷模型，瀑布模型！也没太搞明白. 不过感觉和程序开发语言差不多， 瀑布就是顺序，敏捷就是循环. 瀑布就是需求、分析、设计、编码、测试一步一步走下来。而敏捷就是按摸块或者说迭代做个循环，第个循环中也一样是需求、分析、设计、编码、测试一步一步走下来。 也可以把软件开发理
  • 欣赏的价值——一个小故事 bijian1013 有效辅导欣赏欣赏的价值
    　　第一次参加家长会，幼儿园的老师说："您的儿子有多动症，在板凳上连三分钟都坐不了，你最好带他去医院看一看。"　　回家的路上，儿子问她老师都说了些什么，她鼻子一酸，差点流下泪来。因为全班30位小朋友，惟有他表现最差；惟有对他，老师表现出不屑，然而她还在告诉她的儿子："老师表扬你了，说宝宝原来在板凳上坐不了一分钟，现在能坐三分钟。其他妈妈都非常羡慕妈妈，因为全班只有宝宝
  • 包冲突问题的解决方法 bingyingao eclipsemavenexclusions包冲突
    包冲突是开发过程中很常见的问题： 其表现有： 1.明明在eclipse中能够索引到某个类，运行时却报出找不到类。 2.明明在eclipse中能够索引到某个类的方法，运行时却报出找不到方法。 3.类及方法都有，以正确编译成了.class文件，在本机跑的好好的，发到测试或者正式环境就 抛如下异常： java.lang.NoClassDefFoundError: Could not in
  • 【Spark七十五】Spark Streaming整合Flume-NG三之接入log4j bit1129 Stream
    先来一段废话： 实际工作中，业务系统的日志基本上是使用Log4j写入到日志文件中的，问题的关键之处在于业务日志的格式混乱，这给对日志文件中的日志进行统计分析带来了极大的困难，或者说，基本上无法进行分析，每个人写日志的习惯不同，导致日志行的格式五花八门，最后只能通过grep来查找特定的关键词缩小范围，但是在集群环境下，每个机器去grep一遍，分析一遍，这个效率如何可想之二，大好光阴都浪费在这上面了
  • sudoku solver in Haskell bookjovi sudokuhaskell
    这几天没太多的事做，想着用函数式语言来写点实用的程序，像fib和prime之类的就不想提了（就一行代码的事），写什么程序呢？在网上闲逛时发现sudoku游戏，sudoku十几年前就知道了，学生生涯时也想过用C/Java来实现个智能求解，但到最后往往没写成，主要是用C/Java写的话会很麻烦。   现在写程序，本人总是有一种思维惯性，总是想把程序写的更紧凑，更精致，代码行数最少，所以现
  • java apache ftpClient bro_feng java
    最近使用apache的ftpclient插件实现ftp下载，遇见几个问题，做如下总结。 1. 上传阻塞，一连串的上传，其中一个就阻塞了，或是用storeFile上传时返回false。查了点资料，说是FTP有主动模式和被动模式。将传出模式修改为被动模式ftp.enterLocalPassiveMode();然后就好了。 看了网上相关介绍，对主动模式和被动模式区别还是比较的模糊，不太了解被动模
  • 读《研磨设计模式》-代码笔记-工厂方法模式 bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ package design.pattern; /* * 工厂方法模式：使一个类的实例化延迟到子类 * 某次，我在工作不知不觉中就用到了工厂方法模式（称为模板方法模式更恰当。2012-10-29）： * 有很多不同的产品，它
  • 面试记录语 chenyu19891124 招聘
    或许真的在一个平台上成长成什么样，都必须靠自己去努力。有了好的平台让自己展示，就该好好努力。今天是自己单独一次去面试别人，感觉有点小紧张，说话有点打结。在面试完后写面试情况表，下笔真的好难，尤其是要对面试人的情况说明真的好难。 今天面试的是自己同事的同事，现在的这个同事要离职了，介绍了我现在这位同事以前的同事来面试。今天这位求职者面试的是配置管理，期初看了简历觉得应该很适合做配置管理，但是今天面
  • Fire Workflow 1.0正式版终于发布了 comsci 工作workflowGoogle
    Fire Workflow 是国内另外一款开源工作流，作者是著名的非也同志，哈哈.... 官方网站是 http://www.fireflow.org 经过大家努力,Fire Workflow 1.0正式版终于发布了 正式版主要变化: 1、增加IWorkItem.jumpToEx(...)方法，取消了当前环节和目标环节必须在同一条执行线的限制，使得自由流更加自由 2、增加IT
  • Python向脚本传参 daizj python脚本传参
    如果想对python脚本传参数，python中对应的argc, argv(c语言的命令行参数)是什么呢？ 需要模块：sys 参数个数：len(sys.argv) 脚本名：    sys.argv[0] 参数1：     sys.argv[1] 参数2：     sys.argv[
  • 管理用户分组的命令gpasswd dongwei_6688 passwd
    NAME： gpasswd - administer the /etc/group file SYNOPSIS： gpasswd group gpasswd -a user group gpasswd -d user group gpasswd -R group gpasswd -r group gpasswd [-A user,...] [-M user,...] g
  • 郝斌老师数据结构课程笔记 dcj3sjt126com 数据结构与算法
    <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
  • yii2 cgridview加上选择框进行操作 dcj3sjt126com GridView
    页面代码 <?=Html::beginForm(['controller/bulk'],'post');?> <?=Html::dropDownList('action','',[''=>'Mark selected as: ','c'=>'Confirmed','nc'=>'No Confirmed'],['class'=>'dropdown',])
  • linux mysql fypop linux
    enquiry mysql version in centos linux yum list installed | grep mysql yum -y remove mysql-libs.x86_64 enquiry mysql version in yum repositoryyum list | grep mysql oryum -y list mysql* install mysq
  • Scramble String hcx2013 String
    Given a string s1, we may represent it as a binary tree by partitioning it to two non-empty substrings recursively. Below is one possible representation of s1 = "great":
  • 跟我学Shiro目录贴 jinnianshilongnian 跟我学shiro
    历经三个月左右时间，《跟我学Shiro》系列教程已经完结，暂时没有需要补充的内容，因此生成PDF版供大家下载。最近项目比较紧，没有时间解答一些疑问，暂时无法回复一些问题，很抱歉，不过可以加群（334194438/348194195）一起讨论问题。     ----广告-----------------------------------------------------
  • nginx日志切割并使用flume-ng收集日志 liyonghui160com
         nginx的日志文件没有rotate功能。如果你不处理，日志文件将变得越来越大，还好我们可以写一个nginx日志切割脚本来自动切割日志文件。第一步就是重命名日志文件，不用担心重命名后nginx找不到日志文件而丢失日志。在你未重新打开原名字的日志文件前，nginx还是会向你重命名的文件写日志，linux是靠文件描述符而不是文件名定位文件。第二步向nginx主
  • Oracle死锁解决方法 pda158 oracle
    　select p.spid,c.object_name,b.session_id,b.oracle_username,b.os_user_name from v$process p,v$session a, v$locked_object b,all_objects c where p.addr=a.paddr and a.process=b.process and c.object_id=b.
  • java之List排序 shiguanghui list排序
       在Java Collection Framework中定义的List实现有Vector，ArrayList和LinkedList。这些集合提供了对对象组的索引访问。他们提供了元素的添加与删除支持。然而，它们并没有内置的元素排序支持。 　　你能够使用java.util.Collections类中的sort()方法对List元素进行排序。你既可以给方法传递
  • servlet单例多线程 utopialxw 单例多线程servlet
    转自http://www.cnblogs.com/yjhrem/articles/3160864.html 和   http://blog.chinaunix.net/uid-7374279-id-3687149.html Servlet 单例多线程 Servlet如何处理多个请求访问？Servlet容器默认是采用单实例多线程的方式处理多个请求的：1.当web服务器启动的
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他