Pal_zhou
Pal_zhou

常见css水平自适应布局

  • 左右布局，左边固定，右边自适应布局
  1. BFC方法解决 
    <!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>
    <title>div + css宽度自适应（液态布局）</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <style type="text/css">
        /*左边栏，设定宽度*/
      body,#wrap{
        width: 100%;
        border: 1px yellow;
        }
        .wrap_l
        {
            float: left;
            height: 150px;
            width: 150px;
            border: 1px solid #333;
        }
        /*中间栏，宽度auto,*/
        .wrap_m
        {
            overflow: hidden;
            border: 1px solid #000;
            background: red;
        }
        </style>
</head>
<body>
    <div id="wrap">
         <div class="wrap_l">
            这是左边部分<br />
            这是左边部分<br />
            这是左边部分
        </div>
        <div class="wrap_m">
            这是中间部分
        </div>
    </div>
</body>

</html>

    原理：给左侧添加

    overflow: hidden;将div改变成BFC模型,display:block;标签的dom的宽度是自适应占满全部的
  2. 用position:absolute;处理 
    <!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>
    <title>div + css宽度自适应（液态布局）</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <style type="text/css">
        /*左边栏，设定宽度*/
      body,#wrap{
        width: 100%;
        margin: 0px;
        border: 1px yellow;
        }
        .wrap_l
        {
            float: left;
            height: 150px;
            width: 150px;
            border: 1px solid #333;
        }
        /*中间栏，宽度auto,*/
        .wrap_m
        {
            position:absolute;
            left:152px;
            right: 0px;
            border: 1px solid #000;
            background: red;
        }
        </style>
</head>
<body>
    <div id="wrap">
         <div class="wrap_l">
            这是左边部分<br />
            这是左边部分<br />
            这是左边部分
        </div>
        <div class="wrap_m">
            这是中间部分
        </div>
    </div>
</body>

</html>

　　一般以父元素未计算元素，父元素一般有一定的宽度，绝对布局是相对父dom元素的，如果相对父dom元素无效，可以将父dom元素的postion：relative相对出来

这个写法兼容ie6以上的版本

  1. 用table布局

    <!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>
    <title>div + css宽度自适应（液态布局）</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <style type="text/css">
        /*左边栏，设定宽度*/
      html,body{
         width: 100%;
         height: 100%
      }
        </style>
</head>
<body>
    <table style="width:100%;height:100%;background:red">
        <tr>
            <td style="background:yellow;width:100px">我是左边</td><td style="background:blue">我是右边</td>
        </tr>
    </table>
</body>

</html>

　　table的布局的其实实现原理也部分设置到BFC的特性

  1. display:table 仿table布局 
    <!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>
    <title>div + css宽度自适应（液态布局）</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <style type="text/css">
        /*左边栏，设定宽度*/
      html,body{
         width: 100%;
         height: 100%
      }
      #wrap{
        width: 100%;
        height: 50%;
        display: table;
        }
        .wrap_l
        {
            height: 150px;
            width: 150px;
            display: table-cell;
            border: 1px solid #333;
        }
        /*中间栏，宽度auto,*/
        .wrap_m
        {
            display: table-cell;
            border: 1px solid #000;
            background: red;
        }
        </style>
</head>
<body>
    <div id="wrap">
         <div class="wrap_l">
            这是左边部分<br />
            这是左边部分<br />
            这是左边部分
        </div>
        <div class="wrap_m">
            这是中间部分
        </div>
</div>
    <table style="width:100%;height:50%;background:red">
        <tr>
            <td style="background:yellow;width:100px">我是左边</td><td style="background:blue">我是右边</td>
        </tr>
    </table>
</body>
</html>
  2. css3解决方案，主要利用弹性盒模型 
    <!DOCTYPE html>
<html >
<head>
    <title>div + css宽度自适应（液态布局）</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <style type="text/css">
        /*左边栏，设定宽度*/
      html,body{
         width: 100%;
         height: 100%
      }
      #wrap{
            display: flex;
            width: 100%;
        }
        .wrap_l
        {
            height: 150px;
            width: 150px;
           background: yellow;
        }
        /*中间栏，宽度auto,*/
        .wrap_m
        {
          flex:1;
          background: blue;
        }
        </style>
</head>
<body>
    <div id="wrap">
         <div class="wrap_l">
            这是左边部分<br />
            这是左边部分<br />
            这是左边部分
        </div>
        <div class="wrap_m">
            这是中间部分
        </div>
</div>
</body>
</html>

　　css3给我们提供的很多css2中很多很繁琐的问题，在css3为我们提供了弹性盒模型，之前的css3标签是display:box之后版本为flex，

　　它的特性就是：在子区域内添加任意数量的元素水平和竖直排序，子元素可以设置标签flex：1 控制所占的百分比，水平标签一般设置flex-direction：column 这种写法兼容最新版，老版本的是box-orient：horizontal

 

 

  1. 常见css水平自适应布局_第1张图片

你可能感兴趣的:(常见css水平自适应布局)

  • web前端常见的面试题总结 2401_84436095 程序员前端
    script.src=url+‘?’+data+‘callback=’+funcNamedocument.body.appendChild(script);//这里得到请求的数据，在回调函数中执行处理window[funcName]=function(data){callback(data)}}//使用jsonp(‘http:127.0.0.1:3000/api’,{},function(res)
  • 小白WEB前端学习（五） Sun ᥫᩣ涵 WEB前端前端学习
    续：小白WEB前端学习（四）继续正式学习CSS（三）6.float布局！主要用于左右做图片，右文字的题目标准流标准流也叫文档流，指的是标签在页面中默认的排布规则，使⼀个元素脱离标准文档流有三种方式1.浮动2.绝对定位3.固定定位例如:块元素独占一行，行内元素可以一行显示多个。浮动作用：让块元素水平排列属性名：float属性值：left和right浮动后会脱离标准流，等于开了一个新的页面，内容在的话
  • 数据传输中遇到问题要怎么解决 sanx18 网络数据库
    在数据传输过程中遇到问题时，可以采取以下几种解决方案：1.**使用可靠的传输协议**：选择稳定性和可靠性高的传输协议，如HTTPS、SFTP、FTPS等，它们提供了加密和安全的数据传输机制。2.**创建冗余备份**：在不同的存储设备中保存数据的多个副本，即使在传输过程中发生故障或错误，也可以从备份中恢复数据。云存储服务和网络存储设备是实现冗余备份的常见选择。3.**数据压缩和加密**：通过压缩减少
  • Kafka系列5-Kafka 常见面试题 只是甲 大数据和数据仓库#KafkaKafka面试题Kafka分区Kafka性能
    文章目录一.常见面试题1.1Kafka中的ISR(InSyncRepli)、OSR(OutSyncRepli)、AR(AllRepli)代表什么？1.2Kafka中的HW、LEO等分别代表什么？1.3Kafka中是怎么体现消息顺序性的？1.4Kafka中的分区器、序列化器、拦截器是否了解？它们之间的处理顺序是什么？1.5Kafka生产者客户端的整体结构是什么样子的？使用了几个线程来处理？分别是什么
  • UniCloud 完整入门指南 九情丶 uni-app前端
    UniCloud完整入门指南目录什么是UniCloud为什么选择UniCloud快速开始基础概念核心功能最佳实践常见问题高级功能详解开发工具部署和运维最新特性和更新什么是UniCloudUniCloud是DCloud推出的基于serverless模式和js编程的云开发平台。它让不会后端的前端工程师可以快速完成整栈开发，让开发者专注于业务实现，而无需关心服务器运维等繁琐事务。主要特点基于server
  • Node.js 安装配置完全指南 九情丶 node.jsnpm
    Node.js安装配置完全指南-从入门到进阶概述本文将详细介绍如何在不同操作系统上安装和配置Node.js环境，包括基础安装、环境变量配置、版本管理等进阶内容，适合新手入门和老手参考。目录基础知识Windows安装指南macOS安装指南Linux安装指南环境变量配置版本管理工具常见问题解决进阶技巧基础知识Node.js版本说明LTS版本：长期支持版，建议生产环境使用Current版本：最新特性版，
  • 【Python】深入探讨Python中的单例模式：元类与装饰器实现方式分析与代码示例 蒙娜丽宁 Python杂谈python单例模式开发语言
    《PythonOpenCV从菜鸟到高手》带你进入图像处理与计算机视觉的大门！解锁Python编程的无限可能：《奇妙的Python》带你漫游代码世界单例模式（SingletonPattern）是一种常见的设计模式，它确保一个类只有一个实例，并提供一个全局访问点。在Python中，实现单例模式的方式多种多样，包括基于装饰器、元类和模块级别的单例实现。本文将详细探讨这些实现方式，并通过大量代码示例进行演
  • 微信 PC 版 4.0：新架构，新升级 创意锦囊 微信架构
    探索微信PC版4.0：新架构带来的革命性升级微信在2023年底推出了PC客户端4.0测试版，引入了全新的QT+C++原生跨平台架构。这次架构重构标志着微信在桌面端从传统的WebView技术迈向更现代化、高性能的原生技术基础，带来了显著的功能升级和用户体验优化。从旧到新：架构大变革旧架构：WebView+JavaScript微信旧版PC客户端主要依赖WebView技术，通过HTML、CSS和Java
  • Python的Tkinter模块 Cc_zhH GUI开发python
    大纲Tkinte组件在Python的Tkinter模块中，有许多组件可用于构建图形用户界面。下面是一些常用的Tkinter组件，并将它们以表格形式展示，同时提供简要的说明。组件名称描述用途Tk主窗口类，用于创建应用程序的主窗口。创建应用程序的主界面。Frame容器组件，用于组织其他组件。组织界面布局，将相关组件组合在一起。Button按钮组件，用于触发事件。创建用户交互的按钮。Label标签组件，
  • 商品详情页面html,div+css+JQuery仿京东商品详情界面 L相好 商品详情页面html
    【实例简介】div+css+JQuery仿京东商品详情界面【实例截图】【核心代码】京东商品详情界面├──__MACOSX│└──浜笢鍟嗗搧璇︽儏鐣岄潰│├──css│├──images││├──images││└──products│└──js└──浜笢鍟嗗搧璇︽儏鐣岄潰├──css│├──common_07.css│├──product.css│├──product_left.css│├──
  • iOS 网络请求： Alamofire 结合 ObjectMapper 实现自动解析 胖虎1 开发经验分享iosAlamofireObjectMapper网络请求自动解析数据自动解析模型
    引言在iOS开发中，网络请求是常见且致其重要的功能之一。从获取资料到上传数据，出色的网络请求框架能夠大大提升开发效率。Alamofire是一个极具人气的Swift网络请求框架，提供了便据的API以完成网络请求和响应处理。它支持多种请求类型，如GET和POST，并且给予您便据的带容处理过滤器和返回数据解析的功能。ObjectMapper是一个强大的Swift数据映射工具，使用其提供的Mappable
  • 服务化架构 IM 系统之红包功能设计与实现 棕生 IM系统服务化架构IM系统服务化架构红包逻辑发红包抢红包拆红包
    在IM系统中，“红包”是一种很常见的应用。在前面的文章（见《基于需求分析模型来结构化剖析IM系统》）中，我们曾分析过，“红包”属于扩展功能需求，“消息”属于基础功能需求，红包功能的实现需要基于消息功能的实现。在文章（见《分层架构IM系统之消息收发功能设计与实现》）中，我们深入分析过消息的收发流程；在IM的服务化架构中，消息收发逻辑与在分层架构中类似，见下图，我们快速回顾一下。图中箭头表示数据流向。
  • day 21 qq_50996930 C++学习专栏c++stl
    C++11新特性智能指针右值引用和move语句auto关键字（根据初始化的值自动推导类型）lambda表达式for的范围遍历类和结构体中初始化列表nullptr代替null统一的初始化方式…智能指针：智能指针利用RAII思想将指针进行封装，使其在构造时分配内存，析构时释放内存，将动态分配的内存交给类对象管理，防止堆内存泄漏。常见的三种智能指针分别是unique_ptr，shared_ptr，wea
  • 实现音乐播放器实现:前端HTML，CSS，JavaScript综合大项目（java实战） 用心去追梦 前端htmlcss
    创建一个音乐播放器项目，使用HTML、CSS和JavaScript作为前端技术栈，并结合Java后端（如果需要），可以是一个很好的实战项目。这个项目不仅能够帮助你掌握前端开发技能，还能让你了解如何与后端交互来获取数据。下面是实现这样一个音乐播放器项目的步骤指南，包括了从规划到部署的各个方面。1.项目规划规划功能基本功能播放/暂停按钮。音量控制。进度条。歌曲列表显示。高级功能随机播放。列表循环。搜索
  • 【人工智能 | 大数据】基于人工智能的大数据分析方法 用心去追梦 人工智能大数据数据分析
    基于人工智能（AI）的大数据分析方法是指利用机器学习、深度学习和其他AI技术来分析和处理大规模数据集。这些方法能够自动识别模式、提取有用信息，并做出预测或决策，从而帮助企业和组织更好地理解市场趋势、客户行为以及其他关键因素。以下是几种主要的基于AI的大数据分析方法：机器学习模型：通过训练算法让计算机从历史数据中学习并做出预测或分类。常见的机器学习技术包括监督学习（如回归分析、支持向量机）、非监督学
  • Vue3轮播图的实现：vue3-carousel的使用和配置 闲人陈二狗 html5vue.js
    目录一、安装vue3-carousel二、引入三、轮播全局样式修改一、安装vue3-carousel官方文档：Gettingstarted|Vue3-carouselnpminstallvue3-carousel二、引入在Vue3项目中添加，这是一个简单的轮播demo：//IfyouareusingPurgeCSS,makesuretowhitelistthecarouselCSSclassesi
  • 当父级元素设置了flex 布局 ，两个子元素都设置了flex :1, 但是当子元素放不下的时候会溢出父元素怎么解决 （css 样式问题） IT 牛马 css前端
    一、问题遇到个样式问题，当父级元素设置了flex布局，两个子元素都设置了flex:1,但是当子元素放不下的时候会溢出父元素怎么解决（拖拽浏览器使页面变小）二、解决方法.father{min-height:600px;width:100%;display:flex;gap:12px;&-left{flex:1;min-width:0;//关键代码设置最小宽度和最大宽度可以防止子元素溢出max-wid
  • 有趣的css - 圆形渐变光晕动效 设计师工作日常 有趣的csscss前端动效设计ux/ui交互设计加载动画
    大家好，我是Just，这里是「设计师工作日常」，今天分享的是一个科技感的加载动画效果，适用于科技感网站加载页面。《有趣的css》系列最新实例通过公众号「设计师工作日常」发布。目录整体效果核心代码html代码css部分代码完整代码如下html页面css样式页面渲染效果整体效果知识点：1️⃣background-image过渡属性2️⃣animation动画属性3️⃣box-shadow阴影属性4️⃣
  • MySQL有哪些高可用方案? java1234_小锋 mysqlmysql数据库
    大家好，我是锋哥。今天分享关于【RMySQL有哪些高可用方案?】面试题。希望对大家有帮助；MySQL有哪些高可用方案?1000道互联网大厂Java工程师精选面试题-Java资源分享网MySQL的高可用方案可以帮助确保数据库在发生故障时仍能持续提供服务，避免单点故障带来的影响。以下是一些常见的MySQL高可用方案：1.主从复制（Master-SlaveReplication）概述：主从复制是最常见的
  • 【第二天】零基础入门刷题Python-算法篇-数据结构与算法的介绍-五种常见的排序算法（持续更新） Long_poem 排序算法算法python
    提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、Python数据结构与算法的详细介绍1.Python中的常用的排序算法1.排序算法的介绍2.五种详细的排序算法代码总结前言提示：这里可以添加本文要记录的大概内容：第一天Python数据结构与算法的详细介绍第二天五种常见的排序算法提示：以下是本篇文章正文内容，下面案例可供参考一、Python数据结构与算法的详细介绍1.P
  • 【CSS】渐变光晕 Y_coder CSScssjavascript前端
    dom元素css样式#box{height:300px;width:300px;background-image:-webkit-gradient(radial,50%50%,0,50%50%,127,color-stop(0%,#CE1A1A),color-stop(100%,#ffffff));background-image:-webkit-radial-gradient(centercen
  • [2025分类&时序异常检测指标R-AUC与VUS] 沉木渡香 机器学习随笔分类数据挖掘时序异常检测VUSR-AUC
    梳理了一下分类中常见的指标，这些指标与时序异常检测中新提出的A-RUC与VUS之间的关系真正例(TruePositive,TP):被正确识别为正样本的数量。真负例(TrueNegative,TN):被正确识别为负样本的数量。假正例(FalsePositive,FP):被错误识为正样本数量假负例(FalseNegative,FN):被错误识别为负样本数量精确度(Precision,Pr):关注所有识
  • 安装 Kong Gateway 及其基本配置指南 张声录1 kongkonggateway
    KongGateway是一款轻量级、快速且灵活的云原生API网关，它位于您的服务应用程序前，动态控制、分析和路由请求与响应。KongGateway通过插件化、低代码的方式实现API流量的管理策略。本篇文章将带领您通过一系列简单步骤，安装并配置KongGateway，以便快速上手并进行常见的API管理任务。1.安装KongGatewayKongGateway是一款高效的API网关，它在前端充当路由器
  • 【YashanDB知识库】锁冲突检查 数据库
    本文内容来自YashanDB官网，原文内容请见https://www.yashandb.com/newsinfo/7253740.html?templateId=171...应用并发操作时，可能发生锁冲突。常见的有行锁冲突、表锁冲突，比如更新同一条记录会出现行锁等待。可以使用下面语句检查当前数据库是否正在发生锁冲突，如果有的话，可以列出哪些应用在申请锁、申请什么样的锁，以及申请的锁被哪些应用持有。
  • Java SE高频面试题 _fengling java面试题java
    JavaSE面试题编程题：写一个Singleton(单例模式)示例要点几种常见的形式如下代码的运行结果运行步骤小结类初始化和实例初始化等1.类初始化过程2.实例初始化过程3.方法的重写此代码的执行结果方法的参数传递机制考点图解结果递归与迭代成员变量和局部变量考点局部变量与成员变量的区别当局部变量与xx变量重名时，如何区分结果编程题：写一个Singleton(单例模式)示例Singleton：在Ja
  • 利用Redis实现付款倒计时 写完bug就找女朋友 javaWeb项目笔记工作笔记/后端Redisredis订单倒计时倒计时付款
    一、前言文本源自微博客且已获授权,请尊重知识产权。公司项目最近在做一个交易系统，需要实现用户下订单以后一定时间内,不付款自动取消该订单，这种功能也是涉及到交易的系统很常见的需求，那么应该如何实现呢？二、思路为了实现上述需求，我们可以使用Redis的订阅功能，在用户创建订单的时候，保存订单信息、设置过期时间，并且订阅该缓存信息；在这段过期时间期间内，如果用户付款，那么就删除该缓存信息，否则等到缓存过
  • Web前端学习重点笔记 HeHolly 前端学习笔记
    第一章：Web前端开发技术综述第二章：HTML基础第三章：格式化文本与段落标记：标题字标记：大——小字体标记：水平线标记：段落缩进标记：默认5个字符位置拼音标记：何(he)原样显示标记：特殊符号：显示结果说明符号代码空格 >大于号>加粗倾斜删除线下划线上标下标加粗倾斜变小字号变大字号第四章：列表有序列表……type="1(默认)|A|a|i|I"无序列表……type="disc(默
  • 为什么Google ads不显示？如何解决？ 菠萝派爱跨境 网络大数据物联网服务器ip
    “Youradisnotshowing”是所有Googleads广告主和营销人员都不想看到的提示，毕竟广告无法展示会带来的负面影响不止一星半点。为什么会出现Googleads不显示的问题？本文集合了一些常见原因和解决方法。一、Googleads不显示的常见原因1.Googleads账号被审核官方之前表示过平台会定期审核账户和账单信息，而在审核流程中的广告账户是无法正常投放广告的。2.地理位置不准或
  • 分享C++程序员面试八股文(二) 柏柏柏衬 c++面试数据结构后端算法
    以下是一些C++常见的八股文问题及回答：说一下static关键字的作用全局静态变量：在全局变量前加上static，它将存放在静态存储区，在整个程序运行期间一直存在。未经初始化的全局静态变量会被自动初始化为0，其作用域是从定义之处开始到文件结尾，在声明它的文件之外不可见。局部静态变量：位于局部变量之前的static使其成为局部静态变量，同样存放在静态存储区。未经初始化的局部静态变量也会被自动初始化为
  • Java中Queue集合的面试试题及答案解析 HappyAcmen java面试题相关总结java面试开发语言后端
    Java集合类是Java编程中非常重要的一部分，主要用于存储和管理对象。以下是一些常见的Java集合类及其简要介绍：List接口ArrayList：基于动态数组实现，支持随机访问元素，适合频繁的索引操作，但插入和删除元素时可能需要移动大量元素，效率相对较低。LinkedList：基于双向链表实现，插入和删除元素的效率高，但随机访问元素的速度较慢。Vector：线程安全的ArrayList，但在多线
  • 基本数据类型和引用类型的初始值 3213213333332132 java基础
    package com.array; /** * @Description 测试初始值 * @author FuJianyong * 2015-1-22上午10:31:53 */ public class ArrayTest { ArrayTest at; String str; byte bt; short s; int i; long
  • 摘抄笔记--《编写高质量代码：改善Java程序的151个建议》 白糖_ 高质量代码
            记得3年前刚到公司，同桌同事见我无事可做就借我看《编写高质量代码：改善Java程序的151个建议》这本书，当时看了几页没上心就没研究了。到上个月在公司偶然看到，于是乎又找来看看，我的天，真是非常多的干货，对于我这种静不下心的人真是帮助莫大呀。           看完整本书，也记了不少笔记
  • 【备忘】Django 常用命令及最佳实践 dongwei_6688 django
    注意：本文基于 Django 1.8.2 版本   生成数据库迁移脚本（python 脚本） python manage.py makemigrations polls  说明：polls 是你的应用名字，运行该命令时需要根据你的应用名字进行调整   查看该次迁移需要执行的 SQL 语句（只查看语句，并不应用到数据库上）： python manage.p
  • 阶乘算法之一N! 末尾有多少个零 周凡杨 java算法阶乘面试效率
                                     &n
  • spring注入servlet g21121 Spring注入
    传统的配置方法是无法将bean或属性直接注入到servlet中的，配置代理servlet亦比较麻烦，这里其实有比较简单的方法，其实就是在servlet的init()方法中加入要注入的内容： ServletContext application = getServletContext(); WebApplicationContext wac = WebApplicationContextUtil
  • Jenkins 命令行操作说明文档 510888780 centos
    假设Jenkins的URL为http://22.11.140.38:9080/jenkins/ 基本的格式为 java 基本的格式为 java -jar jenkins-cli.jar [-s JENKINS_URL] command [options][args] 下面具体介绍各个命令的作用及基本使用方法 1. &nb
  • UnicodeBlock检测中文用法 布衣凌宇 UnicodeBlock
    /**  * 判断输入的是汉字  */ public static boolean isChinese(char c) {        Character.UnicodeBlock ub = Character.UnicodeBlock.of(c);    
  • java下实现调用oracle的存储过程和函数 aijuans javaorale
    1.创建表：STOCK_PRICES     2.插入测试数据：     3.建立一个返回游标：  PKG_PUB_UTILS   4.创建和存储过程：P_GET_PRICE     5.创建函数：   6.JAVA调用存储过程返回结果集 JDBCoracle10G_INVO
  • Velocity Toolbox antlove 模板toolboxvelocity
    velocity.VelocityUtil package velocity; import org.apache.velocity.Template; import org.apache.velocity.app.Velocity; import org.apache.velocity.app.VelocityEngine; import org.apache.velocity.c
  • JAVA正则表达式匹配基础 百合不是茶 java正则表达式的匹配
      正则表达式;提高程序的性能,简化代码,提高代码的可读性,简化对字符串的操作   正则表达式的用途; 字符串的匹配 字符串的分割 字符串的查找 字符串的替换       正则表达式的验证语法     [a] //[]表示这个字符只出现一次 ,[a] 表示a只出现一
  • 是否使用EL表达式的配置 bijian1013 jspweb.xmlELEasyTemplate
            今天在开发过程中发现一个细节问题，由于前端采用EasyTemplate模板方法实现数据展示，但老是不能正常显示出来。后来发现竟是EL将我的EasyTemplate的${...}解释执行了，导致我的模板不能正常展示后台数据。         网
  • 精通Oracle10编程SQL(1-3)PLSQL基础 bijian1013 oracle数据库plsql
    --只包含执行部分的PL/SQL块 --set serveroutput off begin dbms_output.put_line('Hello,everyone!'); end; select * from emp; --包含定义部分和执行部分的PL/SQL块 declare v_ename varchar2(5); begin select
  • 【Nginx三】Nginx作为反向代理服务器 bit1129 nginx
    Nginx一个常用的功能是作为代理服务器。代理服务器通常完成如下的功能：   接受客户端请求 将请求转发给被代理的服务器 从被代理的服务器获得响应结果 把响应结果返回给客户端 实例 本文把Nginx配置成一个简单的代理服务器 对于静态的html和图片，直接从Nginx获取 对于动态的页面，例如JSP或者Servlet，Nginx则将请求转发给Res
  • Plugin execution not covered by lifecycle configuration: org.apache.maven.plugin blackproof maven报错
    转：http://stackoverflow.com/questions/6352208/how-to-solve-plugin-execution-not-covered-by-lifecycle-configuration-for-sprin   maven报错： Plugin execution not covered by lifecycle configuration:
  • 发布docker程序到marathon ronin47 docker 发布应用
    1 发布docker程序到marathon 1.1 搭建私有docker registry 1.1.1 安装docker regisry docker pull docker-registry docker run -t -p 5000:5000 docker-registry 下载docker镜像并发布到私有registry docker pull consol/tomcat-8.0
  • java-57-用两个栈实现队列&&用两个队列实现一个栈 bylijinnan java
    import java.util.ArrayList; import java.util.List; import java.util.Stack; /* * Q 57 用两个栈实现队列 */ public class QueueImplementByTwoStacks { private Stack<Integer> stack1; pr
  • Nginx配置性能优化 cfyme nginx
    转载地址：http://blog.csdn.net/xifeijian/article/details/20956605   大多数的Nginx安装指南告诉你如下基础知识——通过apt-get安装，修改这里或那里的几行配置，好了，你已经有了一个Web服务器了。而且，在大多数情况下，一个常规安装的nginx对你的网站来说已经能很好地工作了。然而，如果你真的想挤压出Nginx的性能，你必
  • [JAVA图形图像]JAVA体系需要稳扎稳打,逐步推进图像图形处理技术 comsci java
         对图形图像进行精确处理，需要大量的数学工具，即使是从底层硬件模拟层开始设计，也离不开大量的数学工具包，因为我认为，JAVA语言体系在图形图像处理模块上面的研发工作，需要从开发一些基础的，类似实时数学函数构造器和解析器的软件包入手，而不是急于利用第三方代码工具来实现一个不严格的图形图像处理软件......   &nb
  • MonkeyRunner的使用 dai_lm androidMonkeyRunner
    要使用MonkeyRunner，就要学习使用Python，哎 先抄一段官方doc里的代码 作用是启动一个程序（应该是启动程序默认的Activity），然后按MENU键，并截屏 # Imports the monkeyrunner modules used by this program from com.android.monkeyrunner import MonkeyRun
  • Hadoop-- 海量文件的分布式计算处理方案 datamachine mapreducehadoop分布式计算
    csdn的一个关于hadoop的分布式处理方案，存档。 原帖：http://blog.csdn.net/calvinxiu/article/details/1506112。     Hadoop 是Google MapReduce的一个Java实现。MapReduce是一种简化的分布式编程模式，让程序自动分布到一个由普通机器组成的超大集群上并发执行。就如同ja
  • 以資料庫驗證登入 dcj3sjt126com yii
    以資料庫驗證登入 由於 Yii 內定的原始框架程式, 採用綁定在UserIdentity.php 的 demo 與 admin 帳號密碼:    public function authenticate()    {        $users=array( &nbs
  • github做webhooks：[2]php版本自动触发更新 dcj3sjt126com githubgitwebhooks
    上次已经说过了如何在github控制面板做查看url的返回信息了。这次就到了直接贴钩子代码的时候了。 工具/原料 git github 方法/步骤   在github的setting里面的webhooks里把我们的url地址填进去。   钩子更新的代码如下： error_reportin
  • Eos开发常用表达式 蕃薯耀 Eos开发Eos入门Eos开发常用表达式
    Eos开发常用表达式 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 2014年8月18日 15:03:35 星期一     &
  • SpringSecurity3.X--SpEL 表达式 hanqunfeng SpringSecurity
    使用 Spring 表达式语言配置访问控制，要实现这一功能的直接方式是在<http>配置元素上添加 use-expressions 属性：   <http auto-config="true" use-expressions="true"> 这样就会在投票器中自动增加一个投票器：org.springframework
  • Redis vs Memcache IXHONG redis
    1. Redis中，并不是所有的数据都一直存储在内存中的，这是和Memcached相比一个最大的区别。 2. Redis不仅仅支持简单的k/v类型的数据，同时还提供list，set，hash等数据结构的存储。 3. Redis支持数据的备份，即master-slave模式的数据备份。 4. Redis支持数据的持久化，可以将内存中的数据保持在磁盘中，重启的时候可以再次加载进行使用。 Red
  • Python - 装饰器使用过程中的误区解读 kvhur JavaScriptjqueryhtml5css
    大家都知道装饰器是一个很著名的设计模式，经常被用于AOP(面向切面编程)的场景，较为经典的有插入日志，性能测试，事务处理，Web权限校验， Cache等。 原文链接：http://www.gbtags.com/gb/share/5563.htm Python语言本身提供了装饰器语法（@），典型的装饰器实现如下：   @function_wrapper de
  • 架构师之mybatis-----update 带case when 针对多种情况更新 nannan408 case when
    1.前言.    如题. 2. 代码.   <update id="batchUpdate" parameterType="java.util.List"> <foreach collection="list" item="list" index=&
  • Algorithm算法视频教程 栏目记者 Algorithm算法
    课程：Algorithm算法视频教程 百度网盘下载地址： http://pan.baidu.com/s/1qWFjjQW 密码: 2mji 程序写的好不好,还得看算法屌不屌！Algorithm算法博大精深。 一、课程内容： 课时1、算法的基本概念 + Sequential search 课时2、Binary search 课时3、Hash table 课时4、Algor
  • C语言算法之冒泡排序 qiufeihu c算法
    任意输入10个数字由小到大进行排序。 代码： #include <stdio.h> int main() { int i,j,t,a[11]; /*定义变量及数组为基本类型*/ for(i = 1;i < 11;i++){ scanf("%d",&a[i]); /*从键盘中输入10个数*/ } for
  • JSP异常处理 wyzuomumu Webjsp
    1.在可能发生异常的网页中通过指令将HTTP请求转发给另一个专门处理异常的网页中: <%@ page errorPage="errors.jsp"%>   2.在处理异常的网页中做如下声明： errors.jsp: <%@ page isErrorPage="true"%>，这样设置完后就可以在网页中直接访问exc
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他