LeeHua
LeeHua

BootStrap 响应式布局

概述

BootStrap 响应式布局使得同一套页面可以兼容不同分辨率的设备。

如苹果官网：不同的尺寸宽度，就有不同的布局。

BootStrap 响应式布局_第1张图片

可以看出其布局有区别了。

它的实现依赖于栅格系统，栅格系统是将一行平均分成12个格子，可以指定元素占几个格子

 

实现步骤

  1. 定义容器。类似于中的table标签
    • 容器主要分为两类：container、container-fluid

    • .container，它max-width在每个响应断点处设置一个

    • .container-fluid，这是width: 100%所有断点

  2. 定义行。类似于tr标签

  3. 定义元素。指定该元素在不同的设备上，所占的格子数目。类似于td标签
    设备代号：
    BootStrap 响应式布局_第2张图片

案例1：使用container-fluid容器

普通屏幕使用 container-lg

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Bootstrap 栅格系统title>
    <link href="./BootStrap_3.3.7_libs/css/bootstrap.min.css" rel="stylesheet">
    <script src="./jQuery/jquery-3.2.1.min.js">script>
    <script src="./BootStrap_3.3.7_libs/js/bootstrap.min.js">script>

    
    <style>
        .inner {
            border:1px solid royalblue;
        }
    style>
head>
<body>
    
    <div class="container-fluid">
        
        <div class="row">
            
            <div class="col-lg-1 inner">栅格 1：占1个格子div>
            <div class="col-lg-2 inner">栅格 2：占2个格子div>
            <div class="col-lg-3 inner">栅格 3：占3个格子div>
            <div class="col-lg-4 inner">栅格 4：占4个格子div>
            <div class="col-lg-5 inner">栅格 5：占5个格子div>
            <div class="col-lg-6 inner">栅格 6：占6个格子div>
            <div class="col-lg-7 inner">栅格 7：占7个格子div>
            <div class="col-lg-8 inner">栅格 8：占8个格子div>
            <div class="col-lg-9 inner">栅格 9：占9个格子div>
            <div class="col-lg-10 inner">栅格10：占10个格子div>
            <div class="col-lg-11 inner">栅格11：占11个格子div>
            <div class="col-lg-12 inner">栅格12：占12个格子div>
        div>
    div>
body>
html>

效果如下：一行最多只能有12个格子

BootStrap 响应式布局_第3张图片

小屏幕使用 container-sm

将上例中的定义元素部分的 class稍微做修改：


<div class="container-fluid">
    
    <div class="row">
        
        <div class="col-lg-1 col-sm-2 inner">栅格 1div>
        <div class="col-lg-1 col-sm-2 inner">栅格 2div>
        <div class="col-lg-1 col-sm-2 inner">栅格 3div>
        <div class="col-lg-1 col-sm-2 inner">栅格 4div>
        <div class="col-lg-1 col-sm-2 inner">栅格 5div>
        <div class="col-lg-1 col-sm-2 inner">栅格 6div>
        <div class="col-lg-1 col-sm-2 inner">栅格 7div>
        <div class="col-lg-1 col-sm-2 inner">栅格 8div>
        <div class="col-lg-1 col-sm-2 inner">栅格 9div>
        <div class="col-lg-1 col-sm-2 inner">栅格10div>
        <div class="col-lg-1 col-sm-2 inner">栅格11div>
        <div class="col-lg-1 col-sm-2 inner">栅格12div>
    div>
div>

效果：

BootStrap 响应式布局_第4张图片

只要适当正价页面大小即可实现如下效果：

 

案例2：使用container容器

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Bootstrap 栅格系统title>
    <link href="./BootStrap_3.3.7_libs/css/bootstrap.min.css" rel="stylesheet">
    <script src="./jQuery/jquery-3.2.1.min.js">script>
    <script src="./BootStrap_3.3.7_libs/js/bootstrap.min.js">script>

    
    <style>
        .inner {
            border:1px solid royalblue;
        }
    style>
head>
<body>

<div class="container">
    
    <div class="row">
        
        <div class="col-lg-1 col-sm-2 inner">栅格 1div>
        <div class="col-lg-1 col-sm-2 inner">栅格 2div>
        <div class="col-lg-1 col-sm-2 inner">栅格 3div>
        <div class="col-lg-1 col-sm-2 inner">栅格 4div>
        <div class="col-lg-1 col-sm-2 inner">栅格 5div>
        <div class="col-lg-1 col-sm-2 inner">栅格 6div>
        <div class="col-lg-1 col-sm-2 inner">栅格 7div>
        <div class="col-lg-1 col-sm-2 inner">栅格 8div>
        <div class="col-lg-1 col-sm-2 inner">栅格 9div>
        <div class="col-lg-1 col-sm-2 inner">栅格10div>
        <div class="col-lg-1 col-sm-2 inner">栅格11div>
        <div class="col-lg-1 col-sm-2 inner">栅格12div>
    div>
div>
body>
html>

效果如下：

 

注意事项

1. 一行中如果格子数目超过12，则超出部分自动换行。

2. 栅格类属性可以向上兼容。栅格类适用于与屏幕宽度大于或等于分界点大小的设备。

3. 如果真实设备宽度小于了设置栅格类属性的设备代码的最小值，会一个元素沾满一整行。

 

          

你可能感兴趣的:(BootStrap 响应式布局)

  • flask 表单 flask-wtf SkTj
    image.pngfromflaskimportFlaskfromflaskimportrender_templatefromflask_bootstrapimportBootstrapfromflask_wtfimportFormfromwtformsimportStringField,SubmitFieldfromwtforms.validatorsimportRequiredclassNam
  • 【JVM篇07】：三种类加载器、双亲委派机制及类加载器执行流程详解 崎岖Qiu JDK核心jvmjava开发语言面试
    文章目录1.什么是类加载器？2.类加载器的“三层结构”和“双亲委派模型”双亲委派模型3.类加载器工作流程详解(什么时候BootstrapClassLoader会加载？)类加载器工作流程步骤总结：BootstrapClassLoader何时加载？它加载什么？1.什么是类加载器？首先，要理解类加载器，我们需要知道Java程序是如何运行的。我们写的.java文件会被编译成.class文件（字节码），这些
  • docker 下重新配置elasticSearch 虚拟机内存大小导致启动失败原因分析 @Wallace Javajavaelasticsearchdockeres
    在docker下重新配置elasticSearch虚拟机内存，启动elasticSearch失败。查找原因使用以下命令其中id为自己的容器iddockerlogsid找到主要原因如下"stacktrace":["org.elasticsearch.bootstrap.StartupException:java.lang.IllegalStateException:Couldnotloadplugi
  • JAVA类隔离机制 每天三杯咖啡 设计模式javajava开发语言后端
    JAVA类隔离机制目录类隔离机制类加载概述什么是类加载类加载的好处类加载流程类加载时机加载顺序Luancher源码ExtClassLoader源码AppClassLoader源码双亲委托父加载器不是父类BootstrapClassLoader自定义ClassLoader一般步骤举个栗子破坏双亲委托案例Doom的类隔离pandora的类隔离问题&痛点pandora是什么JVM-Sandbox的隔离类
  • 响应式Banner轮播布局的实现代码包 规则哥讲规则
    本文还有配套的精品资源，点击获取简介：响应式Banner图片轮播布局是网站吸引注意力的关键元素，能够适配多种设备。本压缩包包含了HTML、CSS和JavaScript（包括jQuery）完整代码，用于创建动态的轮播效果。通过HTML定义结构、CSS实现响应式布局和样式，以及JavaScript和jQuery完成交互和动画，最终实现了包括自动播放、图片切换和平滑过渡等轮播功能。这些代码为开发者提供了
  • 【鸿蒙HarmonyOS Next App实战开发】开发一款精准图片取色器 阿康2024 鸿蒙应用开发深度学习人工智能
    背景与功能在设计开发过程中，从图片中提取精确颜色值是一个常见需求。本文介绍如何在HarmonyOS中开发一款功能完整的图片取色器，支持：从相册选择任意图片移动十字准星精确定位像素点实时显示十六进制色值和RGB值一键复制颜色信息响应式布局适配不同设备核心技术实现1.图片选择与处理通过PhotoViewPicker选择系统图片，使用ImageKit创建PixelMap获取像素数据：asyncselec
  • EasyUI-datagrid表格样式自定义
    可以利用EasyUI的主题实现参考地址http://www.jeasyui.net/extension/195.html。默认也支持好几个（black、bootstrap、gray、metro、material等）也可以自定义主题。本文采用的是自定义的CSS样式简单实现一些效果。主要是利用找到对应div设置相关的样式即可。效果如下css实现如下body{background-color:#0043
  • 2022-08-05 Kafka Shell操作
    一、Kafka提供的shell操作命令下面只列出常用选项，其他选项请参考官方文档1.kafka-topics.sh(1)语法kafka-topics.sh--bootstrap-serverhost1:port1,...--(list|describe|create|alter|delete)[--可选选项](2)必要选项选项名描述bootstrap-serverhost1:prot1,...指定
  • 06.CSS3布局 Ching_Lee
    1.弹性盒模型flexbox1）弹性容器属性flexcontainerflex-directionflex-wrap复合属性flex-flowjustify-contentalign-itemsalign-content2）弹性子元素属性flexitem3）Flexbox菜单项目实战宽度大于768px宽度大于480px小于768px宽度小于480px弹性响应式布局实现菜单栏.menu{list-s
  • Kafka MQ 消费者 二六八 MQ消息队列kafka分布式
    KafkaMQ消费者1创建消费者在读取消息之前，需要先创建一个KafkaConsumer对象。创建KafkaConsumer对象与创建KafkaProducer对象非常相似—把想要传给消费者的属性放在Properties对象里。本章后续部分将深入介绍所有的配置属性。为简单起见，这里只提供3个必要的属性：bootstrap.servers、key.deserializer和value.deseria
  • Python Django博客系统开发实战 飞翔的袋鼠弟
    本文还有配套的精品资源，点击获取简介：本文介绍了使用Python语言和Django框架创建的博客系统，系统包含前台展示与后台编辑两大主要部分。通过Python2.7和Django1.9.8版本，实现了MVT架构，并利用DjangoCMS进行内容管理。Bootstrap3被用于创建响应式布局，Xadmin提升了后台管理界面的用户体验。文章还概述了项目结构和关键文件，强调了这一博客系统作为Web开发优
  • 智能化场景开发效率提升！MateChat一站式解决方案全新视觉发布，附实战教程 DevUI团队 前端人工智能AI组件库Chat智能化
    Create-MateChatV1.0.0智能化视觉重磅提升，用户开箱即用~源码：https://gitcode.com/DevCloudFE/MateChat/overview（点关注不迷路，留个star再走呗~）体验地址：https://matechat.gitcode.com/vue-starter/引言一站式解决方案帮助开发者快速搭建对话界面及对接模型，并提供了响应式布局，支持在不同终端设
  • 打造完美Web登录界面：HTML、CSS与Bootstrap实战 Suvo Sarkar
    本文还有配套的精品资源，点击获取简介：登录界面是用户与Web应用程序互动的起点，其设计和实现对用户体验至关重要。本教程将指导开发者如何使用HTML、CSS和Bootstrap框架创建一个功能齐全且视觉吸引力强的登录界面。内容涵盖从基础的表单标签到使用Bootstrap的响应式设计，以及如何结合JavaScript和后端技术来增强界面的业务逻辑和用户验证功能。1.HTML表单标签基础HTML表单标签
  • BootstrapValidator表单验证效果无效，不验证 蓝色天空的银码星 技术问题表单验证网页前端
    BootstrapValidator是一款非常好用的前端验证插件，但是因为很多问题，一直没有效果。果然不是代码问题，而是因为Bootstrap版本和BootstrapValidator的版本问题。下载地址：https://download.csdn.net/download/weixin_37674052/11175279首先贴出来我的引用的文件代码表单代码：要用BootstrapValidato
  • Nacos动态线程池完整实现方案
    Nacos动态线程池完整实现方案1.依赖配置(pom.xml)com.alibaba.cloudspring-cloud-starter-alibaba-nacos-config2.2.9.RELEASEorg.springframework.bootspring-boot-starter-web2.Nacos配置(bootstrap.yml)spring:application:name:big
  • 00600 ora 关闭oracle_Oracle断电报错ORA-00600数据库无法打开的恢复 weixin_39758229 00600ora关闭oracle
    以下为一个ORACLE数据库因为断掉而引起ORA-00600错误的例子。造成ORA-00600[4000]错误的主要原因是因为系统掉电,或者数据库恢复不完全,导致system表空间的一些位的状态异常,导致bootstrap无法正常情况.以下是通过bbed方法,修改相关标志位,强制打开数据库的一种方法.但是由于数据库实际上已经处于非一致状态,强烈建议用户打开数据库后,通过将生产环境的数据导出后,重建
  • 【亲测免费】 分享86个Bootstrap5模板，总有一款适合您
    分享86个Bootstrap5模板，总有一款适合您【下载地址】分享86个Bootstrap5模板总有一款适合您分享86个Bootstrap5模板，总有一款适合您本仓库提供了一个资源文件的下载，包含了86个Bootstrap5模板，涵盖多种用途，如网站、电商、个人展示等项目地址:https://gitcode.com/Resource-Bundle-Collection/56808本仓库提供了一个资
  • CSS实现前端响应式布局
    一、响应式布局概述响应式布局的定义与重要性响应式布局是一种能够使网页在不同设备上（如桌面电脑、平板电脑、手机等）都能呈现出良好视觉效果和用户体验的设计方法。它通过使用灵活的布局、可适应的图像和媒体查询等技术，确保网页能够根据设备的屏幕尺寸、分辨率和方向进行自动调整和优化。在当今数字化时代，响应式布局至关重要。随着移动设备的广泛使用，用户越来越多地通过各种设备访问网页。如果网页不能在不同设备上良好地
  • CSS样式中的布局、字体、响应式布局
    目录一、使用内联块级元素布局二、使用float布局三、使用弹性盒子布局四、服务器字体五、响应式布局相关文章积累CSS样式属性：padding、margin、display:flex、font、position、cursor、:hover、:nth-child()、border-radius一、使用内联块级元素布局让想要横着的元素（left、mid、right）变成内联块级元素。示例leftmidr
  • CSS 单位完全指南：掌握 em、rem、vh、vw 等响应式布局核心单位 编程随想▿ CSScss前端html网页布局
    目录一、绝对单位vs相对单位二、核心相对单位详解1.em单位2.rem单位（Rootem）3.vh与vw单位4.vmin与vmax单位三、实战应用场景对比五、专家建议与最佳实践六、总结一、绝对单位vs相对单位绝对单位（如px）固定不变，而相对单位则基于其他参考值动态计算，更适合响应式设计：/*绝对单位示例*/.fixed-size{width:300px;/*始终为300像素*/}/*相对单位示例
  • 移动开发中移动UI设计的布局策略全解析 移动开发前沿 移动端开发宝典uiai
    移动开发中移动UI设计的布局策略全解析关键词：移动UI布局、流式布局、弹性布局、响应式布局、约束布局、适配策略、跨设备兼容摘要：在移动开发中，手机屏幕尺寸从4英寸到10英寸不等，分辨率从720P到4K，还有横竖屏切换、折叠屏等新形态。如何让UI在不同设备上“不变形、不错位、不丢失信息”？本文将从“为什么需要布局策略”出发，用“小明设计奶茶店APP”的故事串起固定布局、流式布局、弹性布局、响应式布局
  • springboot+swagger2文档从swagger-bootstrap-ui更换为knife4j及文档接口参数不显示问题 DN金猿 springboot组件专题springbootbootstrapuiswagger
    背景已有springboot项目，且使用的是swagger2+swagger-bootstrap-ui的版本1.pom依赖如下io.springfoxspringfox-swagger22.9.2io.swaggerswagger-modelsio.swaggerswagger-annotationsio.springfo
  • 计算机专业毕业设计-线上招聘与求职系统的设计与实现-开题报告 苦奢bu咖啡 课程设计毕业论文毕业设计软件开发开题报告求职招聘javaweb
    本系统开发采用技术为JSP、Bootstrap、Ajax、Springboot、Java、Tomcat、Maven此文章为开题报告，此系统已开发完成相关文档都很健全，相关的代码+部署+论文+ppt+代码讲解+答辩指导文件都有可私要，为本人亲自指导加编写，禁止任何人抄袭以及各类盈利性传播计算机专业毕业设计任何项目-程序-论文-想单独指导的可以私1、选题的目的和意义。通过开发一个功能全面的线上招聘与求
  • 自己动手写编译器 JeffWoodNo.1 编译器hexcompilerfunctionbrancheclipse
    这里不再仅仅是简单的记录一下……直接上手环境目标1：在elicpse平台上使用ant构建ANTLR目标2：在elicpse平台上使用antlride编写ANTLR语法编写实用的C解析器背景调查到底还需不需要自己动手写一个编译器这就是“工具哲学”所谓bootstrap的编译器构造方式。C的核心子集Appendix直接上手环境antlr-for-eclipse，即antlride-2.0-rc4版，在
  • prism项目搭建 wpf_Prism 源码解读1-Bootstrapper和Region的创建 媛源啊 prism项目搭建wpf
    介绍之前也研究过Prism框架但是一直没有深入理解，现在项目上想把一个Winform的桌面应用程序改造成WPF程序，同时我希望程序是可测试可维护架构良好的，Prism的这些设计理念正好符合我的需求，其主要用于WPF和Xamarin，用于构建松耦合，可维护，可测试的应用程序框架，在我看到源码后也深受启发，欢迎大家一起交流探讨。开始我将从官方的Samples的顺序，看介绍中的每个功能是怎么实现的。0、
  • 3-Kafka常用指令 sql2008help kafka分布式
    Kafka常用指令大全一、Topic管理命令功能示例创建Topic指定分区和副本数kafka-topics.sh--create--bootstrap-serverlocalhost:9092--topictest--partitions3--replication-factor2查看Topic列表列出所有Topickafka-topics.sh--bootstrap-serverlocalhos
  • 用Netty实现的WebSocket服务器代码示例中添加自定义消息处理逻辑 爱吃土豆的马铃薯ㅤㅤㅤㅤㅤㅤㅤㅤㅤ websocket服务器网络协议
    一.以下是一个使用Netty框架实现WebSocket服务器的简单代码示例：importio.netty.bootstrap.ServerBootstrap;importio.netty.channel.ChannelFuture;importio.netty.channel.ChannelInitializer;importio.netty.channel.EventLoopGroup;impo
  • web渗透之指纹识别1 合作小小程序员小小店 网络安全物联网网络安全网络攻击模型计算机网络
    web渗透之指纹识别1前端技术：前端中我们需要掌握一些基础html,javascrip,jquery,bootstrap,前端框架vue.js,vue,angular,React等，在前端中可以利用的东西还是很多的，我们可使用xss配合csrf以及一些攻击漏洞进行弹框，获取cookie，劫持，绕过，跳转，跨域，重定向，重放，控制节点，挂暗链接，甚至隐藏我们的请求等。如果要说怎么在识别中使用，我们可
  • mac上python安装pip_Python开发：在mac系统中安装pip weixin_39793638 mac上python安装pip
    pip用来安装python项目的依赖库。大多数比较新的python版本都自带pip，所以先检查下pip是否有安装。终端输入：pip--version如果没有安装pip，那么就用接下来的方式安装pip。--前言安装pip的方式是运行一个python文件，因此请先确保电脑中已经安装有python。因此首先需要将该python文件下载到本地电脑中。方式一：在浏览器中访问https://bootstrap
  • 2、Connecting to Kafka 虾条_花吹雪 SpringforApacheKafkakafka分布式ai
    KafkaAdmin-请参阅配置主题ProducerFactory-请参阅发送消息ConsumerFactory-请参阅接收消息从2.5版本开始，每个版本都扩展了KafkaResourceFactory。这允许在运行时通过向引导服务器的配置中添加Supplier来更改引导服务器：setBootstrapServersSupplier（（）->…）。所有新连接都将调用此命令以获取服务器列表。消费者和
  • linux系统服务器下jsp传参数乱码 3213213333332132 javajsplinuxwindowsxml
    在一次解决乱码问题中， 发现jsp在windows下用js原生的方法进行编码没有问题，但是到了linux下就有问题， escape,encodeURI,encodeURIComponent等都解决不了问题 但是我想了下既然原生的方法不行，我用el标签的方式对中文参数进行加密解密总该可以吧。于是用了java的java.net.URLDecoder,结果还是乱码，最后在绝望之际，用了下面的方法解决了
  • Spring 注解区别以及应用 BlueSkator spring
    1. @Autowired @Autowired是根据类型进行自动装配的。如果当Spring上下文中存在不止一个UserDao类型的bean，或者不存在UserDao类型的bean，会抛出 BeanCreationException异常，这时可以通过在该属性上再加一个@Qualifier注解来声明唯一的id解决问题。   2. @Qualifier 当spring中存在至少一个匹
  • printf和sprintf的应用 dcj3sjt126com PHPsprintfprintf
    <?php printf('b: %b <br>c: %c <br>d: %d <bf>f: %f', 80,80, 80, 80); echo '<br />'; printf('%0.2f <br>%+d <br>%0.2f <br>', 8, 8, 1235.456); printf('th
  • config.getInitParameter 171815164 parameter
    web.xml <servlet> <servlet-name>servlet1</servlet-name> <jsp-file>/index.jsp</jsp-file> <init-param> <param-name>str</param-name>
  • Ant标签详解--基础操作 g21121 ant
            Ant的一些核心概念：         build.xml：构建文件是以XML 文件来描述的，默认构建文件名为build.xml。        project：每个构建文
  • [简单]代码片段_数据合并 53873039oycg 代码
            合并规则:删除家长phone为空的记录,若一个家长对应多个孩子,保留一条家长记录,家长id修改为phone,对应关系也要修改。         代码如下:        
  • java 通信技术 云端月影 Java 远程通信技术
    在分布式服务框架中，一个最基础的问题就是远程服务是怎么通讯的，在Java领域中有很多可实现远程通讯的技术，例如：RMI、MINA、ESB、Burlap、Hessian、SOAP、EJB和JMS等，这些名词之间到底是些什么关系呢，它们背后到底是基于什么原理实现的呢，了解这些是实现分布式服务框架的基础知识，而如果在性能上有高的要求的话，那深入了解这些技术背后的机制就是必须的了，在这篇blog中我们将来
  • string与StringBuilder 性能差距到底有多大 aijuans
              之前也看过一些对string与StringBuilder的性能分析，总感觉这个应该对整体性能不会产生多大的影响，所以就一直没有关注这块！         由于学程序初期最先接触的string拼接，所以就一直没改变过自己的习惯！        
  • 今天碰到 java.util.ConcurrentModificationException 异常 antonyup_2006 java多线程工作IBM
    今天改bug，其中有个实现是要对map进行循环，然后有删除操作，代码如下： Iterator<ListItem> iter = ItemMap.keySet.iterator(); while(iter.hasNext()){ ListItem it = iter.next(); //...一些逻辑操作 ItemMap.remove(it); } 结果运行报Con
  • PL/SQL的类型和JDBC操作数据库 百合不是茶 PL/SQL表标量类型游标PL/SQL记录
    PL/SQL的标量类型:    字符,数字,时间,布尔,%type五中类型的 --标量：数据库中预定义类型的变量 --定义一个变长字符串 v_ename varchar2(10); --定义一个小数,范围 -9999.99~9999.99 v_sal number(6,2); --定义一个小数并给一个初始值为5.4 :=是pl/sql的赋值号
  • Mockito：一个强大的用于 Java 开发的模拟测试框架实例 bijian1013 mockito单元测试
    Mockito框架：         Mockito是一个基于MIT协议的开源java测试框架。         Mockito区别于其他模拟框架的地方主要是允许开发者在没有建立“预期”时验证被测系统的行为。对于mock对象的一个评价是测试系统的测
  • 精通Oracle10编程SQL(10)处理例外 bijian1013 oracle数据库plsql
    /* *处理例外 */ --例外简介 --处理例外-传递例外 declare v_ename emp.ename%TYPE; begin SELECT ename INTO v_ename FROM emp where empno=&no; dbms_output.put_line('雇员名：'||v_ename); exceptio
  • 【Java】Java执行远程机器上Linux命令 bit1129 linux命令
    Java使用ethz通过ssh2执行远程机器Linux上命令，   封装定义Linux机器的环境信息   package com.tom; import java.io.File; public class Env { private String hostaddr; //Linux机器的IP地址 private Integer po
  • java通信之Socket通信基础 白糖_ javasocket网络协议
    正处于网络环境下的两个程序，它们之间通过一个交互的连接来实现数据通信。每一个连接的通信端叫做一个Socket。一个完整的Socket通信程序应该包含以下几个步骤： ①创建Socket； ②打开连接到Socket的输入输出流； ④按照一定的协议对Socket进行读写操作； ④关闭Socket。   Socket通信分两部分：服务器端和客户端。服务器端必须优先启动，然后等待soc
  • angular.bind boyitech AngularJSangular.bindAngularJS APIbind
    angular.bind 描述：         上下文，函数以及参数动态绑定，返回值为绑定之后的函数. 其中args是可选的动态参数，self在fn中使用this调用。 使用方法：          angular.bind(se
  • java-13个坏人和13个好人站成一圈，数到7就从圈里面踢出一个来，要求把所有坏人都给踢出来，所有好人都留在圈里。请找出初始时坏人站的位置。 bylijinnan java
    import java.util.ArrayList; import java.util.List; public class KickOutBadGuys { /** * 题目：13个坏人和13个好人站成一圈，数到7就从圈里面踢出一个来，要求把所有坏人都给踢出来，所有好人都留在圈里。请找出初始时坏人站的位置。 * Maybe you can find out
  • Redis.conf配置文件及相关项说明（自查备用） Kai_Ge redis
       Redis.conf配置文件及相关项说明 # Redis configuration file example # Note on units: when memory size is needed, it is possible to specifiy # it in the usual form of 1k 5GB 4M and so forth: #
  • [强人工智能]实现大规模拓扑分析是实现强人工智能的前奏 comsci 人工智能
         真不好意思,各位朋友...博客再次更新...      节点数量太少,网络的分析和处理能力肯定不足,在面对机器人控制的需求方面,显得力不从心....      但是,节点数太多,对拓扑数据处理的要求又很高,设计目标也很高,实现起来难度颇大...
  • 记录一些常用的函数 dai_lm java
    public static String convertInputStreamToString(InputStream is) { StringBuilder result = new StringBuilder(); if (is != null) try { InputStreamReader inputReader = new InputStreamRead
  • Hadoop中小规模集群的并行计算缺陷 datamachine mapreducehadoop并行计算
    注：写这篇文章的初衷是因为Hadoop炒得有点太热，很多用户现有数据规模并不适用于Hadoop，但迫于扩容压力和去IOE（Hadoop的廉价扩展的确非常有吸引力）而尝试。尝试永远是件正确的事儿，但有时候不用太突进，可以调优或调需求，发挥现有系统的最大效用为上策。 -----------------------------------------------------------------
  • 小学4年级英语单词背诵第二课 dcj3sjt126com englishword
    egg  蛋 twenty 二十 any 任何 well 健康的，好   twelve 十二 farm 农场 every 每一个 back 向后，回   fast 快速的 whose 谁的 much 许多 flower 花   watch 手表 very 非常，很 sport 运动 Chinese 中国的  
  • 自己实践了github的webhooks, linux上面的权限需要注意 dcj3sjt126com githubwebhook
    环境, 阿里云服务器   1. 本地创建项目, push到github服务器上面   2. 生成www用户的密钥 sudo -u www ssh-keygen -t rsa -C "[email protected]"     3. 将密钥添加到github帐号的SSH_KEYS里面   3. 用www用户执行克隆, 源使
  • Java冒泡排序 蕃薯耀 冒泡排序Java冒泡排序Java排序
    冒泡排序 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 2015年6月23日 10:40:14 星期二 http://fanshuyao.iteye.com/
  • Excle读取数据转换为实体List【基于apache-poi】 hanqunfeng apache
    1.依赖apache-poi   2.支持xls和xlsx   3.支持按属性名称绑定数据值   4.支持从指定行、列开始读取   5.支持同时读取多个sheet   6.具体使用方式参见org.cpframework.utils.excelreader.CP_ExcelReaderUtilTest.java 比如： Str
  • 3个处于草稿阶段的Javascript API介绍 jackyrong JavaScript
    原文： http://www.sitepoint.com/3-new-javascript-apis-may-want-follow/?utm_source=html5weekly&utm_medium=email   本文中，介绍3个仍然处于草稿阶段，但应该值得关注的Javascript API. 1) Web Alarm API   &
  • 6个创建Web应用程序的高效PHP框架 lampcy Web框架PHP
    以下是创建Web应用程序的PHP框架，有coder bay网站整理推荐： 1. CakePHP CakePHP是一个PHP快速开发框架，它提供了一个用于开发、维护和部署应用程序的可扩展体系。CakePHP使用了众所周知的设计模式，如MVC和ORM，降低了开发成本，并减少了开发人员写代码的工作量。 2. CodeIgniter CodeIgniter是一个非常小且功能强大的PHP框架，适合需
  • 评"救市后中国股市新乱象泛起"谣言 nannan408
    首先来看百度百家一位易姓作者的新闻： 三个多星期来股市持续暴跌，跌得投资者及上市公司都处于极度的恐慌和焦虑中，都要寻找自保及规避风险的方式。面对股市之危机，政府突然进入市场救市，希望以此来重建市场信心，以此来扭转股市持续暴跌的预期。而政府进入市场后，由于市场运作方式发生了巨大变化，投资者及上市公司为了自保及为了应对这种变化，中国股市新的乱象也自然产生。 首先，中国股市这两天
  • 页面全屏遮罩的实现 方式 Rainbow702 htmlcss遮罩mask
    之前做了一个页面，在点击了某个按钮之后，要求页面出现一个全屏遮罩，一开始使用了position:absolute来实现的。当时因为画面大小是固定的，不可以resize的，所以，没有发现问题。 最近用了同样的做法做了一个遮罩，但是画面是可以进行resize的，所以就发现了一个问题，当画面被reisze到浏览器出现了滚动条的时候，就发现，用absolute 的做法是有问题的。后来改成fixed定位就
  • 关于angularjs的点滴 tntxia AngularJS
      angular是一个新兴的JS框架，和以往的框架不同的事，Angularjs更注重于js的建模，管理，同时也提供大量的组件帮助用户组建商业化程序，是一种值得研究的JS框架。   Angularjs使我们可以使用MVC的模式来写JS。Angularjs现在由谷歌来维护。   这里我们来简单的探讨一下它的应用。   首先使用Angularjs我
  • Nutz--->>反复新建ioc容器的后果 xiaoxiao1992428 DAOmvcIOCnutz
    问题： public class DaoZ {     public static Dao dao() { // 每当需要使用dao的时候就取一次     Ioc ioc = new NutIoc(new JsonLoader("dao.js"));     return ioc.get(
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他