夏虫语冰彡
夏虫语冰彡

CSS+DIV三种布局方式

在学习了盒模型、块级元素和行内元素得到概念后，我们来说一下CSS的一个比较重要的用途：布局。以前我们学过表格可以起到布局页面的作用，比如布局表单，但实际工作表格的布局通常也仅仅是用来布局表单。绝大多数的模具工作是由CSS+DIV来完成的，因为表格布局 复杂页面时需要频繁的嵌套，代码比较复杂、难以维护，而使用CSS+DIV布局，内容和表现可以分离，代码干净整洁、可读性好、便于维护，并且样式代码可以复用，提高了开发效率，同时分离后美工和网站开发人员也可以协同合作，进一步提高了开发效率和整体网站的质量。

一、 常规流式布局

元素按照自身的常规显示方式显示，有两个特点：
1.元素按照自身HTML元素定义的位置显示（怎么写的怎么显示）
2.元素按照自身的常规显示特性显示
比如块级元素垂直排列，行级元素水平排列。
以前没学布局时，其实是用的就是常规流布局。

二、 浮动（顺便讲解布局步骤）

具体代码：
左浮动 float:left;
右浮动 float:right;

我们知道编程一般都是有套路的，使用CSS+DIV布局也不例外，大体分为以下四步：
布局步骤：
一、画效果图
在纸上先画出我们想要的页面的具体显示的框架。比如我们想要把一个网页分成上中下三个部分。
二、使用DIV进行分割
拿本例来说我们网页整体分为上中下三部分，所以我们可以使用三个div来先大体分割一下该网页.
三、使用CSS来控制DIV布局
使用CSS样式来控制布局的具体宽、高，并使用显著的背景标注，在需要修改时可以清楚的看到该模块。
四、使用以上三步进行细分
在每一模块都要通过以上三步具体划分。

为什么使用DIV分割布局？
我们知道HTML中的每个元素都像一个盒子一样，每个盒子都能容纳其他元素，比如div元素、p元素、h4元素等都能容纳其他元素，那么为什么我们布局的时候要用div容纳其他元素,而不用p元素、h4元素或者其他元素呢？这是因为div元素是最干净的盒子它没有其他的属性，换句话说如果只写div标签而不加任何属性的话，它只是一个没有任何特性的容器，而其他元素比如p元素,它就有自己格外的属性，比如用两个p元素布局，它们之间有空行。如果用h4布局，放在h4里面的文字都被加大了显示了，像p元素、h4元素这些容器如果用来布局的话会影响效果，所以我们使用不加带任何特性的最干净的盒子—–DIV来布局。

示例代码：


<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>Documenttitle>
    <style>
        *{
            margin:0px auto;
        }

        #all{
            text-align: center;
        }

        div.logo {
            width:1300px;
            height:60px;
            background-color: yellow;
        }

        div.copyright {
            width:1300px;
            height:60px;
            background-color: goldenrod;
        }

        div.middle {
            width:1300px;
            height: 500px;
        }

        div.menu {
            width:200px;
            height: 500px;
            background-color: #E4393C;
            /*菜单左浮动*/
            float:left;
        }

        div.main {
            width:1100px;
            height: 500px;
            background-color: #bad0ef;
            /*主题右浮动*/
            float:right;
            /*左浮动、右浮动都可以*/
            float:left;
        }
    style>
head>
<body>
    <div id="all">

        <div class="logo">
            logo
        div>

        <div class="middle">
             <div class="menu">
                menu
             div>

            <div class="main">
                网站的主体内容
            div>
        div>

        <div class="copyright">
            bottom
        div>

    div>
body>
html>

如果不使用浮动，则块级元素默认是垂直排列，而改为行级元素又无法调整宽高和边距，所以我们采用浮动，来使两个块级元素水平排列。

多类症:不要过多的使用类选择器,这样会造成代码臃肿，可读性差,能使用其他选择器代替的就使用其他选择器

  • 浮动的若干特性
  • 1.框1向右移动
  • 2.框1向左浮动

  • 3.所有三个框向左浮动
    CSS+DIV三种布局方式_第1张图片

    CSS+DIV三种布局方式_第2张图片

    CSS+DIV三种布局方式_第3张图片

  • 清除浮动

如上图3的“被卡住”的情况，或者我们想要前两个框向左浮动，不想要第三个浮动，可以在第三个框的DIV处加 clear:left; 属性。意思是清除向左浮动的特性，第三个元素直接换行显示。

  • 使用浮动实现水平导航菜单
    示例代码：

<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>Documenttitle>
    <style>
        * {
            margin:0px;
        }

        body {
            font: 12px/150% Arial, Verdana, "宋体";
        }

        /*水平导航菜单开始*/
        .horizontal-ul {
            list-style: none;
            margin: 0px;
            padding: 0px;
        }


        .horizontal-ul li {
            float: left;
        }

        .line {
            color: #ccc;
            padding: 0px 12px;
            /*background-color:green;*/
        }
        /*水平导航菜单结束*/

        a:link {
            text-decoration: none;
        }

        a:hover {
            text-decoration: underline;
        }

        .horizontal-ul li a {
            color: #666;
        }

        .horizontal-ul li span {
            color: #666;
        }

        div.horizontal-menu-div {
            width:1000px;
            height:auto;
            background-color:yellow;

        }
    style>
head>
<body>
    <div class="horizontal-menu-div">

    <ul class="horizontal-ul">
        <li><a href="">关于我们a><span class="line">|span>li>
        <li><a href="">联系我们a><span class="line">|span>li>
        <li><a href="">人才招聘a><span class="line">|span>li>
        <li><a href="">商家入驻a><span class="line">|span>li>
        <li><a href="">广告服务a><span class="line">|span>li>
        <li><a href="">手机京东a><span class="line">|span>li>
        <li><a href="">友情链接a><span class="line">|span>li>
        <li><a href="">销售联盟a><span class="line">|span>li>
        <li><a href="">京东社区a><span class="line">|span>li>
        <li><a href="">京东公益a><span class="line">|span>li>
        <li><a href="">English Sitea>li>
    ul>


div>
body>
html>

三、定位布局

1.静态定位

position:static;
默认值，不写position相当于写上position:static;以前没学定位的时候其实都是静态定位，元素在它原本的位置显示，即使加了top、left等也不起作用。

2.相对定位

相对定位是相对于自身的原始位置进行平移，如果设置position：relative；表示相对定位。
z-index:值越大越在上面
注意：z-index必须加在已经定位的元素上才起作用。

3.绝对定位

子容器相对于父容器的定位，如果没有父容器，则相对于body定位。
position:absolute;
示例代码：


<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>Documenttitle>
    <style type="text/css">
        *{
            margin:0;
        }

        div.grandpa{
            width: 100%;
            height:100%;
            background-color: gray;
            position: absolute;
        }

        div.father{
            width:100px;
            height:100px;
            top:100px;
            left:100px;
            position: absolute;
            background-color: blue;
        }

        div.son{
            width:50px;
            height: 50px;
            right: 0px;
            bottom:0px;
            position: absolute;
            background-color: green;
        }
    style>
head>
<body>
    <div class="grandpa">
        <div class="father">
            <div class="son">div>
        div>
    div>

body>
html>

4.fixed固定定位

也是相对定位，相对于窗口的
position:fixed;

那么我们什么时候用相对定位，什么时候用绝对定位呢？
一般顶层容器我们使用相对定位，子容器使用绝对定位，这样的好处是父容器移动时，子容器能够跟着父容器移动，而不用再调整子容器的位置。

CSS+DIV三种布局方式_第4张图片

你可能感兴趣的:(css,盒模型,布局,边距问题,CSS+DIV)

  • Pinterest打不开怎么办？先从这几个方面排查 跨境一哥 人工智能大数据物联网网络搜索引擎ip
    Pinterest作为社交种草、推广营销和灵感分享的重要平台，是众多用户的每日必用工具。如果无法正常打开和使用，必然会有不小的负面影响。可以参考本文整理的可能原因和解决方法。一、可能原因1.网络连接问题移动数据网络信号弱、网络延迟严重、Wi-Fi信号不稳定、Pinterest联网权限未打开……这些都是导致Pinterest打不开的常见网络连接问题。2.浏览器问题使用的浏览器缓存文件太冗杂、Cook
  • 【考研】南邮历年复试上机试题目与题解 SpareLin 考研算法
    【考研】南邮历年复试上机试题目与题解文章目录【考研】南邮历年复试上机试题目与题解个人题目难度评估历年上机题目PROB1002求最值问题PROB1003新对称素数问题PROB1004进制转换PROB1005涂色问题(待补)PROB1006最大公约数和最小公倍数PROB1007斐波那契数列PROB1008回文回文PROB1009单源最短路PROB1010萌萌摘苹果PROB1011忠诚的骑士PROB10
  • 保研考研机试攻略：第一章——从零开始 杜若南星 保研考研机试攻略考研数据结构算法笔记经验分享c++c语言
    欢迎大家来到保研考研机试攻略专栏，该专栏将更新我对N诺平台的计算机考研机试攻略——高分篇、满分篇教程的学习笔记和心得，N诺是唯一一个纯粹为计算机考研而准备的学习平台，学完这些教程的内容，相信我们都会拿到满意的机试高分，如果你也对机试考试的准备感到迷茫，来和我一起学习吧~有任何问题欢迎评论区留言或私信我，让我们一起拿捏机试，顺利上岸！！！目录1.1输入输出技巧(1)基本类型输入输出(2)gets、g
  • ESP32开发日记4-来讲讲ESP32之外的东西(Valgrind 工具的使用) 我在武汉上早八 开发工具笔记物联网linuxc语言c++
    目录简介安装Valgrind基本使用总结简介从第一篇文章我们知道，乐鑫官方给集成了一个调试工具，能够在程序异常时分层追踪到导致异常的地方。这个功能实际上很像Valgrind，她是一个在Linux环境下广泛使用的编程工具套件，主要用于内存调试、内存泄漏检测以及性能分析。它对于识别程序中的内存和线程问题非常有用，特别适用于C和C++程序的开发和调试。在实际的开发过程当中如果遇到不好找的问题特别是崩溃内
  • 【20231214】银河麒麟系统（5.4.18-52-generic）ghost镜像还原失败问题 风流倜傥小辣条丶 linux
    【20231214】银河麒麟系统（5.4.18-52-generic）ghost镜像还原失败问题目录【20231214】银河麒麟系统（5.4.18-52-generic）ghost镜像还原失败问题0前言1问题概述1.1基础环境1.2问题现象2问题定位2.1日志分析2.22207系统验证2.3rsync工具3机理分析4解决措施5举一反三0前言转载请附上原文出处链接稀土掘金本文链接：https://j
  • 用ESP-IDF驱动WS2812 楚谭 ESP-IDFc语言
    WS2812b(54条消息)ESP32学习】驱动ws2812_sidongshi的博客-CSDN博客_esp32ws2812关于LED看这个资料吧,我不再继续说明ESP-IDF这个也初学,不太熟悉其中编译原理,大概说一下延时问题inti;for(i=0;i<(20);i++);关于纳秒级别延时函数,上面这段代码在72M的stm32103中大概是延时1.4ns左右,但是在ESP-IDF中这种写法会被
  • javaBC库冲突问题 柠檬无糖可乐 开发语言
    Security.removeProvider(“BC”);这一行代码会移除已添加的BouncyCastle安全提供者（如果它已经被添加）。“BC”是用于标识BouncyCastle提供者的别名。在之前的代码中，如果BouncyCastle提供者已经以别名“BC”被添加到Java安全提供者列表中，这一行会确保它被移除。这样做的目的是为了确保你使用的是最新版本的提供者，或者避免重复添加。Securi
  • CentOS 中安装高版本 nodejs 问题小记 赵大仁 js技术学习linuxcentosnodejs
    问题如果你在CentOS中安装最新版本NodeJS时碰到如下报错，尝试按照下面的步骤升级一下glibc吧node:/usr/lib64/libstdc++.so.6:version`GLIBCXX_3.4.14'notfound(requiredbynode)node:/usr/lib64/libstdc++.so.6:version`GLIBCXX_3.4.18'notfound(require
  • 计算机毕业设计springboot框架的个人健康管理系统的设计与实现ct1l59【附源码】 苏苏酱 ゛计算机毕设源码程序 课程设计springboot后端
    本项目包含程序+源码+数据库+LW+调试部署环境，文末可获取一份本项目的java源码和数据库参考。系统的选题背景和意义选题背景和意义：近年来，随着人们生活水平的提高和健康意识的增强，个人健康管理成为了越来越多人关注的话题。然而，传统的健康管理方式存在一些问题，如信息不全面、数据不准确、操作繁琐等。因此，设计和实现一个基于SpringBoot框架的个人健康管理系统具有重要的意义。首先，该系统能够帮助
  • 如何解决【docker端口映射不能访问】的问题？ 奇墨 ITQM docker容器运维
    在企业数字化转型中，Docker作为一种常用的容器技术，一个非常强大的功能就是通过端口映射将容器内的服务发布到外部。然而，有时候我们会遇到无法从外部访问容器内部文件的问题，导致服务无法正常运行。下面将对这个问题进行深入剖析并给出解决方法。一、问题描述：我在服务器上启动了个nginx:latest的容器，使用命令如下：[root@Hangz-Ecs1~]#dockerrun-id-p8080:80-
  • 智源社区AI周刊：Hinton预测破解大脑机制时间；Gary Marcus批判追捧深度学习风潮；谷歌发布Imagen... 智源社区 机器学习人工智能深度学习编程语言大数据
    汇聚每周必看AI观点、研究和各类资源，不错过一条重要资讯！欢迎扫码订阅，获取邮件推送。观点“我们会在未来的五年内破解这些（人脑的）程序......现有的一切人工智能，都是建立在与大脑高层次上所做的事情完全不同的基础上......假设有数十亿的参数，这些神经元间的权重在大量训练实例的基础上去调整，会发生奇妙的事情。大脑是如此，深度学习也是如此。但问题在于，如何获得调整参数的梯度......目前我的信
  • C#中的设计模式：构建更加优雅的代码 Envyᥫᩣᩚ c#开发语言
    C#在面向对象编程（OOP）方面的强大支持，我们可以探讨“C#中的设计模式”。这不仅有助于理解如何更好地组织代码，还能提高代码的可维护性和可扩展性。引言设计模式是软件工程中经过实践验证的解决方案模板，它们提供了一种标准化的方法来解决常见的开发问题。对于使用C#进行开发的程序员来说，理解和应用这些模式可以帮助创建结构良好、易于维护和扩展的应用程序。本文将介绍几种常用的设计模式，并展示如何用C#实现它
  • 深度探索 DeepSeek-R1：国产大模型的AGI雏形与创新进展 微凉的衣柜 科技头条agi人工智能
    随着人工智能技术的飞速发展，国内外企业纷纷发布了一系列创新的大模型，推动了AGI（通用人工智能）领域的探索。近期，DeepSeek-R1这一模型的发布引起了广泛关注，它不仅标志着国产大模型在智能化上的一次重大突破，还提出了全新的训练方法，解决了过去依赖大量人类数据的问题。本篇文章将详细介绍DeepSeek-R1的核心优势、技术创新以及实际应用案例，揭示它在AGI领域的潜力。1.DeepSeek-R
  • 线性代数 第七讲 二次型_标准型_规范型_坐标变换_合同_正定二次型详细讲解_重难点题型总结 二叉树果实 线性代数线性代数
    文章目录1.二次型1.1二次型、标准型、规范型、正负惯性指数、二次型的秩1.2坐标变换1.3合同1.4正交变换化为标准型1.5可逆线性变换和正交变换1.6二次型化标准形，二次型化规范形的联系思考1.8两个二次型联系的思考1.9对于配方法问题的深入思考2.二次型的主要定理3.正定二次型与正定矩阵4.重难点题型总结4.1配方法将二次型化为标准型4.2正交变换法将二次型化为标准型4.3规范型确定取值范围
  • 基于Langchain框架，采用Qwen2.5大模型，搭建自己的Agent，ReACT效果比RAG好 张登杰踩 langchainpython人工智能语言模型
    最近在做RAG，调研后发现ReACT好像更具有说服力，对最终结果的解释也更加合理。举个例子，我扔给大模型这样一个问题：15的平方是多少？另外，法国的首都是哪里？采用ReACT的运行结果如下：>EnteringnewAgentExecutorchain...我需要先计算15的平方，然后搜索法国的首都。Action:平方计算器ActionInput:"15"Observation:15的平方等于225
  • 如何进行SQL调优？ M-bao sqloracle数据库
    这只是粗略总结，之后会就各个模块详细说SQL调优指南SQL调优是面试中常见的问题，考察候选人对SQL性能优化的理解和掌握程度。有效的SQL调优可以显著提升系统性能和响应时间，以下是进行SQL调优的一些步骤和策略。1.问题发现在调优之前，明确问题背景至关重要。例如，某次线下报警显示出现了慢SQL，或接口的响应时间（RT）过长，经过性能分析发现瓶颈在SQL查询上。使用监控工具（如AWR报告、慢查询日志
  • 适配器模式详解：解决接口不兼容问题的灵活设计模式 Nita. 设计模式C#适配器模式设计模式c#
    适配器模式目录1概述2主要角色3适配器模式的两种实现方式类适配器3.1.1示例3.1.2Mermaid图对象适配器3.2.1示例3.2.2MerMaid类图双向适配器模式3.3.1示例接口实现具体实现3.3.2MerMaid类图缺省适配器模式3.4.1示例3.4.2Mermaid类图4适用场景具体场景示例5适配器模式的优缺点5.1优点5.2缺点6.NET中的适配器模式案例DataAdapter：H
  • WPF拖拽交互全攻略及实现自定义拖拽控件及数据交换技巧解析 Nita. WPFWPF自定义控件.NETwpf.NETc#1024程序员节
    目录1.基本概念2.实现拖拽功能概述需要要实现基本的拖放，完成以下任务：其他操作示例3.1设置拖拽源，拖拽开始3.2设置拖拽效果DragDropEffects3.3设置放置目标，处理拖拽数据拖拽输入DragEnter事件DragOver事件拖拽离开DragLeave事件拖拽结束Drop事件3.其他实际使用中遇到的问题实现拖拽交换数据的自定义控件效果思路解析具体实现参考1.基本概念拖拽（Dragan
  • Redhat 8.0 yum换网络源cent8（阿里） Geraltic linuxyum源Redhat8.0
    这里我用的是阿里源cent8.5，清华源的cent8相关内容已经找不到资源redhat8如果换源为cent7的，可能会产生问题1.保险起见，先备份原来的repo文件(此处为xxx.repo)mv ggm.repo ggm.repo.backup2.由于默认用原xxx.repo避免冲突，删除原xxx.reporm-rfggm.repo3.下载新的repo到指定目录/etc/yum.repos.d/w
  • windows修改host上github hunter206206 gitwindowsgithub
    在Windows上修改hosts文件可以帮助你解决访问GitHub的问题，例如绕过DNS污染或加速访问。以下是具体步骤：1.找到hosts文件hosts文件位于Windows系统的以下路径：C:\Windows\System32\drivers\etc\hosts2.以管理员身份编辑hosts文件由于hosts文件是系统文件，需要管理员权限才能修改。方法1：使用记事本按Win+S，搜索“记事本”。
  • 新能源汽车充电桩选型以及安装应用 ACRELKY 汽车
    摘要:随着当前经济的不断发展,国家的科技也有了飞速的进步,传统的燃油汽车已经不能适应当前社会的发展,不仅对能源造成巨大的消耗,还对环境造成了污染,当前一种新型的交通运输工具正在占领汽车市场。在环境问题和能源问题愈发严重的当今社会,节能减排已经成为全世界的共同课题,绿色交通已经成为各国节能减排的一个重点,在当前状态下汽车行业有了新的发展,新能源汽车应运而生。本文主要对新能源汽车充电桩选型以及安装进行
  • CH4 - Python开发技术—流程控制之分支结构 （头歌） MSY～学习日记分享 pythonpython开发语言
    目录第1关：英制单位英寸与公制单位厘米互换第2关：百分制成绩转换为等级制成绩第3关：约瑟夫环问题第1关：英制单位英寸与公制单位厘米互换"""英制单位英寸和公制单位厘米互换"""defcmin(value,unit):''':paramvalue:长度，:paramunit:单位'''#请在此处添加代码##*************begin************#ifunit=='cm'orun
  • LLaMA Pro是什么 相比于lora full freeze有什么区别 怎么使用 Ven% 简单说深度学习深度学习基础动手深度学习速通系列llamatransformer深度学习人工智能
    1.LLaMAPro是什么？LLaMAPro是一种基于LLaMA架构改进的大型语言模型（LLM），旨在解决大模型微调中的知识遗忘问题。它通过在原有模型的基础上扩展新的模块（如Transformer块），并在微调时仅训练这些新增模块，从而在适应新任务的同时保留预训练模型的通用知识。LLaMAPro在代码理解、数学推理和语言理解等任务上表现出色，特别适合需要持续学习和多任务处理的场景。2.LLaMAP
  • 【vLLM 学习】使用 OpenVINO 安装
    vLLM是一款专为大语言模型推理加速而设计的框架，实现了KV缓存内存几乎零浪费，解决了内存管理瓶颈问题。更多vLLM中文文档及教程可访问→https://vllm.hyper.ai/由OpenVINO驱动的vLLM支持来自vLLM支持的模型列表中的所有LLM模型，并且可以在所有x86-64CPU上（至少需要AVX2支持）进行最佳的模型服务。OpenVINO的vLLM后端支持以下高级vLLM特性：前
  • 应用冷启动及页面滑动场景性能优化 harmonyos
    课程简介本课程是【HarmonyOSTechTalk】的第29课。本次主要围绕“应用冷启动及页面滑动场景性能优化”展开介绍。课程分为两个部分：1.应用冷启动流程讲解：介绍关键性能指标、问题分析思路以及提升应用冷启动方案；2.页面滑动场景性能优化实践：包括滑动性能指标、问题分析思路、ArkUI和RN应用的常见优化手段。通过深入了解这些内容，开发者能够提高冷启动流程效率和优化滑动体验。标签高级课程Ha
  • 梯度提升决策树树（GBDT）公式推导 化作星辰 决策树算法机器学习
    ###逻辑回归的损失函数逻辑回归模型用于分类问题，其输出是一个概率值。对于二分类问题，逻辑回归模型的输出可以表示为：\[P(y=1|x)=\frac{1}{1+e^{-F(x)}}\]其中\(F(x)\)是一个线性组合函数，通常表示为：\[F(x)=\sum_{m=0}^{M}h_m(x)\]这里的\(h_m(x)\)是学习到的决策树。###损失函数的推导对于单个样本\((x_i,y_i)\)，逻
  • hyper鼠标，hyper-v鼠标问题如何解决？ hyper-v
    数字化转型的浪潮下，批量管理宛如先进的数字化武器，助力企业在这场变革中抢占先机。今天小编要讲解hyper-v鼠标问题如何解决。在Hyper-V中使用鼠标时，可能会遇到“未捕获到鼠标”的问题，这会影响虚拟机的操作体验。以下是一些解决方案：1.启用增强会话模式（ESM）：在虚拟机设置中启用增强会话模式，这有助于改善鼠标捕获功能。2.检查驱动兼容性：确保宿主机上的显卡驱动和Hyper-V集成服务是最新的
  • hyper快照，hyper-v快照的管理 hyper-v
    企业战略实施的过程中，批量管理如同战略落地的坚实基石，确保战略目标的逐步实现。今天小编要给大家分享hyper-v快照的管理。Hyper-V快照是Hyper-V虚拟化环境中的一项重要功能，它允许用户记录虚拟机在某一特定时间点的状态，包括内存、磁盘和网络配置等。通过快照，用户可以在虚拟机出现问题或需要回溯到某个状态时，快速恢复到该快照所记录的状态。Hyper-V快照的类型：标准检查点：记录虚拟机及其内
  • hyper快照，hyper-v快照的管理 hyper-v
    企业战略实施的过程中，批量管理如同战略落地的坚实基石，确保战略目标的逐步实现。今天小编要给大家分享hyper-v快照的管理。Hyper-V快照是Hyper-V虚拟化环境中的一项重要功能，它允许用户记录虚拟机在某一特定时间点的状态，包括内存、磁盘和网络配置等。通过快照，用户可以在虚拟机出现问题或需要回溯到某个状态时，快速恢复到该快照所记录的状态。Hyper-V快照的类型：标准检查点：记录虚拟机及其内
  • 机器学习问题：AttributeError: ‘NoneType‘ object has no attribute ‘split‘ 解决办法 零零鲎 机器学习人工智能
    参考博客：本次博客参考http://t.csdnimg.cn/8E7eH。写下来主要是为了整理自己在学习过程中遇到的问题并把解决办法列出来。学习内容：如果运行出现：AttributeError:‘NoneType’objecthasnoattribute'split’这样的问题。网上有很多解决办法是降级numpy到1.21.4。然后上面博客给出的解决方案是升级threadpoolctl。可以使用命
  • 枚举的构造函数中抛出异常会怎样 bylijinnan javaenum单例
    首先从使用enum实现单例说起。 为什么要用enum来实现单例？ 这篇文章（ http://javarevisited.blogspot.sg/2012/07/why-enum-singleton-are-better-in-java.html）阐述了三个理由： 1.enum单例简单、容易，只需几行代码： public enum Singleton { INSTANCE;
  • CMake 教程 aigo C++
    转自：http://xiang.lf.blog.163.com/blog/static/127733322201481114456136/   CMake是一个跨平台的程序构建工具，比如起自己编写Makefile方便很多。 介绍：http://baike.baidu.com/view/1126160.htm 本文件不介绍CMake的基本语法，下面是篇不错的入门教程： http:
  • cvc-complex-type.2.3: Element 'beans' cannot have character Cb123456 springWebgis
      cvc-complex-type.2.3: Element 'beans' cannot have character     Line 33 in XML document from ServletContext resource [/WEB-INF/backend-servlet.xml] is i
  • jquery实例:随页面滚动条滚动而自动加载内容 120153216 jquery
    <script language="javascript"> $(function (){ var i = 4;$(window).bind("scroll", function (event){ //滚动条到网页头部的 高度，兼容ie,ff,chrome var top = document.documentElement.s
  • 将数据库中的数据转换成dbs文件 何必如此 sqldbs
    旗正规则引擎通过数据库配置器（DataBuilder）来管理数据库，无论是Oracle，还是其他主流的数据都支持，操作方式是一样的。旗正规则引擎的数据库配置器是用于编辑数据库结构信息以及管理数据库表数据，并且可以执行SQL 语句，主要功能如下。 1)数据库生成表结构信息：         主要生成数据库配置文件(.conf文
  • 在IBATIS中配置SQL语句的IN方式 357029540 ibatis
    在使用IBATIS进行SQL语句配置查询时，我们一定会遇到通过IN查询的地方，在使用IN查询时我们可以有两种方式进行配置参数：String和List。具体使用方式如下： 1.String:定义一个String的参数userIds，把这个参数传入IBATIS的sql配置文件，sql语句就可以这样写： <select id="getForms" param
  • Spring3 MVC 笔记（一） 7454103 springmvcbeanRESTJSF
             自从 MVC 这个概念提出来之后 struts1.X  struts2.X   jsf 。。。。。 这个view 层的技术一个接一个！ 都用过！不敢说哪个绝对的强悍！ 要看业务，和整体的设计！      最近公司要求开发个新系统！
  • Timer与Spring Quartz 定时执行程序 darkranger springbean工作quartz
    有时候需要定时触发某一项任务。其实在jdk1.3，java sdk就通过java.util.Timer提供相应的功能。一个简单的例子说明如何使用，很简单： 1、第一步，我们需要建立一项任务，我们的任务需要继承java.util.TimerTask package com.test; import java.text.SimpleDateFormat; import java.util.Date;
  • 大端小端转换，le32_to_cpu 和cpu_to_le32 aijuans C语言相关
    大端小端转换，le32_to_cpu 和cpu_to_le32  字节序 http://oss.org.cn/kernel-book/ldd3/ch11s04.html         小心不要假设字节序. PC 存储多字节值是低字节为先(小端为先, 因此是小端), 一些高级的平台以另一种方式(大端)
  • Nginx负载均衡配置实例详解 avords
    [导读] 负载均衡是我们大流量网站要做的一个东西，下面我来给大家介绍在Nginx服务器上进行负载均衡配置方法，希望对有需要的同学有所帮助哦。负载均衡先来简单了解一下什么是负载均衡，单从字面上的意思来理解就可以解 负载均衡是我们大流量网站要做的一个东西，下面我来给大家介绍在Nginx服务器上进行负载均衡配置方法，希望对有需要的同学有所帮助哦。 负载均衡 先来简单了解一下什么是负载均衡
  • 乱说的 houxinyou 框架敏捷开发软件测试
    从很久以前，大家就研究框架，开发方法，软件工程，好多！反正我是搞不明白！ 这两天看好多人研究敏捷模型，瀑布模型！也没太搞明白. 不过感觉和程序开发语言差不多， 瀑布就是顺序，敏捷就是循环. 瀑布就是需求、分析、设计、编码、测试一步一步走下来。而敏捷就是按摸块或者说迭代做个循环，第个循环中也一样是需求、分析、设计、编码、测试一步一步走下来。 也可以把软件开发理
  • 欣赏的价值——一个小故事 bijian1013 有效辅导欣赏欣赏的价值
    　　第一次参加家长会，幼儿园的老师说："您的儿子有多动症，在板凳上连三分钟都坐不了，你最好带他去医院看一看。"　　回家的路上，儿子问她老师都说了些什么，她鼻子一酸，差点流下泪来。因为全班30位小朋友，惟有他表现最差；惟有对他，老师表现出不屑，然而她还在告诉她的儿子："老师表扬你了，说宝宝原来在板凳上坐不了一分钟，现在能坐三分钟。其他妈妈都非常羡慕妈妈，因为全班只有宝宝
  • 包冲突问题的解决方法 bingyingao eclipsemavenexclusions包冲突
    包冲突是开发过程中很常见的问题： 其表现有： 1.明明在eclipse中能够索引到某个类，运行时却报出找不到类。 2.明明在eclipse中能够索引到某个类的方法，运行时却报出找不到方法。 3.类及方法都有，以正确编译成了.class文件，在本机跑的好好的，发到测试或者正式环境就 抛如下异常： java.lang.NoClassDefFoundError: Could not in
  • 【Spark七十五】Spark Streaming整合Flume-NG三之接入log4j bit1129 Stream
    先来一段废话： 实际工作中，业务系统的日志基本上是使用Log4j写入到日志文件中的，问题的关键之处在于业务日志的格式混乱，这给对日志文件中的日志进行统计分析带来了极大的困难，或者说，基本上无法进行分析，每个人写日志的习惯不同，导致日志行的格式五花八门，最后只能通过grep来查找特定的关键词缩小范围，但是在集群环境下，每个机器去grep一遍，分析一遍，这个效率如何可想之二，大好光阴都浪费在这上面了
  • sudoku solver in Haskell bookjovi sudokuhaskell
    这几天没太多的事做，想着用函数式语言来写点实用的程序，像fib和prime之类的就不想提了（就一行代码的事），写什么程序呢？在网上闲逛时发现sudoku游戏，sudoku十几年前就知道了，学生生涯时也想过用C/Java来实现个智能求解，但到最后往往没写成，主要是用C/Java写的话会很麻烦。   现在写程序，本人总是有一种思维惯性，总是想把程序写的更紧凑，更精致，代码行数最少，所以现
  • java apache ftpClient bro_feng java
    最近使用apache的ftpclient插件实现ftp下载，遇见几个问题，做如下总结。 1. 上传阻塞，一连串的上传，其中一个就阻塞了，或是用storeFile上传时返回false。查了点资料，说是FTP有主动模式和被动模式。将传出模式修改为被动模式ftp.enterLocalPassiveMode();然后就好了。 看了网上相关介绍，对主动模式和被动模式区别还是比较的模糊，不太了解被动模
  • 读《研磨设计模式》-代码笔记-工厂方法模式 bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ package design.pattern; /* * 工厂方法模式：使一个类的实例化延迟到子类 * 某次，我在工作不知不觉中就用到了工厂方法模式（称为模板方法模式更恰当。2012-10-29）： * 有很多不同的产品，它
  • 面试记录语 chenyu19891124 招聘
    或许真的在一个平台上成长成什么样，都必须靠自己去努力。有了好的平台让自己展示，就该好好努力。今天是自己单独一次去面试别人，感觉有点小紧张，说话有点打结。在面试完后写面试情况表，下笔真的好难，尤其是要对面试人的情况说明真的好难。 今天面试的是自己同事的同事，现在的这个同事要离职了，介绍了我现在这位同事以前的同事来面试。今天这位求职者面试的是配置管理，期初看了简历觉得应该很适合做配置管理，但是今天面
  • Fire Workflow 1.0正式版终于发布了 comsci 工作workflowGoogle
    Fire Workflow 是国内另外一款开源工作流，作者是著名的非也同志，哈哈.... 官方网站是 http://www.fireflow.org 经过大家努力,Fire Workflow 1.0正式版终于发布了 正式版主要变化: 1、增加IWorkItem.jumpToEx(...)方法，取消了当前环节和目标环节必须在同一条执行线的限制，使得自由流更加自由 2、增加IT
  • Python向脚本传参 daizj python脚本传参
    如果想对python脚本传参数，python中对应的argc, argv(c语言的命令行参数)是什么呢？ 需要模块：sys 参数个数：len(sys.argv) 脚本名：    sys.argv[0] 参数1：     sys.argv[1] 参数2：     sys.argv[
  • 管理用户分组的命令gpasswd dongwei_6688 passwd
    NAME： gpasswd - administer the /etc/group file SYNOPSIS： gpasswd group gpasswd -a user group gpasswd -d user group gpasswd -R group gpasswd -r group gpasswd [-A user,...] [-M user,...] g
  • 郝斌老师数据结构课程笔记 dcj3sjt126com 数据结构与算法
    <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
  • yii2 cgridview加上选择框进行操作 dcj3sjt126com GridView
    页面代码 <?=Html::beginForm(['controller/bulk'],'post');?> <?=Html::dropDownList('action','',[''=>'Mark selected as: ','c'=>'Confirmed','nc'=>'No Confirmed'],['class'=>'dropdown',])
  • linux mysql fypop linux
    enquiry mysql version in centos linux yum list installed | grep mysql yum -y remove mysql-libs.x86_64 enquiry mysql version in yum repositoryyum list | grep mysql oryum -y list mysql* install mysq
  • Scramble String hcx2013 String
    Given a string s1, we may represent it as a binary tree by partitioning it to two non-empty substrings recursively. Below is one possible representation of s1 = "great":
  • 跟我学Shiro目录贴 jinnianshilongnian 跟我学shiro
    历经三个月左右时间，《跟我学Shiro》系列教程已经完结，暂时没有需要补充的内容，因此生成PDF版供大家下载。最近项目比较紧，没有时间解答一些疑问，暂时无法回复一些问题，很抱歉，不过可以加群（334194438/348194195）一起讨论问题。     ----广告-----------------------------------------------------
  • nginx日志切割并使用flume-ng收集日志 liyonghui160com
         nginx的日志文件没有rotate功能。如果你不处理，日志文件将变得越来越大，还好我们可以写一个nginx日志切割脚本来自动切割日志文件。第一步就是重命名日志文件，不用担心重命名后nginx找不到日志文件而丢失日志。在你未重新打开原名字的日志文件前，nginx还是会向你重命名的文件写日志，linux是靠文件描述符而不是文件名定位文件。第二步向nginx主
  • Oracle死锁解决方法 pda158 oracle
    　select p.spid,c.object_name,b.session_id,b.oracle_username,b.os_user_name from v$process p,v$session a, v$locked_object b,all_objects c where p.addr=a.paddr and a.process=b.process and c.object_id=b.
  • java之List排序 shiguanghui list排序
       在Java Collection Framework中定义的List实现有Vector，ArrayList和LinkedList。这些集合提供了对对象组的索引访问。他们提供了元素的添加与删除支持。然而，它们并没有内置的元素排序支持。 　　你能够使用java.util.Collections类中的sort()方法对List元素进行排序。你既可以给方法传递
  • servlet单例多线程 utopialxw 单例多线程servlet
    转自http://www.cnblogs.com/yjhrem/articles/3160864.html 和   http://blog.chinaunix.net/uid-7374279-id-3687149.html Servlet 单例多线程 Servlet如何处理多个请求访问？Servlet容器默认是采用单实例多线程的方式处理多个请求的：1.当web服务器启动的
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他