markYun
markYun

三栏布局

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>三栏布局</title>
<style type="text/css">
* { margin:0; padding:0; }
#main { position:absolute; left:200px; right:200px }/*绝对定位，使content不占据html文档流空间，让后面的left,right浮上去*/
#left, #right { width:200px; }
#left { float:left; }
#right { float:right; }
</style>
</head>
<body>
<div id="main">
<p style="height:999px; background:yellow; ">content</p>
</div>
<div id="left">
<p style="height:999px; background:red;">left</p>
</div>
<div id="right">
<p style="height:999px; background:blue;">right</p>
</div>
</body>
</html>html>
 
 
HTML文档流必须从Main开始然后才是两侧
 
 

文档流：文档流是文档中可显示对象在排列时所占用的位置。将窗体自上而下分成一行行，并在每行中按从左至右的挨次排放元素。





网页中大部分对象默认是占用文档流，也有一些对象是不占文档流的，比如表单中隐藏域。





当然我们也可以让占用文档流的元素转换成不占文档流，这就要用到CSS中属性position来控制。





有三种状况将使得元素离开文档流而存在，分别是浮动、绝对定位、固定定位。然则在IE中浮动元素也存在于文档流中。





浮动元素不占任何正常文档流空间，而浮动元素的定位照样基于正常的文档流，然后从文档流中抽出并且能够尽量远的挪动至左侧或者右侧。





文字内容会环绕在浮动元素四周。当一个元素从正常文档流中抽出后，依然在文档流中的其他元素将疏忽该元素并填补他原先的空间。





——————





核心问题是Html文档流必须从Main开始然后才是两侧，下面就是这个要求的Html结构




 
 
 
 

 

 
 
  
  
  
  



  
  
  
  
 
  
 
  
  
   
   
   
   
1 <div id=”main”> 2 </div> 3 <div id=”left”> 4 </div> 5 <div id=”right”> 6 </div>


 
 
 
 

 

 
 
  
  
  
  



常规做法把两侧放在主要内容的前面进行左右浮动，然后中间使用边距，这样有个缺点就是网速慢的时候主要内容却在最后显示。




按照上面的Html布局，如果按常规把left和right各自左右浮动，中间main使用边距的话就会出现下面这种情况：




三栏布局_第1张图片




 




一、使用绝对定位。




不占用文档流的先读




绝对定位需要设置左右边距（实际应用中往往需要在外面套一个相对定位的盒子）。


三栏布局_第2张图片
 
 
 


                            

                        

                    

                    
                    

                    
                    
                    

                

                

                    
                

            

        

    

    

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

        

            

                
    
                    
  • 【鸿蒙开发】ArkUI滚动类组件-Scroll、Scroller
                        胡辰和
鸿蒙开发HarmonyOS移动开发harmonyos鸿蒙开发ArkUI组件化容器移动开发Scroll
                        
    鸿蒙开发往期学习笔录：鸿蒙（OpenHarmony）南向开发保姆级知识点汇总~鸿蒙应用开发与鸿蒙系统开发哪个更有前景？嵌入式开发适不适合做鸿蒙南向开发？看完这篇你就了解了~对于大前端开发来说，转鸿蒙开发究竟是福还是祸？鸿蒙岗位需求突增！移动端、PC端、IoT到底该怎么选？记录一场鸿蒙开发岗位面试经历~持续更新中……Scroll作为可滚动的容器类组件，它最多包含一个子组件，当子组件的布局尺寸在指定的
    
                    
    • 
                    
  • 鸿蒙ArkTS容器组件：【Scroll】
                        鸿蒙系统小能手Mr.Li
鸿蒙开发harmonyos鸿蒙鸿蒙开发OpenHarmony组件arkts程序员
                        
    Scroll可滚动的容器组件，当子组件的布局尺寸超过父组件的尺寸时，内容可以滚动。说明：开发前请熟悉鸿蒙开发指导文档：gitee.com/li-shizhen-skin/harmony-os/blob/master/README.md点击或者复制转到。该组件从APIversion7开始支持。后续版本如有新增内容，则采用上角标单独标记该内容的起始版本。该组件嵌套List子组件滚动时，若List不设置
    
                    
    • 
                    
  • source insight project window项目窗口显示不出问题
                        darling_user
IDE
                        
    1、点击projectwindow项目窗口快捷键或者勾选view–>projectwindow，projectwindow项目窗口仍是显示不出来，只看到整个窗口闪了一下2、解决版本：找到安装目录，删除GLOBAL.CF3重新打开SI后，界面布局是默认的，之前设置的字体大小也还原了。百度搜索下修改SI字体大小即可
    
                    
    • 
                    
  • 一个 CSS 属性如何彻底解决布局难题
                        @大迁世界
css前端
                        
    设计稿中的组件常常精致、规整，但一旦进入开发阶段，尤其是响应式场景中，部分UI就容易失控。例如：一个包含图片、视频或需保持固定比例的卡片网格组件。表面看似简单，实则暗藏大量布局陷阱。为了解决这些问题，许多项目中采用了监听resize事件、手动计算宽高比、动态注入style属性等方式。虽然功能实现了，但代码臃肿、可维护性差、兼容性问题频出。直到一个CSS属性出现：aspect-ratio。结果令人惊
    
                    
    • 
                    
  • MyBB免费论坛 v1.8.21：开源论坛搭建与管理
                        车英赫

                        
    本文还有配套的精品资源，点击获取简介：MyBB免费论坛v1.8.21是一个流行的开源论坛软件，以其灵活性、易用性和功能丰富性著称。它由PHP语言编写，利用MySQL数据库存储数据，并提供了一个符合用户习惯的高效平台。MyBB具备标准的论坛布局和强大的功能特性，包括权限管理、插件系统、主题与模板定制、积分奖励系统、强大的搜索功能、邮件通知、报告系统和多语言支持。同时，MyBB注重安全性，修复了安全漏
    
                    
    • 
                    
  • 5、旋转与自适应布局：iOS应用开发的关键
                        c7d8e9
8SDK入门iOS开发自适应布局旋转处理
                        
    旋转与自适应布局：iOS应用开发的关键1.旋转和自适应布局的重要性iPhone和iPad是令人惊叹的工程杰作。苹果的工程师们找到了各种方法，将最大功能压缩进一个小巧的包装里。其中一个例子就是这些设备可以以纵向（高而窄）或横向（短而宽）模式使用，而且这种方向可以在运行时通过简单旋转设备来改变。你可以在iOS的网页浏览器MobileSafari中看到这种被称为自动旋转的行为示例。像许多iOS应用程序一
    
                    
    • 
                    
  • 【鸿蒙开发】响应式设计
                        
harmonyos-next
                        
    前言响应式设计（ResponsiveWebDesign，简称RWD）在Web网站设计领域是一种网页设计方法论，旨在让网站在不同设备和屏幕尺寸上都能提供良好的阅读和交互体验，而无需为每一个新设备或屏幕尺寸创建单独的版本。这种设计方法的核心在于页面布局和内容可以根据用户所使用的设备特性（如屏幕尺寸、分辨率、方向等）进行灵活调整。实现断点响应式布局中最常使用的特征是窗口宽度及窗口高宽比，可以将窗口宽度及
    
                    
    • 
                    
  • Cadence Design Systems EDA介绍（五）--Innovus
                        小蘑菇二号
笔记
                        
    目录Innovus的主要功能1.初始布局规划（Floorplanning）2.详细布局（Placement）3.布线（Routing）4.时序分析与优化（TimingAnalysisandOptimization）5.功耗分析与优化（PowerAnalysisandOptimization）6.面积优化（AreaOptimization）7.签核（Sign-off）Innovus的特点1.高性能2
    
                    
    • 
                    
  • 创客匠人：AI重构知识IP定位与变现效率新范式
                        创小匠
人工智能重构tcp/ip
                        
    知识付费行业深度变革的当下，创始人IP打造与知识变现的效率瓶颈日益凸显。定位模糊、流量获取成本高、内容生产低效等问题，成为阻碍IP发展的核心痛点。而行业先行者通过AI技术的深度应用，正为知识IP构建全新的发展范式，其中尤以率先布局AI技术体系的机构表现突出。AI驱动定位革新：从“试错探索”到“精准锚定”传统IP定位往往依赖经验试错，耗时数周甚至数月仍难以明确方向。而借助AI定位智能体，知识创作者可
    
                    
    • 
                    
  • Qt的概述和安装、信号与槽、元对象系统、动态属性、字符串QString、容器、窗口部件与布局管理器、顺序容器、UI界面设计、数值输入输出、时间和日期、界面UI组件、模型视图、关联与集合容器、对话框
                        zhxup606
C++qtui开发语言
                        
    涵盖Qt的概述和安装、信号与槽、元对象系统、动态属性、字符串QString、容器、窗口部件与布局管理器、顺序容器、UI界面设计、数值输入输出、时间和日期、界面UI组件、模型视图、关联与集合容器、对话框、多窗口开发、绘图、QGraphicsView绘图框架、文件处理、文件读写与事件、补充知识、INI配置文件、JSON文件操作、XML文件读写、和网络编程。每章将包含详细讲解、代码示例（demo），并确
    
                    
    • 
                    
  • 后台服务启动前台Service（跨进程）
                        一只努力的菜鸟。
javaandroidandroidstudio
                        
    在开发中，很多时候我们会碰到在hmi里面做了页面布局，但是要求开机就显示。我们的Service是开机自启动的，但是hmi不是开机自启动。那么这个时候我们需要在hmi添加一个hmiService，用后台的Service拉起hmiService进而去显示View（这个View一般都为WindowManager，不依附Activity）上代码：前台Service（hmiService）：1.首先创建一个
    
                    
    • 
                    
  • 全球覆盖与跨境网络优化：SD-WAN如何助力跨国企业应对通信挑战
                        北极光SD-WAN组网
网络
                        
    随着全球化的深入发展，跨国企业的业务布局日益广泛，但随之而来的跨境网络通信问题却成为企业数字化转型的难点之一。传统广域网（WAN）架构在面对复杂的跨境通信环境时，常常暴露出高延迟、不稳定以及数据隐私合规性不足的问题。而SD-WAN（软件定义广域网）作为一种新兴的网络解决方案，凭借其智能化、灵活性和安全性，逐渐成为跨国企业的首选方案。一、SD-WAN是否具备全球范围内的覆盖能力？SD-WAN通过其分
    
                    
    • 
                    
  • HarmonyOS NEXT仓颉开发语言实战案例：简约音乐播放页
                        幽蓝计划
开发语言harmonyos
                        
    偶然间看到一个非常漂亮的音乐播放器设计图，忍不住想拿仓颉语言来练练手，当漂亮的设计图遇到优美的开发语言，简直是天作之合。看到这个页面，我们先做一个简单的分析。整个页面分为上中下三个部分，顶部为导航栏，底部是歌词工具栏，剩下的就是中间的歌曲信息和控制按钮部分。它们的部分方式是比较简单的纵向布局。页面大致结构代码如下：Column{//导航栏Stack{Text('NowPlaying').fontS
    
                    
    • 
                    
  • JavaScript性能优化
                        lyh1344
javascript性能优化开发语言
                        
    JavaScript性能优化方法减少重绘和回流频繁操作DOM会导致浏览器反复计算布局，引发性能问题。使用documentFragment进行批量DOM操作，或通过classList一次性修改多个样式属性。缓存DOM查询结果，避免重复访问。事件委托利用事件冒泡机制，将事件监听器绑定到父元素而非多个子元素。减少内存占用，提升动态内容的事件处理效率。节流与防抖高频事件（如滚动、输入）通过节流（Throt
    
                    
    • 
                    
  • 使用CSS和HTML实现3D图片环绕效果
                        码力无边-OEC
csshtml3dweb前端
                        
    使用CSS和HTML实现3D图片环绕效果在本篇博客中，将介绍如何使用HTML和CSS实现一个3D图片环绕效果。这个效果不仅具有视觉吸引力，而且具有高度的互动性，鼠标悬停时动画会暂停。接下来将一步步讲解这个效果的实现过程。1.效果2.页面结构与布局首先，我们来看一下HTML的基本结构。该效果的核心是一个元素，它包含了多个图片的，每个div中都设置了不同的背景图片。HTML代码：3D图片环绕效果</
    
                    
    • 
                    
  • 微信小程序进度条样式_微信小程序之圆形进度条
                        

                        
    需求概要小程序中使用圆形倒计时，效果图：思路使用2个canvas一个是背景圆环，一个是彩色圆环。使用setInterval让彩色圆环逐步绘制。解决方案第一步先写结构一个盒子包裹2个canvas以及文字盒子；盒子使用相对定位作为父级，flex布局，设置居中；一个canvas，使用绝对定位作为背景，canvas-id="canvasProgressbg"另一个canvas，使用相对定位作为进度条，ca
    
                    
    • 
                    
  • 微信小程序 环形进度条_微信小程序实现圆形进度条实例分享
                        易筱昭
微信小程序环形进度条
                        
    本文主要和大家分享微信小程序实现圆形进度条实例，希望能帮助到大家。小程序中使用圆形倒计时，效果图：思路使用2个canvas一个是背景圆环，一个是彩色圆环。使用setInterval让彩色圆环逐步绘制。解决方案第一步先写结构一个盒子包裹2个canvas以及文字盒子；盒子使用相对定位作为父级，flex布局，设置居中；一个canvas，使用绝对定位作为背景，canvas-id="canvasProgre
    
                    
    • 
                    
  • 小程序领域H5的CSS布局优化
                        小程序开发2020
CS小程序css前端ai
                        
    小程序领域H5的CSS布局优化：从“乱屏”到“丝滑”的实战指南关键词：小程序布局优化、CSSFlex、CSSGrid、rpx适配、重排重绘优化摘要：本文从开发者最头疼的“小程序页面布局错乱”问题出发，结合小程序特有的运行环境（如rpx单位、组件限制），用“装修房子”的生活化比喻拆解CSS布局核心概念，系统讲解Flex/Grid布局的实战技巧、多端适配策略及性能优化方法。通过真实代码案例（含wxml
    
                    
    • 
                    
  • Android-Layout Inspector使用手册
                        每次的天空
android学习
                        
    LayoutInspectorAndroidLayoutInspector是AndroidStudio中用于调试应用布局的工具启动方法：通过下载LayoutInspector插件，在“View-ToolWindows-LayoutInspector”或“Tools-LayoutInspector”启动。主要界面区域：ComponentTree：显示布局中视图的层次结构，帮助直观查看应用中的元素及其
    
                    
    • 
                    
  • 第2章 大话 ASP.NET Core 入门
                        代数狂人
ASP.NETCore框架之旅后端ASP.NETCore.net
                        
    第1章框架学习的基石与实战策略第2章大话ASP.NETCore入门第3章创建最小（MinimalAPIs）API应用程序第4章.NET8.0ASP.NETCore图书管理系统：项目布局</
    
                    
    • 
                    
  • 鸿蒙系统（HarmonyOS）应用开发之实现瀑布流图片展示效果
                        伍哥的传说
HarmonyOS资源harmonyos华为前端鸿蒙鸿蒙系统
                        
    项目概述科技图库是一款基于鸿蒙系统（HarmonyOS）开发的高品质图片浏览应用，专注于展示精选科技主题图片。应用采用现代化的瀑布流布局，为用户提供流畅、直观的浏览体验，让科技之美尽收眼底。主要功能1.瀑布流布局展示自适应网格：采用双列瀑布流布局，根据图片原始比例自动调整显示大小流畅滚动：优化的性能确保即使加载大量图片也能保持流畅的滚动体验优雅加载：加载状态优雅展示，提供良好的用户反馈2.高清图片
    
                    
    • 
                    
  • numpy - np.full 笔记
                        qq_43632431
numpy笔记opencv
                        
    np.full是NumPy中用于创建填充指定值的数组的函数。以下是详细说明：基本语法numpy.full(shape,fill_value,dtype=None,order='C')参数说明shape:数组的形状（元组或整数）fill_value:填充值dtype:数据类型（可选）order:内存布局，'C'或'F'（可选）基本用法示例1.创建一维数组importnumpyasnp#创建长度为5，
    
                    
    • 
                    
  • 【CSS 行高陷阱：如何避免文本被截断问题】
                        Gazer_S
移动端CSScss前端
                        
    CSS行高陷阱：如何避免文本被截断问题创建时间：2025/6/26标签：CSS,布局,文本渲染,UniApp问题背景在移动端开发中，我们经常会遇到文本显示不完整的问题。最近在项目开发中，我们遇到了一个典型的案例：设置了较大的字体大小，但文本却被莫名其妙地截断了。这个问题出现在充电站详情页的地址显示部分，明明有足够的空间，文本却显示不全。问题分析经过排查，我们发现问题出在CSS的行高设置上。问题代码
    
                    
    • 
                    
  • 鸿蒙5开发案例分享揭秘---一多开发实例（商务办公）
                        

                        
    【鸿蒙开发宝藏案例大揭秘】原来官方文档里藏了这么多好东西！大家好呀～最近在肝鸿蒙项目时意外扒出了官方文档里的"藏宝库"！原来那些让人头秃的跨端适配难题，官方早就准备好了参考答案！今天就带大家挖一挖这些实战案例，手把手教你玩转"一次开发，多端部署"！（文末有惊喜小技巧哦～）一、商务办公应用案例（官方王炸模板）案例亮点：这个模板直接解决了三大致命痛点——侧边栏适配、分栏布局切换、多端卡片排列，连华为工
    
                    
    • 
                    
  • Android杂谈（一）：悬浮球
                        人生游戏牛马NPC1号
androidkotlin
                        
    目录1.概述1.1什么是悬浮球（FloatingBall）1.1.1悬浮球的定义1.1.2悬浮球的基本概念1.1.3悬浮球的常见作用1.2悬浮球的应用场景与优势1.2.1悬浮球的常见应用场景1.2.2悬浮球带来的便利与优势悬浮球带来的便利与优势1.2.3设计建议1.3Android中悬浮球的实现方式简介2.悬浮球基础实现2.1创建悬浮球布局（XML设计）2.2悬浮球的显示与隐藏控制2.3悬浮球拖拽
    
                    
    • 
                    
  • Sui 随全球加速采用，正式启用雅典 SuiHub 创新中心
                        Sui_Network
Sui重要公告区块链量子计算人工智能物联网web3
                        
    希腊凭借其独特的人才优势、地理位置和机构参与度，成为Sui全球线下扩张的重要战略据点。该国高校在数据科学、软件工程与人工智能领域具备卓越声誉，这些正是Sui生态发展的核心支柱。近年来，雅典的科技生态日益成熟，越来越多初创公司和创新项目（包括Sui）在此落地，创造高薪岗位，吸引顶尖人才。Sui在希腊的布局始于为高中生推出的：区块链与商业创新”课程，随后ATHEX宣布完成基于Sui的EBB平台升级的技
    
                    
    • 
                    
  • Android常用内存优化方式整理
                        Lee·陈
笔记-Android笔记-RNandroid内存优化
                        
    Android常用内存优化方式整理1、减小对象内存占用基本数据类型与包装类型枚举Bitmap图片代码混淆序列化2、对象复用对象池ListView/GridView/RecyclerViewBitmap复用3、内存泄漏静态变量单例属性动画非静态内部类异步线程/任务Handler资源未关闭全局集合对象WebViewEditText4、内存使用策略优化优化布局，减少布局层次StringBuffer/St
    
                    
    • 
                    
  • 小程序实现摄像头拍照 + 水印绘制
                        小晗同学
小程序小程序前端uni-appvue水印拍照
                        
    文章标题01功能说明02使用方式&效果图2.1基础用法2.2拍照+底部定点水印+预览2.3拍照+整体背景水印+预览03全部代码3.1页面布局html3.2业务核心js3.3基础样式css01功能说明需求：小程序端需要调用前置摄像头进行拍照，并且将拍好的照片添加水印后返回。下面的代码支持底部定点水印和整体背景水印。技术栈：uniapp、vue迭代：后期还可以继续扩展多方位的定点水印和支持绘制多句话的
    
                    
    • 
                    
  • padding和margin这种，项目里面怎么设置值，使用px还是rem 还是什么，有什么区别
                        今日亦是美好的一天
前端javascript开发语言
                        
    目录1.px（像素）2.rem（相对于根元素的font-size）3.em（相对于父元素的font-size）【不合适】4.vw和vh（视口宽度和高度）[不合适]5.%（百分比）【不合适】总结与建议移动端开发PC端开发1.px（像素）特点：绝对单位，基于屏幕像素。优点：精确控制元素的大小和间距。适合固定布局，不需要考虑响应式设计。缺点：不适合需要适配不同屏幕尺寸的项目。在移动端开发中，可能需要额外
    
                    
    • 
                    
  • 第七节 移动端适配-视口与REM布局
                        泽泽爱旅行
csshtml前端css
                        
    以下是关于移动端适配中的视口与REM布局的全面解析，结合核心原理、实现方案、应用场景及优化策略，帮助开发者深入理解并高效实现响应式设计。一、视口（Viewport）的核心概念1.视口类型布局视口（LayoutViewport）浏览器默认的视口宽度（通常为980px），用于在移动端显示PC页面，需缩放才能适应屏幕。视觉视口（VisualViewport）用户当前可见的屏幕区域，随缩放或滚动变化。理想
    
                    
    • 
                                
  • JAVA中的Enum
                                    周凡杨
javaenum枚举
                                    
    Enum是计算机编程语言中的一种数据类型---枚举类型。 在实际问题中，有些变量的取值被限定在一个有限的范围内。       例如，一个星期内只有七天 我们通常这样实现上面的定义： 
public String monday;
public String tuesday;
public String wensday;
public String thursday
    
                                
    • 
                                
  • 赶集网mysql开发36条军规
                                    Bill_chen
mysql业务架构设计mysql调优mysql性能优化
                                    
    (一)核心军规   (1)不在数据库做运算      cpu计算务必移至业务层；   (2)控制单表数据量      int型不超过1000w，含char则不超过500w；      合理分表；      限制单库表数量在300以内；   (3)控制列数量      字段少而精，字段数建议在20以内
    
                                
    • 
                                
  • Shell test命令
                                    daizj
shell字符串test数字文件比较
                                    
    Shell test命令 
Shell中的 test 命令用于检查某个条件是否成立，它可以进行数值、字符和文件三个方面的测试。  数值测试    参数 说明   -eq 等于则为真   -ne 不等于则为真   -gt 大于则为真   -ge 大于等于则为真   -lt 小于则为真   -le 小于等于则为真    
实例演示： 
num1=100
num2=100if test $[num1]
    
                                
    • 
                                
  • XFire框架实现WebService(二)
                                    周凡杨
javawebservice
                                    
       有了XFire框架实现WebService(一)，就可以继续开发WebService的简单应用。 
Webservice的服务端(WEB工程)： 
两个java bean类： 
Course.java 
   package cn.com.bean; 
public class Course { 
    private 
    
                                
    • 
                                
  • 重绘之画图板
                                    朱辉辉33
画图板
                                    
           上次博客讲的五子棋重绘比较简单，因为只要在重写系统重绘方法paint（）时加入棋盘和棋子的绘制。这次我想说说画图板的重绘。 
       画图板重绘难在需要重绘的类型很多，比如说里面有矩形，园，直线之类的，所以我们要想办法将里面的图形加入一个队列中，这样在重绘时就
    
                                
    • 
                                
  • Java的IO流
                                    西蜀石兰
java
                                    
    刚学Java的IO流时，被各种inputStream流弄的很迷糊，看老罗视频时说想象成插在文件上的一根管道，当初听时觉得自己很明白，可到自己用时，有不知道怎么代码了。。。 
每当遇到这种问题时，我习惯性的从头开始理逻辑，会问自己一些很简单的问题，把这些简单的问题想明白了，再看代码时才不会迷糊。 
 
IO流作用是什么？ 
答：实现对文件的读写，这里的文件是广义的； 
 
Java如何实现程序到文件
    
                                
    • 
                                
  • No matching PlatformTransactionManager bean found for qualifier 'add' - neither
                                    林鹤霄

                                    
    java.lang.IllegalStateException: No matching PlatformTransactionManager bean found for qualifier 'add' - neither qualifier match nor bean name match! 
  
网上找了好多的资料没能解决，后来发现：项目中使用的是xml配置的方式配置事务，但是
    
                                
    • 
                                
  • Row size too large (> 8126). Changing some columns to TEXT or BLOB
                                    aigo
column
                                    
    原文：http://stackoverflow.com/questions/15585602/change-limit-for-mysql-row-size-too-large 
  
异常信息： 
Row size too large (> 8126). Changing some columns to TEXT or BLOB or using ROW_FORMAT=DYNAM
    
                                
    • 
                                
  • JS 格式化时间
                                    alxw4616
JavaScript
                                    
    /**
 * 格式化时间 2013/6/13 by 半仙 [email protected]
 * 需要 pad 函数
 * 接收可用的时间值.
 * 返回替换时间占位符后的字符串
 *
 * 时间占位符:年 Y 月 M 日 D 小时 h 分 m 秒 s 重复次数表示占位数
 * 如 YYYY 4占4位 YY 占2位<p></p>
 * MM DD hh mm
    
                                
    • 
                                
  • 队列中数据的移除问题
                                    百合不是茶
队列移除
                                    
      
   队列的移除一般都是使用的remov();都可以移除的,但是在昨天做线程移除的时候出现了点问题,没有将遍历出来的全部移除,  代码如下; 
  
   // 
package com.Thread0715.com;

import java.util.ArrayList;

public class Threa
    
                                
    • 
                                
  • Runnable接口使用实例
                                    bijian1013
javathreadRunnablejava多线程
                                    
    Runnable接口 
a.       该接口只有一个方法：public void run(); 
b.       实现该接口的类必须覆盖该run方法 
c.       实现了Runnable接口的类并不具有任何天
    
                                
    • 
                                
  • oracle里的extend详解
                                    bijian1013
oracle数据库extend
                                    
    扩展已知的数组空间，例： 
DECLARE
  TYPE CourseList IS TABLE OF VARCHAR2(10);
  courses CourseList;
BEGIN
  --   初始化数组元素，大小为3
  courses := CourseList('Biol   4412 ', 'Psyc   3112 ', 'Anth   3001 ');
  --   
    
                                
    • 
                                
  • 【httpclient】httpclient发送表单POST请求
                                    bit1129
httpclient
                                    
    浏览器Form Post请求 
浏览器可以通过提交表单的方式向服务器发起POST请求，这种形式的POST请求不同于一般的POST请求 
1. 一般的POST请求，将请求数据放置于请求体中，服务器端以二进制流的方式读取数据，HttpServletRequest.getInputStream()。这种方式的请求可以处理任意数据形式的POST请求，比如请求数据是字符串或者是二进制数据 
2. Form 
    
                                
    • 
                                
  • 【Hive十三】Hive读写Avro格式的数据
                                    bit1129
hive
                                    
     1. 原始数据 
hive> select * from word; 
OK
1	MSN  
10	QQ  
100	Gtalk  
1000	Skype  
  
  
 2. 创建avro格式的数据表 
  
hive> CREATE TABLE avro_table(age INT, name STRING)STORE
    
                                
    • 
                                
  • nginx+lua+redis自动识别封解禁频繁访问IP
                                    ronin47

                                    
    在站点遇到攻击且无明显攻击特征，造成站点访问慢，nginx不断返回502等错误时，可利用nginx+lua+redis实现在指定的时间段 内，若单IP的请求量达到指定的数量后对该IP进行封禁，nginx返回403禁止访问。利用redis的expire命令设置封禁IP的过期时间达到在 指定的封禁时间后实行自动解封的目的。 
一、安装环境： 
 
 CentOS x64 release 6.4(Fin
    
                                
    • 
                                
  • java-二叉树的遍历-先序、中序、后序（递归和非递归）、层次遍历
                                    bylijinnan
java
                                    
    
import java.util.LinkedList;
import java.util.List;
import java.util.Stack;


public class BinTreeTraverse {
	//private int[] array={ 1, 2, 3, 4, 5, 6, 7, 8, 9 };
	private int[] array={ 10,6,
    
                                
    • 
                                
  • Spring源码学习-XML 配置方式的IoC容器启动过程分析
                                    bylijinnan
javaspringIOC
                                    
    以FileSystemXmlApplicationContext为例，把Spring IoC容器的初始化流程走一遍： 
 

ApplicationContext context = new FileSystemXmlApplicationContext
            ("C:/Users/ZARA/workspace/HelloSpring/src/Beans.xml&q
    
                                
    • 
                                
  • [科研与项目]民营企业请慎重参与军事科技工程
                                    comsci
企业
                                    
     
 
     军事科研工程和项目 并非要用最先进，最时髦的技术，而是要做到“万无一失” 
 
   而民营科技企业在搞科技创新工程的时候，往往考虑的是技术的先进性，而对先进技术带来的风险考虑得不够，在今天提倡军民融合发展的大环境下，这种“万无一失”和“时髦性”的矛盾会日益凸显。。。。。。所以请大家在参与任何重大的军事和政府项目之前，对
    
                                
    • 
                                
  • spring 定时器-两种方式
                                    cuityang
springquartz定时器
                                    
    方式一： 
间隔一定时间 运行 
 
<bean id="updateSessionIdTask" class="com.yang.iprms.common.UpdateSessionTask" autowire="byName" /> 
 
 <bean id="updateSessionIdSchedule
    
                                
    • 
                                
  • 简述一下关于BroadView站点的相关设计
                                    damoqiongqiu
view
                                    
    终于弄上线了，累趴，戳这里http://www.broadview.com.cn 
  
简述一下相关的技术点 
  
前端：jQuery+BootStrap3.2+HandleBars，全站Ajax（貌似对SEO的影响很大啊！怎么破？），用Grunt对全部JS做了压缩处理，对部分JS和CSS做了合并（模块间存在很多依赖，全部合并比较繁琐，待完善）。 
  
后端：U
    
                                
    • 
                                
  • 运维 PHP问题汇总
                                    dcj3sjt126com
windows2003
                                    
    1、Dede(织梦)发表文章时,内容自动添加关键字显示空白页 
解决方法： 
后台>系统>系统基本参数>核心设置>关键字替换（是/否），这里选择“是”。 
后台>系统>系统基本参数>其他选项>自动提取关键字，这里选择“是”。 
  
2、解决PHP168超级管理员上传图片提示你的空间不足 
网站是用PHP168做的，反映使用管理员在后台无法
    
                                
    • 
                                
  • mac 下 安装php扩展 - mcrypt
                                    dcj3sjt126com
PHP
                                    
    MCrypt是一个功能强大的加密算法扩展库，它包括有22种算法，phpMyAdmin依赖这个PHP扩展，具体如下： 
 
  
  下载并解压libmcrypt-2.5.8.tar.gz。 
  在终端执行如下命令：  tar zxvf libmcrypt-2.5.8.tar.gz cd libmcrypt-2.5.8/ ./configure --disable-posix-threads --
    
                                
    • 
                                
  • MongoDB更新文档 [四]
                                    eksliang
mongodbMongodb更新文档
                                    
    MongoDB更新文档 
转载请出自出处：http://eksliang.iteye.com/blog/2174104 
MongoDB对文档的CURD，前面的博客简单介绍了，但是对文档更新篇幅比较大，所以这里单独拿出来。 
语法结构如下： 
db.collection.update( criteria, objNew, upsert, multi) 
参数含义    参数   
    
                                
    • 
                                
  • Linux下的解压，移除，复制，查看tomcat命令
                                    y806839048
tomcat
                                    
    重复myeclipse生成webservice有问题删除以前的，干净 
 
 1、先切换到：cd usr/local/tomcat5/logs 
 
2、tail -f catalina.out 
 
3、这样运行时就可以实时查看运行日志了 
 
 
 
 
Ctrl+c 是退出tail命令。 
 有问题不明的先注掉 
   cp /opt/tomcat-6.0.44/webapps/g
    
                                
    • 
                                
  • Spring之使用事务缘由(3-XML实现)
                                    ihuning
spring
                                    
      
用事务通知声明式地管理事务 
  
事务管理是一种横切关注点。为了在 Spring 2.x 中启用声明式事务管理，可以通过 tx Schema 中定义的 <tx:advice> 元素声明事务通知，为此必须事先将这个 Schema 定义添加到 <beans> 根元素中去。声明了事务通知后，就需要将它与切入点关联起来。由于事务通知是在 <aop:
    
                                
    • 
                                
  • GCD使用经验与技巧浅谈
                                    啸笑天
GC
                                    
    前言 
GCD(Grand Central Dispatch)可以说是Mac、iOS开发中的一大“利器”，本文就总结一些有关使用GCD的经验与技巧。 
dispatch_once_t必须是全局或static变量 
这一条算是“老生常谈”了，但我认为还是有必要强调一次，毕竟非全局或非static的dispatch_once_t变量在使用时会导致非常不好排查的bug，正确的如下：        1  
    
                                
    • 
                                
  • linux（Ubuntu）下常用命令备忘录1
                                    macroli
linux工作ubuntu
                                    
    在使用下面的命令是可以通过--help来获取更多的信息1,查询当前目录文件列表：ls 
 
 ls命令默认状态下将按首字母升序列出你当前文件夹下面的所有内容，但这样直接运行所得到的信息也是比较少的，通常它可以结合以下这些参数运行以查询更多的信息：  
 ls / 显示/.下的所有文件和目录  
 ls -l 给出文件或者文件夹的详细信息 
 ls -a 显示所有文件，包括隐藏文
    
                                
    • 
                                
  • nodejs同步操作mysql
                                    qiaolevip
学习永无止境每天进步一点点mysqlnodejs
                                    
    // db-util.js
var mysql = require('mysql');
var pool = mysql.createPool({
  connectionLimit : 10,
  host: 'localhost',
  user: 'root',
  password: '',
  database: 'test',
  port: 3306
});


    
                                
    • 
                                
  • 一起学Hive系列文章
                                    superlxw1234
hiveHive入门
                                    
      
[一起学Hive]系列文章 目录贴，入门Hive，持续更新中。 
  
[一起学Hive]之一—Hive概述，Hive是什么 
[一起学Hive]之二—Hive函数大全-完整版 
[一起学Hive]之三—Hive中的数据库(Database)和表(Table) 
[一起学Hive]之四-Hive的安装配置 
[一起学Hive]之五-Hive的视图和分区 
[一起学Hive
    
                                
    • 
                                
  • Spring开发利器：Spring Tool Suite 3.7.0 发布
                                    wiselyman
spring
                                    
    Spring Tool Suite(简称STS)是基于Eclipse，专门针对Spring开发者提供大量的便捷功能的优秀开发工具。 
  
在3.7.0版本主要做了如下的更新： 
  
 
 将eclipse版本更新至Eclipse Mars 4.5 GA 
 Spring Boot(JavaEE开发的颠覆者集大成者，推荐大家学习)的配置语言YAML编辑器的支持(包含自动提示，
    
                                
    • 
                

            

        

    




    

        

            按字母分类：
            ABCDEFGHIJKLMNOPQRSTUVWXYZ其他