andreaxiang
andreaxiang

CSS布局

常见布局（PC）

  • 固定宽度布局
  • 弹性（fluid）布局
  • 响应式布局 —— 多终端（PC、Pad、Phone）

1. 单栏布局

单栏布局 




  
  
内容

代码效果: 单列通栏布局

2. 双列布局

一列固定宽度，另外一列自适应宽度


双列布局 

    


  

    
侧边栏

    
主内容

代码效果: 双栏布局

3. 三栏布局

两侧两列固定宽度，中间列自适应宽度


三栏布局 

    




  
左边栏

  
右边栏

  
主内容

代码效果: 三栏布局

3. 圣杯布局

是三列布局，两边固定宽度，中间自适应，中间主内容元素在 dom 元素次序中优先位置。
但有个问题：当中间主内容的宽度小于俩侧边栏的宽度时，会出现排版错乱现象。


    


    

        
主内容

        
左边栏

        
右边栏

代码效果: 圣杯效果

4. 双飞翼布局

是三列布局，两边固定宽度，中间自适应，中间主内容元素在 dom 元素次序中优先位置。
双飞翼布局解决了前面圣杯布局的遗留问题。


    


 

  

    
主内容

  

  
左边栏

  
右边栏

代码效果: 双飞翼布局

5. 水平等距排列布局


    


  

    
古风美人图

    
    
      
  • 
        ![古风美人图](https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1493297445&di=7aa4a338e1c9fdb9240f6a2a71034919&imgtype=jpg&er=1&src=http%3A%2F%2Fimg4.duitang.com%2Fuploads%2Fitem%2F201412%2F22%2F20141222171224_jTEtA.jpeg)
        
    
          
    采桑子
    
          
    白衣裳凭朱栏立，凉月趖西，点鬓霜微，岁晏知君归不归；
    
        
     
      
    • 
      
  • 
        ![古风美人图](https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1493297445&di=7aa4a338e1c9fdb9240f6a2a71034919&imgtype=jpg&er=1&src=http%3A%2F%2Fimg4.duitang.com%2Fuploads%2Fitem%2F201412%2F22%2F20141222171224_jTEtA.jpeg)
        
    
          
    采桑子
    
          
    白衣裳凭朱栏立，凉月趖西，点鬓霜微，岁晏知君归不归；
    
        
     
      
    • 
      
  • 
        ![古风美人图](https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1493297445&di=7aa4a338e1c9fdb9240f6a2a71034919&imgtype=jpg&er=1&src=http%3A%2F%2Fimg4.duitang.com%2Fuploads%2Fitem%2F201412%2F22%2F20141222171224_jTEtA.jpeg)
        
    
          
    采桑子
    
          
    白衣裳凭朱栏立，凉月趖西，点鬓霜微，岁晏知君归不归；
    
        
     
      
    • 
      
  • 
        ![古风美人图](https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1493297445&di=7aa4a338e1c9fdb9240f6a2a71034919&imgtype=jpg&er=1&src=http%3A%2F%2Fimg4.duitang.com%2Fuploads%2Fitem%2F201412%2F22%2F20141222171224_jTEtA.jpeg)
        
    
          
    采桑子
    
          
    白衣裳凭朱栏立，凉月趖西，点鬓霜微，岁晏知君归不归；
    
        
     
      
    • 
      
  • 
        ![古风美人图](https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1493297445&di=7aa4a338e1c9fdb9240f6a2a71034919&imgtype=jpg&er=1&src=http%3A%2F%2Fimg4.duitang.com%2Fuploads%2Fitem%2F201412%2F22%2F20141222171224_jTEtA.jpeg)
        
    
          
    采桑子
    
          
    白衣裳凭朱栏立，凉月趖西，点鬓霜微，岁晏知君归不归；
    
        
     
      
    • 
      
  • 
        ![古风美人图](https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1493297445&di=7aa4a338e1c9fdb9240f6a2a71034919&imgtype=jpg&er=1&src=http%3A%2F%2Fimg4.duitang.com%2Fuploads%2Fitem%2F201412%2F22%2F20141222171224_jTEtA.jpeg)
        
    
          
    采桑子
    
          
    白衣裳凭朱栏立，凉月趖西，点鬓霜微，岁晏知君归不归；
    
        
     
      
    • 
      
  • 
        ![古风美人图](https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1493297445&di=7aa4a338e1c9fdb9240f6a2a71034919&imgtype=jpg&er=1&src=http%3A%2F%2Fimg4.duitang.com%2Fuploads%2Fitem%2F201412%2F22%2F20141222171224_jTEtA.jpeg)
        
    
          
    采桑子
    
          
    白衣裳凭朱栏立，凉月趖西，点鬓霜微，岁晏知君归不归；
    
        
     
      
    • 
      
  • 
        ![古风美人图](https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1493297445&di=7aa4a338e1c9fdb9240f6a2a71034919&imgtype=jpg&er=1&src=http%3A%2F%2Fimg4.duitang.com%2Fuploads%2Fitem%2F201412%2F22%2F20141222171224_jTEtA.jpeg)
        
    
          
    采桑子
    
          
    白衣裳凭朱栏立，凉月趖西，点鬓霜微，岁晏知君归不归；
    
        
     
      
    •

代码效果: 水平等距排列

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

  • 前端学习路线推荐 oldfifteen
    第一阶段：HTML+CSS:HTML进阶、CSS进阶、div+css布局、HTML+css整站开发、JavaScript基础：Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript、DOM、BOM、定时器和焦点图。JS基本特效：常见特效、例如：tab、导航、整页滚动、轮播图、JS制作幻灯片、弹出层、手风琴菜单、瀑布流布局、滚动事件、滚差视图。JS高级特征：正则表达式、排序算
  • 绝对定位 vs 浮动：CSS布局核心差异解析 代码的余温 css前端
    在CSS布局中，position:absolute和float都能实现元素脱离常规文档流，但它们在定位机制、布局影响和使用场景上有本质区别：一、核心区别总结特性position:absolutefloat脱离文档流✅完全脱离，不占空间✅部分脱离（保留浮动流空间）定位基准相对于最近的非static祖先元素相对于父容器或相邻浮动元素元素类型转换自动转为块级元素（类似display:block）自动转为
  • html sql连接mysql数据库_HTML连接sql数据库 旋风1968 htmlsql连接mysql数据库
    怎样从HTML网页中获取SQL数据库里的数据我现在是一名学生，第一学期快结束了，老师要CSS布局HTML小编今天和大家分享我们每个学习小组用C#做HTML是无法读取数据库的，HTML是页面前端脚本语言，要想从HTML网页中获取SQL数据库里的数据，需要借助JSP或ASP或PHP或RUBY等语言来实现。简单的关系可以这样理解：数据库JSP或ASP或PHP或RUBY等语言HTML如：在JSP页面中显示
  • 【GitHub开源项目实战】Ladybird 浏览器引擎项目深度解析：构建自主浏览器内核的系统工程与性能优化路径 观熵 GitHub开源项目实战性能优化github开源人工智能
    GitHub开源实战|Ladybird浏览器引擎项目深度解析：构建自主浏览器内核的系统工程与性能优化路径关键词Ladybird，浏览器引擎，Web渲染，开源操作系统，图形系统，HTML解析，CSS布局，自主可控内核，系统架构设计，性能调优摘要Ladybird是一个由SerenityOS项目孵化的轻量级浏览器引擎，致力于从零构建一个独立、自主实现的网页渲染与浏览器平台。该项目不依赖现有主流内核（如W
  • 大学生HTML期末大作业——HTML+CSS+JavaScript传统文化 无·糖 Web前端期末大作业html课程设计css大学生前端大作业期末作业
    HTML+CSS+JS【传统文化】网页设计期末课程大作业web前端开发技术web课程设计网页规划与设计文章目录一、网站题目二、网站描述三、网站介绍四、网站效果五、️网站代码六、️‍如何学习进步七、‍☠️更多干货文章目录一、网站题目传统文化精美设计5页含注册登录二、网站描述总结了一些学生网页制作的经验：一般的网页需要融入以下知识点：div+css布局、浮动、定位、高级css、表格、表单及验证、js轮
  • 大学生HTML期末大作业——HTML+CSS+JavaScript游戏网站（英雄联盟） 无·糖 Web前端期末大作业html课程设计css美食游戏javascript大作业
    HTML+CSS+JS【游戏网站】网页设计期末课程大作业web前端开发技术web课程设计网页规划与设计文章目录一、网站题目二、网站描述三、网站介绍四、网站效果五、️网站代码六、️‍如何学习进步七、‍☠️更多干货文章目录一、网站题目游戏网站（英雄联盟）含注册登录13页二、网站描述总结了一些学生网页制作的经验：一般的网页需要融入以下知识点：div+css布局、浮动、定位、高级css、表格、表单及验证、
  • 前端开发核心：HTML、CSS与JavaScript学习指南 Randy Rhoads
    本文还有配套的精品资源，点击获取简介：HTML、CSS和JavaScript是前端开发的基础，分别负责网页的结构、样式和动态行为。学习这三种技术需要理解它们之间的关系及其协同工作的机制。本笔记提供了一个全面的复习资料，包括标签使用、CSS布局技巧、JavaScript基础语法和DOM操作，旨在帮助巩固知识点和发现潜在的学习盲点。同时，介绍了响应式设计、Web组件、ServiceWorker等现代前
  • 小程序领域H5的CSS布局优化 小程序开发2020 CS小程序css前端ai
    小程序领域H5的CSS布局优化：从“乱屏”到“丝滑”的实战指南关键词：小程序布局优化、CSSFlex、CSSGrid、rpx适配、重排重绘优化摘要：本文从开发者最头疼的“小程序页面布局错乱”问题出发，结合小程序特有的运行环境（如rpx单位、组件限制），用“装修房子”的生活化比喻拆解CSS布局核心概念，系统讲解Flex/Grid布局的实战技巧、多端适配策略及性能优化方法。通过真实代码案例（含wxml
  • CSS-float浮动布局、float清除浮动与flex布局 努力奔跑的鱼 前端三剑客css前端
    CSS布局清除浮动额外标签法单伪元素法双伪元素法overfow法Flex布局Flex组成主轴对齐方式（水平方向对齐）侧轴对齐方式（单行垂直方向对齐）弹性盒子换行行内对齐方式（多行垂直方向对齐）弹性盒子伸缩比修改主轴方向（基本不需要改变方向）清除浮动场景：浮动元素会脱标，如果父级没有高度，子级无法撑开父级高度（可能导致页面布局错乱）解决方法：清除浮动（清除浮动带来的影响）额外标签法在父元素内容的最后
  • 基础篇12—CSS3中displex:flex弹性盒布局详解 言程序plus CSS从入门到精通css3css前端
    前言：长久以来，CSS布局中唯一可靠且跨浏览器兼容的创建工具只有float和position。这两个工具大部分情况下都很好使，但是在某些方面它们具有一定的局限性，让人难以完成任务。以下简单的布局需求是难以或不可能用这样的工具（float和position）方便且灵活的实现的：
  • 你还在写四个方向定位？试试 CSS 的 inset，简洁到爆！
    在学习CSS布局的过程中，你可能会遇到一些不太熟悉的属性。比如今天我们要讲的这个——inset。它听起来有点陌生，但其实是一个非常实用、简洁的属性，尤其适合做定位布局。这篇文章会用简单易懂的语言，带你一步步了解inset是什么、怎么用，以及它能帮我们解决哪些问题。我们还会配合代码示例，帮助你真正掌握它的使用方法。一、什么是inset？在CSS中，inset是一个简写属性，用于同时设置元素的上、右、
  • 让 CSS 布局不再头疼！10 个超实用的 CSS 一行代码技巧 瑆箫 css前端
    你是否也经常被复杂的CSS布局搞得焦头烂额？别担心！今天就来分享一些简单却超实用的CSS一行代码技巧，让你轻松搞定布局，提升效率，还能让代码更优雅。1.带背景渐变的文字想要让标题更吸引眼球吗？试试给文字添加背景渐变！实现这个效果需要一个小技巧，因为通常情况下渐变属性不能直接应用于文字。我们可以把渐变作为背景，然后剪切它，只显示文字所在的区域。酷炫的渐变文字.gradient-text {  bac
  • html布局应用综合案例,使用div+css布局网页综合案例2——心灵小站（适用于高级教学）... 只想静静地老湿敷 html布局应用综合案例
    本案例所使用的素材请联系QQ1617818397索取。若需要案例源代码，请付款30元索取！【准备站点环境】1、新建一个站点，将素材拷贝到站点中使用。新建一个网页，把网页的标题设置为“心灵小站首页”，将其保存为index.html。2、针对标签新建一个CSS样式，把边界设置为0px，字体为宋体。【制作logo栏】3、插入一个div标签，设置div的id为logo。(1)选中id为logo的div标签
  • 第九章DIV+CSS布局 Luz樣 css前端
    9.1DIV+CSS概述DIV+CSS是Web设计标准，它是一种网页的布局方法。与传统中通过表格(table)布局定位的方式不同，它可以实现网页页面内容与表现相分离。DIV组成了网页的格局，CSS则装饰了格局，比如建一栋房子，开始的架子是DIV，架子搭建好后开始装饰，这个装饰就是CSS样式。使用了DIV+CSS布局的网页，它使HTML语言变得越来越复杂化、专用化源码容易扩展，并且更加规整9.1.1
  • c语言1000的阶乘有几个零,1000的阶乘后面有多少个零？ 阿诺斯.福尔迪哥德 c语言1000的阶乘有几个零
    1000的阶乘后面有多少个零？从1乘到1000得出的结果后面有多少个零？整十的90个，贡献90个“0”整百的9个，贡献18个“0”整千的1个，贡献3个“0”其余数中是5的倍数但不是25的倍数的80个，贡献80个“5”5*1,3,7,9,11,13,17,19···其余数中是25的倍数但不是125的倍数的16个，贡献32个“5”25*1,3,7,9,11,13,17,19···其CSS布局HTML小
  • 《前端面试题：CSS的display属性》 站在风口的猪1108 前端面试题集合(CSS)csshtmlcss3html5前端
    CSSdisplay属性完全指南：深入理解布局核心属性掌握display属性是CSS布局的基石，也是前端面试必考知识点一、display属性概述：布局的核心控制display属性是CSS中最重要、最基础的属性之一，它决定了元素在页面上的渲染方式和布局行为。理解display属性是掌握CSS布局的关键所在。display属性的重要性：控制元素渲染类型：块级、行内、表格等影响元素布局行为：如何参与文档
  • 前端实现视频在线预览插件之video.js上手 private_static 前端Java攻城狮的成长之路程序猿必备技能前端vue.jshtml5
    前端实现视频播放预览1、预览效果图2、预览窗口dom3、Js代码4、引入相应的js库和css布局即可进行预览了。亲测G级视频秒播,不考虑传输和缓存。当然视频得在服务器上最近做了个新功能。说白了其实就是一个系统内的留言。当然留言内容包括视频留言、图片留言、信息留言、文档留言。对新提交的内容需要先进行预览和审核。然后针对附件内容进行下载。当然上传下载都是自己在做。后面有时间再来讲Java实现视频上传、
  • CSS篇-2 神秘敲码人 前端面试题css前端
    4.position的值分别是相对于哪个位置定位的？position属性是CSS布局中一个非常核心的概念，它允许我们精确控制元素在文档中的定位方式，从而脱离或部分脱离正常的文档流。理解position的不同值以及它们各自的定位基准，是实现复杂页面布局、弹窗、导航等效果的基础。position属性有五个主要的值：static、relative、absolute、fixed和sticky。我们来逐一分
  • php css布局技巧,CSS布局有哪些技巧 weixin_39940901 phpcss布局技巧
    CSS需要怎么布局？CSS布局的时候需要注意哪些方面？CSS布局有哪些技巧呢？今天我们就来给大家一一总结一下。如何才能有很好的CSS布局。大家都知道从平面设计人员拿来的PS(图片)给CSS重构者重构时，需要对网页美工图片进行分析，只有进行很好的分析才能有CSS布局。因此DIVCSS布局在分析中占很大部分，我们分析网页美工图片不是分析图片好看是否，而是从css布局出发分析网页的美工图片，而CSS布局
  • CSS布局技巧与视差滚动的深入探索 毛心宇 CSS布局视差滚动调试技巧单页网站测试方法
    CSS布局技巧与视差滚动的深入探索背景简介随着Web技术的不断进步，前端开发人员在页面布局上拥有了更多控制权。本章主要探讨了CSS在页面布局中的应用，包括定位、浮动以及双栏布局技术。同时，还深入讲解了视差滚动效果以及调试CSS的实用技巧，提供了丰富的资源以供学习和实践。定位元素与布局技巧页面布局是网页设计中的核心，本章首先介绍了定位元素的基本概念，如绝对定位、相对定位、固定定位等。通过不同的定位属
  • 12. CSS 布局与样式技巧 bigHead- 前端学习#html+csscss前端
    在前端开发中，CSS是控制页面样式和布局的核心技术。本文总结了CSS布局中的关键概念和实用技巧，包括overflow属性、背景图片处理、精灵图技术、display属性、浮动布局以及清除浮动的方法。一、overflow属性详解overflow属性用于控制当元素内容超出其容器时的显示方式。常见值包括：visible（默认）：内容溢出时可见。hidden：溢出部分隐藏。scroll：始终显示滚动条。au
  • get请求一个html页面,get请求代码 陈小伊 get请求一个html页面
    CSS布局HTML小编今天和大家分享示例代码？想向服务器发送带参数的数据。参数如何传递？传递的方式有以下四种：第一种：直接在URL后面加参数：localhost:21811/Handler1.ashx?id=1&name="abc"；第二种：用超链接的方法传递参数：当点击超链接的时候，首先会跳转：localhost:21811/Handler1.ashx页面。关于javaweb中get请CSS布局
  • 15.1 【基础项目】使用 HTML、CSS 和 TypeScript 构建的简单计数器应用 Raink老师 2025TypeScript学习指南htmlcsstypescript
    一个简单的计数器应用是学习如何集成HTML、CSS和TypeScript的绝佳项目。该应用允许用户对计数值进行增加、减少和重置，展示了TypeScript中基本的DOM操作和事件处理。我们将构建的内容我们将创建一个具有以下功能的计数器应用：增加计数值减少计数值（不能低于0）重置计数值为0项目预览图一个典型的计数器界面：数字居中显示，下方是三种按钮：增加、减少、重置。计数器应用–HTML和CSS布局
  • HTML静态网页作业(HTML+CSS)——外卖平台主题网页设计制作(8个页面) 爱码网页 htmlcss前端
    不定期分享源码，关注不丢失哦文章目录一、作品介绍二、作品演示1、首页2、商家列表页3、商家详情页4、商家图片页三、代码目录四、网站代码五、源码获取一、作品介绍️本套采用DIV+CSS布局，未使用Javacsript代码，共有8个页面。二、作品演示1、首页2、商家列表页3、商家详情页4、商家图片页三、代码目录四、网站代码北京[更换]你好，请登录/注册全部分类全部商家商家入驻关于我们常见问题我要登录用
  • CSS布局单位px % em rem vw vh的区别 未央区邓紫棋 csscsshtml前端
    （1）像素（px）是页面布局的基础，一个像素表示终端（电脑、手机、平板等）屏幕所能显示的最小的区域（2）百分比（%），当浏览器的宽度或者高度发生变化时，通过百分比单位可以使得浏览器中的组件的宽和高随着浏览器的变化而变化，从而实现响应式的效果。一般认为子元素的百分比相对于直接父元素（3）em和rem相对于px更具灵活性，它们都是相对长度单位，它们之间的区别：em相对于父元素，rem相对于根元素。（4
  • 《div+css 网站布局案例精粹》：实用网页设计技术深度解析 AIAlchemist
    本文还有配套的精品资源，点击获取简介：《div+css网站布局案例精粹》详细介绍了如何使用HTML的元素和CSS来构建响应式网站。本书深入探讨了的多功能性、CSS布局技术，以及响应式设计原则。读者将学习到多种布局方法，包括浮动、定位、Flexbox和Grid，以及如何应用这些技术创建适应不同设备的界面。本书还涵盖了盒模型、选择器和优先级、过渡和动画、浏览器兼容性和性能优化等关键知识点，旨在帮助网页
  • CSS 布局系统深度解析：从传统到现代的布局方案 读心悦 html5css3css前端
    CSS布局系统深度解析：从传统到现代的布局方案一、CSS布局发展概述CSS布局的演进历程反映了前端开发对页面结构控制的需求升级。早期的布局依赖HTML表格（）和浮动（float），但存在语义混乱、布局僵化等问题。随着CSS2.1到CSS3的发展，现代布局系统（如Flexbox、Grid）逐渐成为主流，它们以更高效的方式解决了传统布局的痛点。核心布局分类：传统布局：标准流（NormalFlow）、浮
  • css布局页面 aoe_z css前端
    文章目录布局1、传统布局float2、传统布局display:inline-block内联块级元素3、现代布局dislpay:flex弹性盒子1、控制弹性盒子模型内子元素的排列方向flex-direction2、设置弹性盒子内子元素是否换行flex-wrap3、设置弹性盒子内子元素的排列顺序4、flex控制弹性盒子内子元素的缩放比例5、控制弹性盒子内子元素的分布方式justify-content6
  • css3 高度最小100%,100％最小高度CSS布局 奇妙博物馆 css3高度最小100%
    我正在使用以下代码：CSS布局-100％的高度最小身高此页面的#container元素的最小高度为100％。这样，如果内容所需的高度大于视口提供的高度，则#content的高度也会强制#container变长。然后，可以使用#container上的背景图像将#content中的可能列可视化；div不是表单元格，并且您不需要(或不需要)物理元素来创建这种视觉效果。如果您尚未确信；认为抖动的线条和渐变
  • 7. HTML 表格基础 bigHead- 前端学习#html+csshtml前端
    表格是网页开发中最基础也最实用的元素之一，尽管现代前端开发中表格布局已被CSS布局方案取代，但在展示结构化数据时，表格依然发挥着不可替代的作用。本文将基于提供的代码素材，系统讲解HTML表格的核心概念与实用技巧。一、表格的基本结构一个完整的HTML表格由以下部分组成：标题1标题2数据1数据2汇总1汇总2核心元素说明：：定义表格容器(TableRow)：定义表格行(TableHeader)：定义表头
  • jQuery 跨域访问的三种方式 No 'Access-Control-Allow-Origin' header is present on the reque qiaolevip 每天进步一点点学习永无止境跨域众观千象
    XMLHttpRequest cannot load http://v.xxx.com. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:63342' is therefore not allowed access. test.html:1
  • mysql 分区查询优化 annan211 java分区优化mysql
    分区查询优化 引入分区可以给查询带来一定的优势，但同时也会引入一些bug. 分区最大的优点就是优化器可以根据分区函数来过滤掉一些分区，通过分区过滤可以让查询扫描更少的数据。 所以，对于访问分区表来说，很重要的一点是要在where 条件中带入分区，让优化器过滤掉无需访问的分区。 可以通过查看explain执行计划，是否携带 partitions
  • MYSQL存储过程中使用游标 chicony Mysql存储过程
    DELIMITER $$ DROP PROCEDURE IF EXISTS getUserInfo $$ CREATE PROCEDURE getUserInfo(in date_day datetime)-- -- 实例-- 存储过程名为：getUserInfo-- 参数为：date_day日期格式:2008-03-08--    BEGINdecla
  • mysql 和 sqlite 区别 Array_06 sqlite
    转载： http://www.cnblogs.com/ygm900/p/3460663.html mysql 和 sqlite 区别 SQLITE是单机数据库。功能简约，小型化，追求最大磁盘效率 MYSQL是完善的服务器数据库。功能全面，综合化，追求最大并发效率 MYSQL、Sybase、Oracle等这些都是试用于服务器数据量大功能多需要安装，例如网站访问量比较大的。而sq
  • pinyin4j使用 oloz pinyin4j
    首先需要pinyin4j的jar包支持；jar包已上传至附件内 方法一:把汉字转换为拼音；例如：编程转换后则为biancheng      /** * 将汉字转换为全拼 * @param src 你的需要转换的汉字 * @param isUPPERCASE 是否转换为大写的拼音； true:转换为大写；fal
  • 微博发送私信 随意而生 微博
    在前面文章中说了如和获取登陆时候所需要的cookie，现在只要拿到最后登陆所需要的cookie，然后抓包分析一下微博私信发送界面 http://weibo.com/message/history?uid=****&name=**** 可以发现其发送提交的Post请求和其中的数据， 让后用程序模拟发送POST请求中的数据，带着cookie发送到私信的接入口，就可以实现发私信的功能了。
  • jsp 香水浓 jsp
    JSP初始化     容器载入JSP文件后，它会在为请求提供任何服务前调用jspInit()方法。如果您需要执行自定义的JSP初始化任务，复写jspInit()方法就行了 JSP执行     这一阶段描述了JSP生命周期中一切与请求相关的交互行为，直到被销毁。     当JSP网页完成初始化后
  • 在 Windows 上安装 SVN Subversion 服务端 AdyZhang SVN
    在 Windows 上安装 SVN Subversion 服务端2009-09-16高宏伟哈尔滨市道里区通达街291号   最佳阅读效果请访问原地址：http://blog.donews.com/dukejoe/archive/2009/09/16/1560917.aspx   现在的Subversion已经足够稳定，而且已经进入了它的黄金时段。我们看到大量的项目都在使
  • android开发中如何使用 alertDialog从listView中删除数据？ aijuans android
    我现在使用listView展示了很多的配置信息，我现在想在点击其中一条的时候填出 alertDialog,点击确认后就删除该条数据，（ ArrayAdapter ，ArrayList，listView 全部删除），我知道在 下面的onItemLongClick 方法中 参数 arg2  是选中的序号，但是我不知道如何继续处理下去 1 2 3
  • jdk-6u26-linux-x64.bin 安装 baalwolf linux
    1.上传安装文件(jdk-6u26-linux-x64.bin) 2.修改权限 [root@localhost ~]# ls -l /usr/local/jdk-6u26-linux-x64.bin 3.执行安装文件 [root@localhost ~]# cd /usr/local [root@localhost local]# ./jdk-6u26-linux-x64.bin&nbs
  • MongoDB经典面试题集锦 BigBird2012 mongodb
    1.什么是NoSQL数据库？NoSQL和RDBMS有什么区别？在哪些情况下使用和不使用NoSQL数据库？ NoSQL是非关系型数据库，NoSQL = Not Only SQL。 关系型数据库采用的结构化的数据，NoSQL采用的是键值对的方式存储数据。 在处理非结构化/半结构化的大数据时；在水平方向上进行扩展时；随时应对动态增加的数据项时可以优先考虑使用NoSQL数据库。 在考虑数据库的成熟
  • JavaScript异步编程Promise模式的6个特性 bijian1013 JavaScriptPromise
            Promise是一个非常有价值的构造器，能够帮助你避免使用镶套匿名方法，而使用更具有可读性的方式组装异步代码。这里我们将介绍6个最简单的特性。         在我们开始正式介绍之前，我们想看看Javascript Promise的样子： var p = new Promise(function(r
  • [Zookeeper学习笔记之八]Zookeeper源代码分析之Zookeeper.ZKWatchManager bit1129 zookeeper
    ClientWatchManager接口 //接口的唯一方法materialize用于确定那些Watcher需要被通知 //确定Watcher需要三方面的因素1.事件状态 2.事件类型 3.znode的path public interface ClientWatchManager { /** * Return a set of watchers that should
  • 【Scala十五】Scala核心九：隐式转换之二 bit1129 scala
    隐式转换存在的必要性，   在Java Swing中，按钮点击事件的处理，转换为Scala的的写法如下：   val button = new JButton button.addActionListener( new ActionListener { def actionPerformed(event: ActionEvent) {
  • Android JSON数据的解析与封装小Demo ronin47
    转自：http://www.open-open.com/lib/view/open1420529336406.html package com.example.jsondemo; import org.json.JSONArray; import org.json.JSONException; import org.json.JSONObject;    impor
  • [设计]字体创意设计方法谈 brotherlamp UIui自学ui视频ui教程ui资料
      从古至今，文字在我们的生活中是必不可少的事物，我们不能想象没有文字的世界将会是怎样。在平面设计中，UI设计师在文字上所花的心思和功夫最多，因为文字能直观地表达UI设计师所的意念。在文字上的创造设计，直接反映出平面作品的主题。 如设计一幅戴尔笔记本电脑的广告海报，假设海报上没有出现“戴尔”两个文字，即使放上所有戴尔笔记本电脑的图片都不能让人们得知这些电脑是什么品牌。只要写上“戴尔笔
  • 单调队列-用一个长度为k的窗在整数数列上移动，求窗里面所包含的数的最大值 bylijinnan java算法面试题
    import java.util.LinkedList; /* 单调队列 滑动窗口 单调队列是这样的一个队列：队列里面的元素是有序的，是递增或者递减 题目：给定一个长度为N的整数数列a(i),i=0,1,...,N-1和窗长度k. 要求：f(i) = max{a(i-k+1),a(i-k+2),..., a(i)},i = 0,1,...,N-1 问题的另一种描述就
  • struts2处理一个form多个submit chiangfai struts2
    web应用中，为完成不同工作，一个jsp的form标签可能有多个submit。如下代码： <s:form action="submit" method="post" namespace="/my"> <s:textfield name="msg" label="叙述：">
  • shell查找上个月，陷阱及野路子 chenchao051 shell
    date -d "-1 month" +%F     以上这段代码，假如在2012/10/31执行，结果并不会出现你预计的9月份，而是会出现八月份，原因是10月份有31天，9月份30天，所以-1 month在10月份看来要减去31天，所以直接到了8月31日这天，这不靠谱。     野路子解决：假设当天日期大于15号
  • mysql导出数据中文乱码问题 daizj mysql中文乱码导数据
    解决mysql导入导出数据乱码问题方法： １、进入mysql，通过如下命令查看数据库编码方式： mysql>  show variables like 'character_set_%'; +--------------------------+----------------------------------------+ | Variable_name&nbs
  • SAE部署Smarty出现：Uncaught exception 'SmartyException' with message 'unable to write dcj3sjt126com PHPsmartysae
      对于SAE出现的问题：Uncaught exception 'SmartyException' with message 'unable to write file...。 官方给出了详细的FAQ：http://sae.sina.com.cn/?m=faqs&catId=11#show_213 解决方案为：   01 $path 
  • 《教父》系列台词 dcj3sjt126com
    Your love is also your weak point. 你的所爱同时也是你的弱点。   If anything in this life is certain, if history has taught us anything, it is that you can kill anyone.   不顾家的人永远不可能成为一个真正的男人。 &
  • mongodb安装与使用 dyy_gusi mongo
    一.MongoDB安装和启动,widndows和linux基本相同 1.下载数据库,     linux:mongodb-linux-x86_64-ubuntu1404-3.0.3.tgz 2.解压文件,并且放置到合适的位置     tar -vxf mongodb-linux-x86_64-ubun
  • Git排除目录 geeksun git
    在Git的版本控制中，可能有些文件是不需要加入控制的，那我们在提交代码时就需要忽略这些文件，下面讲讲应该怎么给Git配置一些忽略规则。   有三种方法可以忽略掉这些文件，这三种方法都能达到目的，只不过适用情景不一样。 1.  针对单一工程排除文件 这种方式会让这个工程的所有修改者在克隆代码的同时，也能克隆到过滤规则，而不用自己再写一份，这就能保证所有修改者应用的都是同一
  • Ubuntu 创建开机自启动脚本的方法 hongtoushizi ubuntu
    转载自： http://rongjih.blog.163.com/blog/static/33574461201111504843245/ Ubuntu 创建开机自启动脚本的步骤如下： 1) 将你的启动脚本复制到 /etc/init.d目录下 以下假设你的脚本文件名为 test。   2) 设置脚本文件的权限 $ sudo chmod 755
  • 第八章 流量复制/AB测试/协程 jinnianshilongnian nginxluacoroutine
    流量复制 在实际开发中经常涉及到项目的升级，而该升级不能简单的上线就完事了，需要验证该升级是否兼容老的上线，因此可能需要并行运行两个项目一段时间进行数据比对和校验，待没问题后再进行上线。这其实就需要进行流量复制，把流量复制到其他服务器上，一种方式是使用如tcpcopy引流；另外我们还可以使用nginx的HttpLuaModule模块中的ngx.location.capture_multi进行并发
  • 电商系统商品表设计 lkl
    DROP TABLE IF EXISTS `category`; -- 类目表 /*!40101 SET @saved_cs_client = @@character_set_client */; /*!40101 SET character_set_client = utf8 */; CREATE TABLE `category` ( `id` int(11) NOT NUL
  • 修改phpMyAdmin导入SQL文件的大小限制 pda158 sqlmysql
    　用phpMyAdmin导入mysql数据库时，我的10M的 数据库不能导入，提示mysql数据库最大只能导入2M。 　　 phpMyAdmin数据库导入出错： 　　You probably tried to upload too large file. Please refer to documentation for ways to workaround this limit.
  • Tomcat性能调优方案 Sobfist apachejvmtomcat应用服务器
    一、操作系统调优 对于操作系统优化来说，是尽可能的增大可使用的内存容量、提高CPU的频率，保证文件系统的读写速率等。经过压力测试验证，在并发连接很多的情况下，CPU的处理能力越强，系统运行速度越快。。 【适用场景】 任何项目。 二、Java虚拟机调优 应该选择SUN的JVM，在满足项目需要的前提下，尽量选用版本较高的JVM，一般来说高版本产品在速度和效率上比低版本会有改进。 J
  • SQLServer学习笔记 vipbooks 数据结构xml
    1、create database school 创建数据库school 2、drop database school 删除数据库school 3、use school 连接到school数据库，使其成为当前数据库 4、create table class(classID int primary key identity not null) 创建一个名为class的表，其有一
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他