weixin_43005415
weixin_43005415

【必看】CSS实现响应式布局的方法与media的使用教程

用CSS实现响应式布局

响应式布局感觉很高大上，很难，但实际上只用CSS也能实现响应式布局

要用的就是CSS中的没接查询，下面就介绍一下怎么运用：

使用@media 的三种方法

1.直接在CSS文件中使用：

@media 类型 and (条件1) and (条件二){
     css样式 
} 

@media screen and (max-width:1024px) {     
    body{ 
        background-color: red;
    } 
}

2.使用@import导入

@import url("css/moxie.css") all and (max-width:980px);

3.也是最常用的方法–直接使用link连接，media属性用于设置查询方法

<link rel="stylesheet" type="text/css" href="css/moxie.css" media=“all and (max-width=980px)”/>

下面是一个简单的响应式的布局HTMl代码：


<html>
<head>
<meta charset="utf-8"/>
<title>响应式title>
<link rel="stylesheet" type="text/css" href="index.css"/>
<link rel="stylesheet" type="text/css" href="index01.css" media="screen and (max-width:1024px) and (min-width:720px)"/>
<link rel="stylesheet" type="text/css" href="index02.css" media="screen and (max-width:720px)"/>
head>
<body>
<div class="header">头部div>
<div class="main clearfix">
    <div class="left">左边div>
    <div class="center">中间div>
    <div class="right">右边div>
div>
<div class="footer">底部div>
body>
html>

下面是CSS样式：

?12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455 * {
    margin: 0;
    padding: 0;
    text-align: center;
    color: yellow;
}

.header {
    width: 100%;
    height: 100px;
    background: #ccc;
    line-height: 100px;
}

.main {
    background: green;
    width: 100%;
}

.clearfix:after {
    display: block;
    height: 0;
    content: "";
    visibility: hidden;
    clear: both;
}

.left,.center,.right {
    float: left;
}

.left {
    width: 20%;
    background: #112993;
    height: 300px;
    font-size: 50px;
    line-height: 300px;
}

.center {
    width: 60%;
    background: #ff0;
    height: 400px;
    color: #fff;
    font-size: 50px;
    line-height: 400px;
}

.right {
    width: 20%;
    background: #f0f;
    height: 300px;
    font-size: 50px;
    line-height: 300px;
}

.footer {
    width: 100%;
    height: 50px;
    background: #000;
    line-height: 50px;
}

index01.css样式代码

.right {
    float: none;
    width: 100%;
    background: #f0f;
    clear: both;
}

.left {
    width: 30%;
}

.center {
    width: 70%;
}

.main {
    height: 800px;
}

index02.css样式代码

.left,.center,.right {
    float: none;
    width: 100%;
}

你可能感兴趣的:(推荐文章)

  • 没有一技之长可以做什么副业赚钱？以下6个靠谱方法值得参考 高省APP大九
    这是我第n篇关于副业的推荐文章。以前大家总说分享的内容很难，没有一技之长的人很难做。今天，小编将分享小白可以轻松完成的五项兼职。大家可以试试。1、社交导购电商社导购电商高省APP是当下最值得年轻人去尝试创业的一种零成本创业模式，无货源无售后操作模式，很多小伙伴不知道怎么做，可以用来抖音快速短视频直播带货，可以地摊进货赚佣金，也可以做微信羊毛群，捡漏群，社群团购等多种赚钱方法就算你不用这个平台赚佣金
  • 推荐文章：深度探索“Gaps”——简化Google Apps邮件管理的利器 潘惟妍
    推荐文章：深度探索“Gaps”——简化GoogleApps邮件管理的利器gapsEasymanagementofyourGoogleGroupssubscriptions.项目地址:https://gitcode.com/gh_mirrors/gaps/gaps在当今信息爆炸的时代，高效管理企业内部的电子邮件配置已成为一个不容忽视的挑战。为此，Stripe团队曾推出了一个名为“Gaps”的开源工具
  • python windows路径正则表达式,Python 正则表达式从Windows路径中获取文件夹 弓长丶艮 pythonwindows路径正则表达式
    推荐文章一，要使用正则表达式相关的方法，首先得搞清楚正则表达式的基本用法，摘自百度百科：元字符描述将下一个字符标记为一个特殊字符推荐文章学习HadoopCommon模块，当然应该是从最简单，最基础的模块学习最好，所以我挑选了其中的conf配置模块进行学习。整体的类结构非常简单。只要继承了Configurable接口，一般表明就是可配置的，可以执行相应的配置操作，但是配置的集中操作的体现是在Conf
  • SwiftUI 组件之 具有加载器状态处理的 SwiftUI WebView，创建自定义加载器动画（教程含源码） 知识大胖 SwiftUI源码大全swiftuiiosswift
    简介在本文中，我将解释如何在SwiftUI应用中实现带有加载器的WebView，以指示内容何时加载。首先，我将向您展示如何创建一个简单的WebView来加载任何URL。我将使用WebKit框架来创建WebView。推荐文章《SwiftUI精品组件之标签组tags云（教程含源码）》《SwiftUIJSON之List读取Bundle、解析、显示本地Json文件》《SwiftUIiOS精品工具条组件之0
  • 离线 AI：使用 Termux 从源代码在 Android 手机/Waydroid 上构建 Ollama 知识大胖 NVIDIAGPU和大语言模型开发教程人工智能智能手机ollamatermuxwaydroid
    简介学习从源代码在Android手机/Waydroid（开发模式）上构建Ollama（大型语言模型运行器）。Android手机/WaydroidTermux的终端命令相同推荐文章《在自己笔记本上使用Llama-3生成PowerPoint—幻灯片自动化的第一步》权重1，本地类、ppt类《如何微调NLLB-200模型以翻译新语言(教程含源码)》权重5，翻译类《LangchainStreamlitAI系
  • 探索Flutter的未来：GetX框架全面指南 房耿园Hartley
    探索Flutter的未来：GetX框架全面指南在快速发展的移动应用开发世界中，保持代码的可维护性和高效性至关重要。Flutter框架以其强大的性能和简洁的语法深受开发者喜爱，而其中的GetX库更是让状态管理变得简单易懂。这篇推荐文章将带你深入理解并体验这个卓越的开源项目——FlutterGetX，了解其技术优势，并揭示它在实际场景中的无限可能性。1.项目介绍FlutterGetX是一个全功能的解决
  • 点评｜几度山花红 紫陌欣妍
    【推荐文章】小说｜几度山花红【文章作者】若愚【文章链接】https://www.jianshu.com/p/b0d458f579fa【点评编辑】紫陌心颜点评：请你不要被文章的篇幅吓退，静下心来细细品读，你会感受到别样的温暖。这是一个怎样的村？“说是村，不过几个山头十几户散落的人家，一块地一间房，老死难相往来”、“门前连山头，屋后接断崖；隔山能喊话，一天难到家”，这样的村，要想开展扶贫工作，其难度可
  • 《两京十五日》 地面开花
    我记得第一次看马伯庸的书是《显微镜下的大明》，无论是故事本身的引人入胜还是历史描绘的详实，都让我觉得作者是下了真功夫的。而如今在这个快速的时代，越来越讲究效率、讲究兑现，肯多花时间、下真功夫的人着实不多了。《两京十五日》这本书被我放在书架已有一段时间了。一直没有看。后来看到同学的推荐文章，里边充满了对这本书和作者的赞美之情。我便开始看了起来。可没曾想到，一看起来，便深陷其中，不能自拔，下班回来以后
  • 人脸识别不安全，为什么还要使用人脸识别？ flyfor2013
    点击上方“AI算法与图像处理”，选择加"星标"或“置顶”重磅干货，第一时间送达推荐文章【点击下面可直接跳转】：https://www.zhihu.com/question/350974284/answer/866151761已授权转载，如需转载请联系作者作者：人脸识别的研发工程师不太安全指的是什么，如果你指的是容易被hack，那我只能说，那你是过分担心了。首先，我要先亮明我的观点：任何一个人脸识别
  • 解放双眼，朗读公众号内容 鹤舞空山
    相信每个人的微信都会有关注大量的公众号。不管是订阅号还是服务号。有很多符合我们兴趣，胃口的公众号每天给我们推送大量的内容。但是如果要看完这些内容则需要话费大量的时间。ps建议大家不要像我一样关注很多公众号。因为我们的注意力是有限的。这么多公号，真的是耽误功夫呀看着满屏的公号推荐文章。想要一一看完，真的是要花不少时间。但其实有很大一部分公号的内容，是没有必要一字一句阅读的。甚至于打眼一看就可以。如果
  • 【Linux】信号-下 cefler Linuxlinux信号
    欢迎来到Cefler的博客博客主页：折纸花满衣个人专栏：题目解析推荐文章：【LeetCode】wintervacationtraining目录信号递达，信号未决，信号阻塞block表,pending表,handler表(信号保存)sigset_t类型信号集操作函数常见信号集操作函数sigaction函数sigprocmask函数sigpending函数CPU、进程地址空间、内核级页表、内核级页表、
  • 赚钱应用一天10元以上怎么做(网赚新手必用方法) 日兼副业
    赚钱应用一天10元以上怎么做(网赚新手必用方法)每个人都希望在网上轻松赚取10元以上，现在，这个目标可以轻松实现！无论你是网赚新手还是经验丰富的老手，我们为你提供了一些必用的方法，让你轻松实现每天10元以上的收入。推荐文章：《手机兼职，300-500/天，一单一结，大量缺人！》在这篇必读文章中，你将发现各种手机兼职机会，包括简单易上手的手机截图兼职、刺激有趣的线上答题兼职，还有稳定高收入的数据标注
  • 在家做兼职日结的软件有哪些(日结兼职推荐软件) 幸运副业
    在家做兼职日结的软件有哪些(日结兼职推荐软件)在家做兼职日结，既省时又方便，是现代生活中越来越受欢迎的工作方式。然而，在这个兼职机会多种多样的时代，很多人可能会感到困扰，不知道该选择哪个软件来开始自己的兼职生涯。今天，我们将向您推荐一些信誉良好的日结兼职软件，并附上一篇必读的文章《手机兼职，300-500/天，一单一结，大量要人》。这篇推荐文章详细介绍了一些热门的兼职岗位，包括打字聊天员、线上答题
  • 【Linux】信号 cefler Linuxlinux信号
    欢迎来到Cefler的博客博客主页：折纸花满衣个人专栏：题目解析推荐文章：【LeetCode】wintervacationtraining目录信号的概念与产生jobs命令普通信号和实时信号如何理解OS向进程发送信号？中断号和中断向量表signal函数信号产生的方式1.通过终端按键产生信号2.调用系统函数向进程发信号3.由软件条件产生信号4.硬件异常产生信号信号的概念与产生信号是一种进程间通信机制，
  • 2018-01-23八班四组作业点评和统计 willwilling
    最快点评：007-564刘洪君点评数量：5本周推荐文章：再好的方法论也比不上动手去做。真实的进步最令人羡慕，也是激励自己最好的方法。本周作业即点评情况：2018-1-21点评最多：陈虹、马国香、刘洪君。
  • 顺丰录入员在家兼职可以吗?录入员在家兼职是真的吗 多职猫
    顺丰录入员在家兼职可以吗?录入员在家兼职是真的吗您可能会好奇，顺丰录入员在家兼职真的存在吗？答案是肯定的！现在，顺丰快递为您提供了在家兼职的机会。作为录入员，您可以在家轻松完成快递单的录入工作，无需走出家门，既省时又省心。这不仅为您提供了灵活的工作时间，还能够让您充分发挥自己的时间管理能力，实现工作和生活的完美平衡。当您正在寻找兼职机会时，千万不要错过这篇推荐文章《手机兼职，300-500/天，一
  • 基础阅读课备课模块 悦读苑
    X年级语文下册x单元整体备课设计《》（单元主题）（基础阅读课2）【学习内容】教材文章：丛书文章：推荐文章：【学习目标】1、（人文方面）；2、（语文要素）【学习流程】一、才艺展示。二、激趣导入。三、问题导学。四、课例悟法。五、链接阅读。六、拓展阅读。七、当堂检测。
  • Mxgraph的使用 爱蹦跶的大A阿 vuejavascriptvue.jsjson
    本项目是基于mxGraph+vue设计的流程图编辑器，可用于流程图绘制，流程渲染等等；项目展示：推荐文章:GitHub源码地址：GitHub-lijiapeng0302/Mxgraph-EasyFlowEditor:基于mxGraph+vue设计的流程图编辑器以下是个人认为对上手mxgraph非常有帮助的文章：1.基于mxGraph的可视化环境组网设计器:https://github.com/ig
  • 【Linux】进程通信——共享内存+消息队列+信号量 cefler Linuxlinux共享内存消息队列信号量
    欢迎来到Cefler的博客博客主页：折纸花满衣个人专栏：题目解析推荐文章：【LeetCode】wintervacationtraining目录共享内存关于共享内存的接口函数ipcs命令ipcrm命令共享内存实现进程间通信代码示例消息队列概念进程之间的消息队列通信信号量semget,semop,semctlIPC共享内存共享内存（SharedMemory）是一种进程间通信（IPC）的机制，用于在不同
  • 十大试玩app最赚钱的选择（最赚钱试玩软件排行榜推荐） 日兼副业
    十大试玩app最赚钱的选择（最赚钱试玩软件排行榜推荐）通过试玩App赚取额外收入。或许你曾困惑于选择哪个试玩App能够最赚钱。今天，我们将为你揭示十大试玩App中最赚钱的选择，同时推荐一篇找兼职的人一定要看的文章《手机兼职，300-500/天，一单一结，大量缺人！》。在这篇推荐文章中，你将发现各种线上答题兼职、小说抄写、线上答题等适合大家的岗位。这些兼职工作无需高昂的启动成本，只需要你的手机和网络
  • 芋道源码的周八（2018.02.11） 芋道源码
    1.推荐文章2.公众号文章3.知识星球文章1.推荐文章笔者在地铁有阅读公众号技术文章的习惯。给时间一点时间，给努力一点努力。《MySQL数据库的“十宗罪”（附10大经典错误案例）》《springboot去除autoconfig的两个方法》《Tomcat学习四步走：内核、集群、参数及性能（有彩蛋）》《从Elasticsearch来看分布式系统架构设计》《SpringBootRabbitMQ整合使用》
  • 如何快速阅读一本书——《快速阅读术》读书笔记（一） 极简主义先
    偶然在上浏览推荐文章时，发现不少作者都推荐一本名为《快速阅读术》的书籍。众所周知，在知识大爆炸时代，快速阅读成为在浩如恒沙的知识海洋里短时间内攫取有效信息的必备技能，于是去豆瓣上搜索了下，评分7.1分，算是中等偏上的分数了；微信读书上的推荐值是65.2%，虽然是褒贬不一，但认为这本书不行的读者寥寥无几。总体来看，还是值得拜读一下的。于是，在满足自己需要的情况下，怀揣着激动之心打开这本书，以期透过本
  • git 如何删除新已push的代码 Thetimezipsby Git笔记git
    gitreset--hardHEAD^可以本地删掉最后一个commitgitpush--force-with-lease推送到远程删掉最后一个commit推荐文章Git更安全的强制推送，–force-with-lease
  • 工作室阅读分享（第39周） 小光5106
    1.推荐文章：《去除教材崇拜才是课改的正确方式》推荐理由：面对教材，教师应是课程的开发者，而非教材知识的搬运工。对于教材，教师首先应有质疑的精神、反思的意识，只有去除崇拜教材的惯性思维，才能教会学生独立思考，培养学生科学的精神品质，教会学生正确的学习方法。推荐人：张琼推荐时间：2019年6月19日2.推荐文章：《处理课堂节奏--动静相生》。推荐理由：理想的课堂节奏，应该是动中有静，静中有动，动静相
  • 一篇文章带你搞懂Controller、Service等各层的功能与作用 天马行空的程序猿 SpringJava数据库springspringbootjava
    推荐文章给软件行业带来了春天——揭秘Spring究竟是何方神圣（一）给软件行业带来了春天——揭秘Spring究竟是何方神圣（二）给软件行业带来了春天——揭秘Spring究竟是何方神圣（三）给软件行业带来了春天——揭秘Spring究竟是何方神圣（四）给软件行业带来了春天——揭秘Spring究竟是何方神圣（五）文章目录推荐文章常见的代码结构工具类层（Util）数据层（POJO）POJO对象数据对象（X
  • 告别繁琐！轻松创建旧版Spring Boot项目！ 天马行空的程序猿 Spring环境配置springboot后端java
    推荐文章给软件行业带来了春天——揭秘Spring究竟是何方神圣（一）给软件行业带来了春天——揭秘Spring究竟是何方神圣（二）给软件行业带来了春天——揭秘Spring究竟是何方神圣（三）给软件行业带来了春天——揭秘Spring究竟是何方神圣（四）给软件行业带来了春天——揭秘Spring究竟是何方神圣（五）文章目录推荐文章手动修改版本号使用国内镜像网站创建SpringInitializr（star
  • 大凉山童诗集 RisunJan 程序人生
    1、本blog为本人学习收集资料用。欢迎各位同道推荐文章交流。2、如果本blog所载文章有侵权嫌疑，请私信告知，我会在收到消息后，妥善处理，直至删除对应文章。《画画》杨龙12岁我偷偷在右脸，画了一根胡萝卜。黄色加橘色的胡萝卜，可甜了，甜到我害怕，全世界的兔子，都会来找我。《山，不是诗》沙马伍且12岁鹰不是诗，俯冲才是诗；牛不是诗，老实才是诗；猫头鹰不是诗，夜晚才是诗；猛虎不是诗，下山才是诗；狼不是
  • 【Linux】进程通信 cefler Linuxlinux进程通信
    欢迎来到Cefler的博客博客主页：折纸花满衣个人专栏：题目解析推荐文章：【LeetCode】wintervacationtraining目录进程通信的目的管道匿名管道pipe函数创建匿名管道管道的5种特性4种情况站在文件描述符的角度看管道命名管道命名管道和匿名管道的区别进程通信的目的数据传输：一个进程需要将它的数据发送给另一个进程资源共享：多个进程之间共享同样的资源。通知事件：一个进程需要向另一
  • 这样推荐文章，可以让浏览量蹭蹭蹭的往上涨 七星小鱼
    有很多朋友都会在朋友圈或者微信群里推荐自己活着一些精彩的文章，可是往往朋友圈也发了，各种群也推了，浏览量却毫无起色。这其中很大一部分原因可能是文章的推荐语少了几个关键点。下面就通过一个案例来告诉你，写文章推荐语需要掌握的几个技巧，按照这个方式去推荐文章，浏览量大概率会蹭蹭蹭的往上涨。案例所要推荐的文章源自于公众号“热望星球”，题目是《你的故事有覃杰·星人|热望之星007》，文章的内容讲述了007不
  • 在家能做什么兼职副业赚钱(12种家里兼职副业赚钱方法) 幸运副业
    在家能做什么兼职副业赚钱(12种家里兼职副业赚钱方法)家庭兼职副业不再是稀罕事物，而是一个蓬勃发展的领域，为那些希望在家中创造经济价值的人们提供了广泛选择。无需外出，无需繁琐手续，你可以在家中实现财务增值。如果你正在寻找各种各样的兼职机会，别错过《手机兼职，300-500/天，一单一结，大量要人》这篇推荐文章。在这里，你将找到各种适合不同技能和兴趣的岗位，包括文案编辑、线上答题、PS设计等等，都能
  • Maven Array_06 eclipsejdkmaven
    Maven Maven是基于项目对象模型(POM)， 信息来管理项目的构建，报告和文档的软件项目管理工具。 Maven 除了以程序构建能力为特色之外，还提供高级项目管理工具。由于 Maven 的缺省构建规则有较高的可重用性，所以常常用两三行 Maven 构建脚本就可以构建简单的项目。由于 Maven 的面向项目的方法，许多 Apache Jakarta 项目发文时使用 Maven，而且公司
  • ibatis的queyrForList和queryForMap区别 bijian1013 javaibatis
    一.说明         iBatis的返回值参数类型也有种：resultMap与resultClass，这两种类型的选择可以用两句话说明之：         1.当结果集列名和类的属性名完全相对应的时候，则可直接用resultClass直接指定查询结果类
  • LeetCode[位运算] - #191 计算汉明权重 Cwind java位运算LeetCodeAlgorithm题解
    原题链接：#191 Number of 1 Bits 要求： 写一个函数，以一个无符号整数为参数，返回其汉明权重。例如，‘11’的二进制表示为'00000000000000000000000000001011', 故函数应当返回3。 汉明权重：指一个字符串中非零字符的个数；对于二进制串，即其中‘1’的个数。 难度：简单 分析： 将十进制参数转换为二进制，然后计算其中1的个数即可。 “
  • 浅谈java类与对象 15700786134 java
          java是一门面向对象的编程语言，类与对象是其最基本的概念。所谓对象，就是一个个具体的物体，一个人，一台电脑，都是对象。而类，就是对象的一种抽象，是多个对象具有的共性的一种集合，其中包含了属性与方法，就是属于该类的对象所具有的共性。当一个类创建了对象，这个对象就拥有了该类全部的属性，方法。相比于结构化的编程思路，面向对象更适用于人的思维
  • linux下双网卡同一个IP 被触发 linux
    转自： http://q2482696735.blog.163.com/blog/static/250606077201569029441/ 由于需要一台机器有两个网卡，开始时设置在同一个网段的IP，发现数据总是从一个网卡发出，而另一个网卡上没有数据流动。网上找了下，发现相同的问题不少： 一、 关于双网卡设置同一网段IP然后连接交换机的时候出现的奇怪现象。当时没有怎么思考、以为是生成树
  • 安卓按主页键隐藏程序之后无法再次打开 肆无忌惮_ 安卓
    遇到一个奇怪的问题，当SplashActivity跳转到MainActivity之后，按主页键，再去打开程序，程序没法再打开（闪一下），结束任务再开也是这样，只能卸载了再重装。而且每次在Log里都打印了这句话"进入主程序"。后来发现是必须跳转之后再finish掉SplashActivity   本来代码：   // 销毁这个Activity fin
  • 通过cookie保存并读取用户登录信息实例 知了ing JavaScripthtml
    通过cookie的getCookies()方法可获取所有cookie对象的集合；通过getName()方法可以获取指定的名称的cookie；通过getValue()方法获取到cookie对象的值。另外，将一个cookie对象发送到客户端，使用response对象的addCookie()方法。 下面通过cookie保存并读取用户登录信息的例子加深一下理解。 （1）创建index.jsp文件。在改
  • JAVA 对象池 矮蛋蛋 javaObjectPool
    原文地址： http://www.blogjava.net/baoyaer/articles/218460.html Jakarta对象池       ☆为什么使用对象池   恰当地使用对象池化技术，可以有效地减少对象生成和初始化时的消耗，提高系统的运行效率。Jakarta Commons Pool组件提供了一整套用于实现对象池化
  • ArrayList根据条件+for循环批量删除的方法 alleni123 java
    场景如下： ArrayList<Obj> list Obj-> createTime, sid. 现在要根据obj的createTime来进行定期清理。（释放内存） ------------------------- 首先想到的方法就是 for(Obj o:list){ if(o.createTime-currentT>xxx){
  • 阿里巴巴“耕地宝”大战各种宝 百合不是茶 平台战略
    “耕地保”平台是阿里巴巴和安徽农民共同推出的一个 “首个互联网定制私人农场”，“耕地宝”由阿里巴巴投入一亿 ，主要是用来进行农业方面，将农民手中的散地集中起来 不仅加大农民集体在土地上面的话语权，还增加了土地的流通与 利用率，提高了土地的产量，有利于大规模的产业化的高科技农业的 发展，阿里在农业上的探索将会引起新一轮的产业调整，但是集体化之后农民的个体的话语权 将更少，国家应出台相应的法律法规保护
  • Spring注入有继承关系的类（1） bijian1013 javaspring
    一个类一个类的注入 1.AClass类 package com.bijian.spring.test2; public class AClass { String a; String b; public String getA() { return a; } public void setA(Strin
  • 30岁转型期你能否成为成功人士 bijian1013 成功
            很多人由于年轻时走了弯路，到了30岁一事无成，这样的例子大有人在。但同样也有一些人，整个职业生涯都发展得很优秀，到了30岁已经成为职场的精英阶层。由于做猎头的原因，我们接触很多30岁左右的经理人，发现他们在职业发展道路上往往有很多致命的问题。在30岁之前，他们的职业生涯表现很优秀，但从30岁到40岁这一段，很多人
  • [Velocity三]基于Servlet+Velocity的web应用 bit1129 velocity
    什么是VelocityViewServlet 使用org.apache.velocity.tools.view.VelocityViewServlet可以将Velocity集成到基于Servlet的web应用中，以Servlet+Velocity的方式实现web应用   Servlet + Velocity的一般步骤 1.自定义Servlet，实现VelocityViewServl
  • 【Kafka十二】关于Kafka是一个Commit Log Service bit1129 service
    Kafka is a distributed, partitioned, replicated commit log service.这里的commit log如何理解？   A message is considered "committed" when all in sync replicas for that partition have applied i
  • NGINX + LUA实现复杂的控制 ronin47 lua nginx 控制
    安装lua_nginx_module 模块 lua_nginx_module 可以一步步的安装，也可以直接用淘宝的OpenResty Centos和debian的安装就简单了。。 这里说下freebsd的安装： fetch http://www.lua.org/ftp/lua-5.1.4.tar.gz tar zxvf lua-5.1.4.tar.gz cd lua-5.1.4 ma
  • java-14.输入一个已经按升序排序过的数组和一个数字， 在数组中查找两个数，使得它们的和正好是输入的那个数字 bylijinnan java
    public class TwoElementEqualSum { /** * 第 14 题： 题目：输入一个已经按升序排序过的数组和一个数字， 在数组中查找两个数，使得它们的和正好是输入的那个数字。 要求时间复杂度是 O(n) 。如果有多对数字的和等于输入的数字，输出任意一对即可。 例如输入数组 1 、 2 、 4 、 7 、 11 、 15 和数字 15 。由于
  • Netty源码学习-HttpChunkAggregator-HttpRequestEncoder-HttpResponseDecoder bylijinnan javanetty
    今天看Netty如何实现一个Http Server org.jboss.netty.example.http.file.HttpStaticFileServerPipelineFactory： pipeline.addLast("decoder", new HttpRequestDecoder()); pipeline.addLast(&quo
  • java敏感词过虑-基于多叉树原理 cngolon 违禁词过虑替换违禁词敏感词过虑多叉树
    基于多叉树的敏感词、关键词过滤的工具包，用于java中的敏感词过滤 1、工具包自带敏感词词库，第一次调用时读入词库，故第一次调用时间可能较长，在类加载后普通pc机上html过滤5000字在80毫秒左右，纯文本35毫秒左右。   2、如需自定义词库，将jar包考入WEB-INF工程的lib目录，在WEB-INF/classes目录下建一个 utf-8的words.dict文本文件，
  • 多线程知识 cuishikuan 多线程
    T1，T2，T3三个线程工作顺序，按照T1，T2，T3依次进行 public class T1 implements Runnable{           @Override      
  • spring整合activemq dalan_123 java spring jms
    整合spring和activemq需要搞清楚如下的东东1、ConnectionFactory分：     a、spring管理连接到activemq服务器的管理ConnectionFactory也即是所谓产生到jms服务器的链接      b、真正产生到JMS服务器链接的ConnectionFactory还得
  • MySQL时间字段究竟使用INT还是DateTime？ dcj3sjt126com mysql
      环境：Windows XPPHP Version 5.2.9MySQL Server 5.1 第一步、创建一个表date_test（非定长、int时间） CREATE TABLE `test`.`date_test` (`id` INT NOT NULL AUTO_INCREMENT ,`start_time` INT NOT NULL ,`some_content`
  • Parcel: unable to marshal value dcj3sjt126com marshal
    在两个activity直接传递List<xxInfo>时，出现Parcel: unable to marshal value异常。   在MainActivity页面（MainActivity页面向NextActivity页面传递一个List<xxInfo>）：   Intent intent = new Intent(this, Next
  • linux进程的查看上（ps） eksliang linux pslinux ps -llinux ps aux
    ps:将某个时间点的进程运行情况选取下来 转载请出自出处：http://eksliang.iteye.com/admin/blogs/2119469 http://eksliang.iteye.com         ps 这个命令的man page 不是很好查阅，因为很多不同的Unix都使用这儿ps来查阅进程的状态，为了要符合不同版本的需求，所以这个
  • 为什么第三方应用能早于System的app启动 gqdy365 System
    Android应用的启动顺序网上有一大堆资料可以查阅了，这里就不细述了，这里不阐述ROM启动还有bootloader，软件启动的大致流程应该是启动kernel -> 运行servicemanager 把一些native的服务用命令启动起来（包括wifi, power, rild, surfaceflinger, mediaserver等等）-> 启动Dalivk中的第一个进程Zygot
  • App Framework发送JSONP请求(3) hw1287789687 jsonp跨域请求发送jsonpajax请求越狱请求
    App Framework 中如何发送JSONP请求呢? 使用jsonp,详情请参考:http://json-p.org/ 如何发送Ajax请求呢? (1)登录 /*** * 会员登录 * @param username * @param password */ var user_login=function(username,password){ // aler
  • 发福利，整理了一份关于“资源汇总”的汇总 justjavac 资源
    觉得有用的话，可以去github关注：https://github.com/justjavac/awesome-awesomeness-zh_CN 通用 free-programming-books-zh_CN 免费的计算机编程类中文书籍 精彩博客集合 hacke2/hacke2.github.io#2 ResumeSample 程序员简历
  • 用 Java 技术创建 RESTful Web 服务 macroli java编程WebREST
    转载：http://www.ibm.com/developerworks/cn/web/wa-jaxrs/   JAX-RS (JSR-311) 【 Java API for RESTful Web Services 】是一种 Java™ API，可使 Java Restful 服务的开发变得迅速而轻松。这个 API 提供了一种基于注释的模型来描述分布式资源。注释被用来提供资源的位
  • CentOS6.5-x86_64位下oracle11g的安装详细步骤及注意事项 超声波 oraclelinux
    前言： 这两天项目要上线了，由我负责往服务器部署整个项目，因此首先要往服务器安装oracle，服务器本身是CentOS6.5的64位系统，安装的数据库版本是11g，在整个的安装过程中碰到很多的坑，不过最后还是通过各种途径解决并成功装上了。转别写篇博客来记录完整的安装过程以及在整个过程中的注意事项。希望对以后那些刚刚接触的菜鸟们能起到一定的帮助作用。   安装过程中可能遇到的问题（注
  • HttpClient 4.3 设置keeplive 和 timeout 的方法 supben httpclient
    ConnectionKeepAliveStrategy kaStrategy = new DefaultConnectionKeepAliveStrategy() { @Override public long getKeepAliveDuration(HttpResponse response, HttpContext context) { long keepAlive
  • Spring 4.2新特性-@Import注解的升级 wiselyman spring 4
    3.1 @Import @Import注解在4.2之前只支持导入配置类 在4.2,@Import注解支持导入普通的java类,并将其声明成一个bean 3.2 示例 演示java类 package com.wisely.spring4_2.imp; public class DemoService { public void doSomethin
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他