Tw368WJZ
Tw368WJZ

HTML布局与标签

HTML布局

1.浮动布局

    浮动布局 float:left | right | none
    清除浮动 clear:left | right | both
    clear的使用要点1：只能清除同级标签的浮动影响
    clear的使用要点2：只能清除既是同级又在它上面的标签的浮动影响

    浮动会造成的问题
    1：父级元素没有设置高度的情况下，会造成高度"塌陷"
.box{
    width: 800px;
    border: 4px red solid;
    margin: 50px auto;
    overflow: hidden;//超出范围被隐藏--可以清楚浮动
}
.left{
    width: 200px;
    height: 200px;
    background: blue;
    float: left;
}
.right{
    width: 200px;
    height: 200px;
    background: gold;
    float: right;
}
.clear{
    height: 0px;
    clear: both;
}
.content{
    height: 300px;
    background-color: black;
}

2.常用标签

2.1列表
1.有序列表：组合标签 双标签 块级 ol li
2.无序列表：组合标签 双标签 块级 ul li
3.列表修饰：list-style-type: 符号... | none;
4.自定义列表: 字典列表 组合标签 双标签 块级 dl dt dd 

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>列表标签title>
    <style>
        body{
            margin: 0px;
        }
        /*列表修饰：list-style-type: 符号... | none;*/
        ol{

            border: 2px red solid;
            margin: 0px;
            padding: 0px;
            margin-left: 50px;
            list-style-type: none;
        }
    style>
head>
<body>
    
    <ol>
        <li>
            <div>div>
            <div>div>
        li>
        <li>我是列表项2li>
        <li>我是列表项3li>
        <li>我是列表项4li>
        <li>我是列表项5li>
    ol>
    
    <ul>
        <li>我是列表项1li>
        <li>我是列表项2li>
        <li>我是列表项3li>
        <li>我是列表项4li>
        <li>我是列表项5li>
    ul>
    
    <dl>
        <dt>1dt>
        <dd>2dd>
        <dt>3dt>
        <dd>4dd>
    dl>

body>
html>
2.2图片标签
    1.图片标签 单标签 比较特殊，可以设置尺寸，有行级标签的特点。
    2.src="" 指定引入的图片的地址
     alt="" 图片内容的描述 必须的 描述的准确
    3. "http://p1.pstatp.com/large/65ba000ec6229b2d842a" alt=""/>
2.3标题标签
    1.标题标签是 h1~h6 双标签 块级标签
    2.h1 最好只出现一次，用于网页的logo部分
    3.h2 常用于二级标题，也就是子模块的标题部分
    4.h4~h6 不常用到
    1.display:block(显示为块级) | inline(显示为行级) | none(不显示)
    2.  font-weight:bold(设置为粗体) | normal(设置为正常字体)

    h1{
            border: 4px red solid;
            margin: 0px;
            font-size: 24px;
            font-weight: normal;
        }

2.3段落

    1.段落 P 双标签 块级
    2.p标签不可以嵌套div,最好不嵌套其他的块级标签
    3.首行缩进 text-indent:支持px 以及 em

    p{
            margin: 0px;
            font-size: 20px;
            text-indent: 2em;
        }
注释: 1em代表一个字的空间大小

2.4超链接

    1.超链接 a 双标签 行级
    2.href="" 指定标签跳转的地址
    3.target="_blank | _self" 指定链接跳转的方式
    4.a标签的四种状态
    4.1默认状态:link
    4.2访问过的状态:visited
    4.3悬浮的状态:hover
    4.4点击按住没有松开的状态:active
    5.设置矩形边角园 x轴/y轴
       border-radius: 3px 10px 0px 0px/3px 20px 0px 0px;
        1.行高 line-height
        文本在区域内上下居中 line-height:该区域的高度
        border-radius:;
        爱恨法则 love & hate 
        l link
        v visited
        h hover
        a active
        a:link{
a:link{
            color: #444;
        }
        a:visited{
            color: pink;
        }
        .test:hover{
            display: block;
            width: 200px;
            height: 200px;
            background-color: gold;
        }
        a:active{
            color: #000000;
            font-size: 20px;
        }
        ol{
            margin: 0px;
            padding: 0px;
            list-style-type: none;
            width: 110px;
        }
        ol li {
            margin-bottom: 2px;
        }
        ol li a {
            display: block;
            height: 40px;
            line-height: 40px;
            font-size: 16px;
            text-align: center;
            border-radius: 3px;
        }
        ol li a:hover{
            background-color: #ed4040;
            color: #ffffff;
        }
        .radius{
            width: 400px;
            height: 40px;
            background-color: black;
            border-radius: 3px 10px 0px 0px/3px 20px 0px 0px;
        }
        .test2:hover .span1{
            color: red;
        }
        .test2:hover .span2{
            color: blue;
        }
-----------------------------------------
<a href="http://www.163.com/" target="_blank">点我去百度a>
    <a class="test" href="###">我是超级链接标签a>
    <a href="###">我是超级链接标签a>
    <ol class="list">
        <li>
            <a href="###">推荐a>
        li>
        <li>
            <a href="###">热点a>
        li>
        <li>
            <a href="###">推荐a>
        li>
        <li>
            <a href="###">热点a>
        li>
        <li>
            <a href="###">推荐a>
        li>
        <li>
            <a href="###">热点a>
        li>
        <li>
            <a href="###">推荐a>
        li>
        <li>
            <a href="###">热点a>
        li>
    ol>
    <div class="radius">div>
    <a href="###" class="test2">
        <span class="span1">我是span1span>
        <span class="span2">我是span2span>
    a>

你可能感兴趣的:(html,布局,调试设置)

  • 最新Apache Hudi 1.0.1源码编译详细教程以及常见问题处理 Toroidals 大数据组件安装部署教程hudi1.0.1源码编译教程最新
    1.最新ApacheHudi1.0.1源码编译2.Flink、Spark、Hive集成Hudi1.0.13.flinkstreaming写入hudi目录1.版本介绍2.安装maven2.1.下载maven2.2.设置环境变量2.3.添加Maven镜像3.编译hudi3.1.下载hudi源码3.2.修改hudi源码3.3.修改hudi-1.0.1/pom.xml，注释或去掉410行内容3.4.安装c
  • [生活杂项][运动教程]自由泳 xcy6666 生活
    https://v.youku.com/v_show/id_XMzgzMjkwMzg0MA==.html?spm=a2h0k.11417342.soresults.dtitlehttps://v.youku.com/v_show/id_XMzgxNjM2NjY4NA==.html?spm=a2h0k.11417342.soresults.dtitle
  • [学习笔记-SLAM篇]Ubuntu16.04+ROS下配置ORB-SLAM3——后续 warningm_dm SLAM篇
    作为一篇后记，就主要做补充之用。索引1.编译不显示warning2.LocalMapping报错3.KannalaBrandt8报错4.RGB-D设置文件1.编译不显示warning编译的过程中有报错，但是一贯的，warning太多了，所以修改一下，便于找错。参考ubuntu18.04配置ORB-SLAM3。将ORB-SLAM3的CMakeLists.txt中的-Wall后面加上-w，可屏蔽编译的
  • MATLAB算法实战应用案例精讲-【目标检测】机器视觉-工业相机（补充篇） 林聪木 数码相机matlab算法
    目录知识储备光学系统设计全过程算法原理工业相机基本参数以及选型工业相机基本参数：如何选择合适的工业相机：分辨率分辨率的定义与“检测/测量精度”的区别分辨率与相机的匹配相机关键参数设置工业相机的曝光、曝光时间、快门、增益什么是曝光？什么是快门影响曝光的因素工业相机-坐标系和机械手坐标系的标定工业相机-缺陷检测一、相机的选择（1）工业数字相机的分类：（2）相机的主要参数（3）工业数字摄像机主要接口类型
  • Spring 事务隔离级别 事务传播特性 @Transactional使用 chudaxiakkk
    spring的事务处理能力，本质上是数据库提供的。一个数据库具备事务，那么它必然支持4个特性，事务的4大特性原子性一致性隔离性持久性这4个特性，保证了数据库处理单事务是有保障的，正确的。更多应用处理场景下，是多事务并行出现的。同时，两个或两个以上的事务，操作同一张表，就会引起冲突。为了解决事务间交互产生的问题，数据库设置了4个隔离级别数据库的4大隔离级别readuncommitted（读未提交）B
  • EasyX学习笔记1：线条 ͨৡۚۨC++ۨۚ࿐๊ C++游戏开发【EasyX】c++
    目录一、线条颜色1.`setlinecolor`-设置当前线条颜色2.`getlinecolor`-获取当前线条颜色二、线条样式1.`setlinestyle`-设置线条样式（宽度、类型等）三、绘制线条1.`line`-绘制两点间直线2.`lineto`-从当前位置画线到指定点3.`linerel`-相对当前位置画线4.`polyline`-绘制多段线四、其他函数1.`getlinestyle`-
  • 【吾爱出品】[Windows] 透明浏览器V1 私人珍藏库 windows浏览器
    [Windows]透明浏览器链接：https://pan.xunlei.com/s/VOJNJHz4SKJPxk3-GO3BAgkeA1?pwd=e3kw#一款可以透明化的浏览网页应用主要用来上班刷b站视频用B站支持快捷键盘，比较方便使用说明运行程序右键右下角图标设置输入要浏览的网页调整大小透明度快捷键说明快捷键操作Alt+D显示（隐藏）Alt+G窗口置顶，置顶后窗口失去焦点不隐藏
  • Java利用itextpdf实现pdf文件生成 小码农吗 日常栏目javapdfajax
    前言最近公司让写一个数据页面生成pdf的功能，找了一些市面代码感觉都太麻烦，就自己综合性整合了一个便捷的工具类，开发只需简单组装数据直接调用即可快速生成pdf文件。望大家一起学习！！！代码获取方式：资源下载下载源码后台私信(一键三连哦！！！)二、前期准备1、html模版（放置接口所在项目的resourcess/templates/）需要准备一个要看到的pdf模版，利用html代码形式简单输出，其中
  • Qt Creator用法详解 不如温暖过生活 C++界面开发框架Qt最新资讯Qtqtcreator
    Qt自带集成开发环境（IDE），名为QtCreator。它可以在Linux、OSX和Windows上运行，并提供智能代码完成、语法高亮、集成帮助系统、调试器和剖析器集成，还集成了所有主要的版本控制系统（如git、Bazaar）。除了QtCreator外，Windows上的开发人员还可以使用Qt的VisualStudio插件。也可以使用其他的IDE（如KDE上的KDevelop）。但当然绝不是必须使
  • vue中onclick如何调用methods中的方法 库库的写代码 jsvue.jsjavascript前端
    文章目录前言一、代码一开始效果二、解决方案前言今天在开发vue项目中使用的第三方地图，地图上绘制的marker内容需要自定义，因为绘制的内容是原生HTML，所以遇到点击事件的时候就用了onclick来定义，此时想要调用methods中的方法，直接通过this.xx是获取不到的，因为onclick后面的事件是调用的window中的事件，所以需要把此事件绑定到window上即可一、代码一开始效果thi
  • html5 二进制数据解析,JavaScript读写二进制数据的方法详解 如果有片海 html5二进制数据解析
    前言二进制是计算技术中广泛采用的一种数制。二进制数据是用0和1两个数码来表示的数，如果想要在前端中处理音频和视频。那你必须要对二进制数据有很好地掌握和操作能力。下面话不多说了，来一起看看详细介绍的吧类型化数组的出现类型化数组是HTML5中引入的API，它能够让开发者使用JavaScript直接操作二进制数据。在类型化数组出现之前，我们是无法直接通过JavaScript操作二进制数据，通常都是操作J
  • 从awesome xxx类型的GitHub项目的README.md文件中检索所有GitHub代码库链接，并将它们克隆到本地 之群害马 github
    脚本优化亮点：智能编码处理-新增URL解码功能，完美处理含中文等特殊字符的仓库名深度镜像支持-更新国内高校镜像源，提升克隆速度（新增清华、中科大镜像）智能重试机制-增加自动重试功能，网络波动时自动重试3次进度可视化-添加彩色进度条显示，实时掌握克隆进度深度错误追踪-增强错误日志记录，包含时间戳和错误类型#!/bin/bash#彩色输出设置RED='\033[0;31m'GREEN='\033[0;
  • 从入门到精通：Postman 实用指南 a小胡哦 postmanlua测试工具
    Postman是一款超棒的API开发工具，能用来测试、调试和管理API，大大提升开发效率。下面就给大家详细讲讲它的安装、使用方法，再分享些实用技巧。一、安装Postman你能在Postman官网（https://www.postman.com）下载对应版本，它支持Windows、macOS和Linux系统。Windows系统安装：下载好安装包后，直接双击运行。安装向导出现，点击“Next”，阅读并
  • literal用法 格桑花 浏览器serverhtmlaspdiv
    spell">Literal控件支持Mode属性，该属性用于指定控件对您所添加的标记的处理方式。可以将Mode属性设置为以下值：Transform。添加到控件中的任何标记都将进行转换，以适应请求浏览器的协议。如果向使用HTML外的其他协议的移动设备呈现内容，此设置非常有用。PassThrough。添加到控件中的任何标记都将按原样呈现在浏览器中。Encode。添加到控件中的任何标记都将使用HtmlE
  • Linux安全与密钥登录指南，零基础入门到精通，收藏这篇就够了 网安导师小李 程序员编程网络安全linux安全运维web安全网络服务器计算机网络
    在使用Linux服务器时，确保服务器的安全至关重要。本文将为你介绍一些关键的Linux安全措施，包括开启密钥登录、查看登录日志、限制登录IP以及查看系统中能够登录的账号。以下内容适合小白用户，通过简单的操作就能有效提升服务器的安全性。目录Linux安全概述密钥登录的配置生成密钥对配置SSH密钥登录查看登录日志限制IP访问设置IP封禁允许特定IP访问查看系统可登录的账号1.Linux安全概述Linu
  • Log4j在Spring项目中的应用与实践 t0_54program log4jspringjava个人开发
    在现代Java开发中，日志记录是不可或缺的一部分。它不仅帮助开发者调试和监控应用程序的运行状态，还能在出现问题时快速定位原因。今天，我们就来探讨如何在Spring项目中使用Log4j进行日志管理，并通过具体的实例来展示其强大的功能。一、Log4j简介Log4j是Apache提供的一个开源日志框架，广泛应用于Java项目中。它提供了灵活的日志记录方式，支持多种日志级别和输出格式。通过配置文件，开发者
  • day_11_java高级编程_泛型_通配符 （560~574） yangsen116291 java开发语言后端
    泛型泛型：标签：将元素类型设置为参数–>泛型相当于预先规定了当前集合存储的数据类型，再使用当前集合时，自动规范数据类型。泛型只能是类，不能是基本数据类型,此类可以是任意类，不一定是包装类,没指定默认为Object当使用泛型后，重写compateTo和compare方法时不再需要（Obiectoinstanceof指定类）再强转了因为集合中的类型已经规定了，不符合的添加不到集合中，所以直接rentu
  • 整车排程系统的约束设计：从理论到实践的全面解析 架构默片 软件设计开发语言java系统架构
    整车排程是汽车制造中最复杂的生产计划环节，涉及多维度约束的平衡与优化。以下是基于多年实战经验总结的五大核心约束体系：1.时间约束1.1生产周期约束设计要点：定义生产周期（从焊装到总装的完整流程）设置关键节点时间窗（如焊装≤3天，涂装≤2天，总装≤4天）一般制造型企业都是执行3+1或者5+1这样的制造计划周期安排生产的。具体含义是：企业会按照3天或5天的正常生产计划进行，然后安排1天的时间用于设备维
  • AI芯片：科技变革的核心驱动力 乐得瑞_郑钊展13172458616 人工智能科技
    近年来，人工智能（AI）的飞速发展对众多行业产生了深远影响，芯片领域也不例外。AI在芯片设计、制造及应用等方面带来了革新性的改变，成为推动芯片行业发展的关键力量。AI助力芯片设计效率飞升传统芯片设计极为复杂，涉及数十亿晶体管的布局与连接，需庞大工程师团队耗费数月至数年才能完成从架构到制造的全流程。不过，AI技术的出现正在扭转这一局面。AI能处理繁重重复任务，优化复杂芯片布局并设计专用芯片，大大提高
  • 【Linux探索学习】第二十九弹——线程概念：Linux线程的基本概念与线程控制详解 GG Bond.ฺ Linux探索学习linux学习算法运维
    Linux学习笔记：https://blog.csdn.net/2301_80220607/category_12805278.html?spm=1001.2014.3001.5482前言：在现代操作系统中，线程是程序执行流的最小单元。与进程相比，线程更加轻量级，创建和销毁的开销更小，且线程之间可以共享内存空间，因此在多任务处理、并发编程中，线程的使用非常广泛。Linux作为一个多用户、多任务的操
  • NameError: name ‘xxx’ is not defined 一直幸运 Pythonpython
    第一个练手小项目遇到N个NameError，技能熟练度蹭蹭往上涨，哈哈…转发一个网上的比较全的解决贴，共勉。原址：https://www.cnblogs.com/zyh19980816/p/11844659.html问题一：name‘name’isnotdefined“name"两端是双下划线”_"，不是只有一个""。问题二：name‘messagebox’isnotdefined“”内为某个数据
  • 2024最新小狐狸AI 免授权源码 希希分享 软希网58soho_cn小狐狸AI免授权源码
    后台安装步骤：1、在宝塔新建个站点，php版本使用7.2、7.3或7.4，把压缩包上传到站点根目录，运行目录设置为/public2、导入数据库文件，数据库文件是/db.sql3、修改数据库连接配置，配置文件是/.env4、正式使用时，请把调试模式关闭：/.env文件第一行，true改成false5、超管后台地址：http://域名/super初始账号密码：super密码123456及时修改6、用户
  • 有趣幽默彩虹屁文案生成工具微信小程序源码 云深不知处㊣ 源码专区微信小程序文案小程序源码
    内容目录一、详细介绍二、效果展示1.部分代码2.效果图展示三、学习资料下载一、详细介绍有趣幽默彩虹屁文案生成工具小程序源码此文案小程序主要功能为分享各种有趣幽默的文案免服务器免域名，源码只提供彩虹屁，朋友圈，毒鸡汤API接口，其他需自行查找替代小程序拥有复制收藏功能，可自行体验，设置流量主可自行查看代码进行更换id二、效果展示1.部分代码代码如下（示例）：">￥已售:2.效果图展示三、学习资料下载
  • HTML之JavaScript DOM（document）编程处理事件 录大大i 前端HTMLJavaScriptjavascripthtml前端
    HTML之JavaScriptDOM（document）编程处理事件Document/*事件：本质是行为，用户的行为或者浏览器的行为；事件发生指的是处罚js函数执行事件的三要素：事件源、事件、事件处理程序事件的绑定：1.通过元素的属性绑定on***2.通过DOM编程动态绑定注：1.一个事件可以绑定多个函数；eg：onclick="show(),show1()2.一个元素可以绑定多个事件eg：onc
  • 前端面试题 阿芯爱编程 面试前端
    以下是一些前端面试题：一、HTML/CSS部分请描述HTML的语义化标签的重要性，并列举一些常用的语义化标签。答案：重要性：对搜索引擎优化（SEO）有帮助，搜索引擎能够更好地理解页面结构，从而提高网站在搜索结果中的排名。提高代码的可读性和可维护性，使开发者更容易理解页面布局和功能逻辑。对于辅助技术（如屏幕阅读器）更友好，能够准确地向用户传达页面内容。常用语义化标签：：定义页面或区域的头部内容，通常
  • 微软Edge浏览器全解析 109702008 #windowsedge人工智能学习
    GPT-4o(OpenAI)微软Edge浏览器是由微软开发的一款网络浏览器，深受用户喜爱，以下是对其全面解析：1.简介微软Edge浏览器最早在2015年伴随Windows10发布。最初版本基于EdgeHTML引擎，2019年微软宣布Edge浏览器将基于开源的Chromium引擎重新构建，并于2020年1月正式发布。2.用户界面-简洁设计：Edge浏览器的界面简洁、现代化，易于导航。-自定义：用户可
  • 前端高级面试题 阿芯爱编程 面试前端
    以下是一些前端高级面试可能涉及到的内容：一、前端工程化如何构建一个适合大型团队的前端代码规范和构建流程？答案：代码规范方面：使用ESLint结合Prettier来统一JavaScript和CSS（包括预处理器如Sass或Less）的语法风格。例如，规定变量命名采用驼峰命名法，函数名要有明确含义等。对于HTML结构，制定语义化标签的使用规范，如导航栏使用标签，页脚使用标签等。确定组件化的规范，包括组
  • javascript当中insertBefore的用法 qq_44594371 javascriptjavascriptinsertBeforeinsertBefore
    例1.3（insertBeforeIEFF.html）1111msgtest222aaaaaaaaendinsertedNodevarinsertedNode=document.getElementById("insertedNode");varaaa=document.getElementById("aaa");vartest=document.getElementById("contain")
  • Ubuntu 安装 docker 配置环境及其常用命令 自学AI的鲨鱼儿 #环境安装ubuntudockerdockercompose
    Docker安装与配置指南本文介绍如何在Ubuntu系统上安装Docker，解决权限问题，配置DockerCompose，代理端口转发，容器内部代理问题等并进行相关的优化设置。参考官方文档：Docker官方安装指南注意：本教程的部分命令需ubuntu系统可科学上网一、安装Docker1.卸载旧版本在安装新版Docker之前，建议先卸载旧版本以避免潜在的冲突。执行以下命令卸载旧版本的Docker：s
  • vscode默认终端怎么设置成git bash 一个前端人 前端vscodegitbash
    要将VSCode的默认终端设置为GitBash，可以按照以下步骤操作：打开VSCode并点击左侧菜单栏中的“视图”（View）选项。在下拉菜单中选择“命令面板”（CommandPalette）。在命令面板中输入“Terminal:SelectDefaultProfile”并选择该选项。在弹出的下拉菜单中选择“GitBash”作为默认终端。或者，你也可以通过以下方式进行设置：打开VSCode并点击左
  • html页面js获取参数值 0624chenhong html
    1.js获取参数值js function GetQueryString(name) {      var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");      var r = windo
  • MongoDB 在多线程高并发下的问题 BigCat2013 mongodbDB高并发重复数据
    最近项目用到 MongoDB , 主要是一些读取数据及改状态位的操作. 因为是结合了最近流行的 Storm进行大数据的分析处理，并将分析结果插入Vertica数据库，所以在多线程高并发的情境下, 会发现 Vertica 数据库中有部分重复的数据. 这到底是什么原因导致的呢？笔者开始也是一筹莫 展，重复去看 MongoDB 的 API , 终于有了新发现 ： com.mongodb.DB 这个类有
  • c++ 用类模版实现链表(c++语言程序设计第四版示例代码) CrazyMizzz 数据结构C++
    #include<iostream> #include<cassert> using namespace std; template<class T> class Node { private: Node<T> * next; public: T data;
  • 最近情况 麦田的设计者 感慨考试生活
       在五月黄梅天的岁月里，一年两次的软考又要开始了。到目前为止，我已经考了多达三次的软考，最后的结果就是通过了初级考试（程序员）。人啊，就是不满足，考了初级就希望考中级，于是，这学期我就报考了中级，明天就要考试。感觉机会不大，期待奇迹发生吧。这个学期忙于练车，写项目，反正最后是一团糟。后天还要考试科目二。这个星期真的是很艰难的一周，希望能快点度过。   
  • linux系统中用pkill踢出在线登录用户 被触发 linux
    由于linux服务器允许多用户登录，公司很多人知道密码，工作造成一定的障碍所以需要有时踢出指定的用户 1/#who   查出当前有那些终端登录（用 w 命令更详细） # who root     pts/0        2010-10-28 09:36 (192
  • 仿QQ聊天第二版 肆无忌惮_ qq
    在第一版之上的改进内容:  第一版链接: http://479001499.iteye.com/admin/blogs/2100893   用map存起来号码对应的聊天窗口对象,解决私聊的时候所有消息发到一个窗口的问题. 增加ViewInfo类,这个是信息预览的窗口,如果是自己的信息,则可以进行编辑.   信息修改后上传至服务器再告诉所有用户,自己的窗口
  • java读取配置文件 知了ing
    1，java读取.properties配置文件 InputStream in; try { in = test.class.getClassLoader().getResourceAsStream("config/ipnetOracle.properties");//配置文件的路径 Properties p = new Properties()
  • __attribute__ 你知多少？ 矮蛋蛋 C++gcc
    原文地址: http://www.cnblogs.com/astwish/p/3460618.html GNU C 的一大特色就是__attribute__ 机制。__attribute__ 可以设置函数属性（Function Attribute ）、变量属性（Variable Attribute ）和类型属性（Type Attribute ）。 __attribute__ 书写特征是：
  • jsoup使用笔记 alleni123 java爬虫JSoup
    <dependency> <groupId>org.jsoup</groupId> <artifactId>jsoup</artifactId> <version>1.7.3</version> </dependency> 2014/08/28 今天遇到这种形式，
  • JAVA中的集合 Collectio 和Map的简单使用及方法 百合不是茶 listmapset
             List ,set ,map的使用方法和区别 java容器类类库的用途是保存对象，并将其分为两个概念：     Collection集合：一个独立的序列，这些序列都服从一条或多条规则;List必须按顺序保存元素  ，set不能重复元素；Queue按照排队规则来确定对象产生的顺序（通常与他们被插入的
  • 杀LINUX的JOB进程 bijian1013 linuxunix
    今天发现数据库一个JOB一直在执行，都执行了好几个小时还在执行，所以想办法给删除掉   系统环境：    ORACLE 10G    Linux操作系统   操作步骤如下： 第一步.查询出来那个job在运行，找个对应的SID字段 select * from dba_jobs_running--找到job对应的sid &n
  • Spring AOP详解 bijian1013 javaspringAOP
            最近项目中遇到了以下几点需求，仔细思考之后，觉得采用AOP来解决。一方面是为了以更加灵活的方式来解决问题，另一方面是借此机会深入学习Spring AOP相关的内容。例如，以下需求不用AOP肯定也能解决，至于是否牵强附会，仁者见仁智者见智。 1.对部分函数的调用进行日志记录，用于观察特定问题在运行过程中的函数调用
  • [Gson六]Gson类型适配器(TypeAdapter) bit1129 Adapter
    TypeAdapter的使用动机  Gson在序列化和反序列化时，默认情况下，是按照POJO类的字段属性名和JSON串键进行一一映射匹配，然后把JSON串的键对应的值转换成POJO相同字段对应的值，反之亦然，在这个过程中有一个JSON串Key对应的Value和对象之间如何转换(序列化/反序列化)的问题。   以Date为例，在序列化和反序列化时，Gson默认使用java.
  • 【spark八十七】给定Driver Program， 如何判断哪些代码在Driver运行，哪些代码在Worker上执行 bit1129 driver
    Driver Program是用户编写的提交给Spark集群执行的application，它包含两部分 作为驱动： Driver与Master、Worker协作完成application进程的启动、DAG划分、计算任务封装、计算任务分发到各个计算节点(Worker)、计算资源的分配等。 计算逻辑本身，当计算任务在Worker执行时，执行计算逻辑完成application的计算任务
  • nginx 经验总结 ronin47 nginx 总结
    　　　深感nginx的强大，只学了皮毛，把学下的记录。 　　　获取Header 信息，一般是以$http_XX（ＸＸ是小写）            获取body,通过接口，再展开，根据Ｋ取Ｖ 　　　获取uri,以$arg_XX      &n
  • 轩辕互动-1.求三个整数中第二大的数2.整型数组的平衡点 bylijinnan 数组
    import java.util.ArrayList; import java.util.Arrays; import java.util.List; public class ExoWeb { public static void main(String[] args) { ExoWeb ew=new ExoWeb(); System.out.pri
  • Netty源码学习-Java-NIO-Reactor bylijinnan java多线程netty
    Netty里面采用了NIO-based Reactor Pattern 了解这个模式对学习Netty非常有帮助 参考以下两篇文章： http://jeewanthad.blogspot.com/2013/02/reactor-pattern-explained-part-1.html http://gee.cs.oswego.edu/dl/cpjslides/nio.pdf
  • AOP通俗理解 cngolon springAOP
    1.我所知道的aop     初看aop,上来就是一大堆术语，而且还有个拉风的名字，面向切面编程，都说是OOP的一种有益补充等等。一下子让你不知所措，心想着：怪不得很多人都和 我说aop多难多难。当我看进去以后，我才发现：它就是一些java基础上的朴实无华的应用，包括ioc，包括许许多多这样的名词，都是万变不离其宗而 已。 2.为什么用aop&nb
  • cursor variable 实例 ctrain variable
    create or replace procedure proc_test01 as type emp_row is record( empno emp.empno%type, ename emp.ename%type, job emp.job%type, mgr emp.mgr%type, hiberdate emp.hiredate%type, sal emp.sal%t
  • shell报bash: service: command not found解决方法 daizj linuxshellservicejps
    今天在执行一个脚本时，本来是想在脚本中启动hdfs和hive等程序，可以在执行到service hive-server start等启动服务的命令时会报错，最终解决方法记录一下：   脚本报错如下： ./olap_quick_intall.sh: line 57: service: command not found ./olap_quick_intall.sh: line 59
  • 40个迹象表明你还是PHP菜鸟 dcj3sjt126com 设计模式PHP正则表达式oop
    你是PHP菜鸟，如果你：1. 不会利用如phpDoc 这样的工具来恰当地注释你的代码2. 对优秀的集成开发环境如Zend Studio 或Eclipse PDT 视而不见3. 从未用过任何形式的版本控制系统，如Subclipse4. 不采用某种编码与命名标准 ，以及通用约定，不能在项目开发周期里贯彻落实5. 不使用统一开发方式6. 不转换（或）也不验证某些输入或SQL查询串（译注：参考PHP相关函
  • Android逐帧动画的实现 dcj3sjt126com android
    一、代码实现： private ImageView iv; private AnimationDrawable ad; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout
  • java远程调用linux的命令或者脚本 eksliang linuxganymed-ssh2
    转载请出自出处： http://eksliang.iteye.com/blog/2105862        Java通过SSH2协议执行远程Shell脚本(ganymed-ssh2-build210.jar)   使用步骤如下： 1.导包 官网下载: http://www.ganymed.ethz.ch/ssh2/ ma
  • adb端口被占用问题 gqdy365 adb
    最近重新安装的电脑，配置了新环境，老是出现： adb server is out of date. killing... ADB server didn't ACK * failed to start daemon * 百度了一下，说是端口被占用，我开个eclipse，然后打开cmd，就提示这个，很烦人。 一个比较彻底的解决办法就是修改
  • ASP.NET使用FileUpload上传文件 hvt .netC#hovertreeasp.netwebform
    前台代码： <asp:FileUpload ID="fuKeleyi" runat="server" /> <asp:Button ID="BtnUp" runat="server" onclick="BtnUp_Click" Text="上 传" />
  • 代码之谜（四）- 浮点数（从惊讶到思考） justjavac 浮点数精度代码之谜IEEE
    在『代码之谜』系列的前几篇文章中，很多次出现了浮点数。 浮点数在很多编程语言中被称为简单数据类型，其实，浮点数比起那些复杂数据类型（比如字符串）来说， 一点都不简单。 单单是说明 IEEE浮点数 就可以写一本书了，我将用几篇博文来简单的说说我所理解的浮点数，算是抛砖引玉吧。 一次面试 记得多年前我招聘 Java 程序员时的一次关于浮点数、二分法、编码的面试， 多年以后，他已经称为了一名很出色的
  • 数据结构随记_1 lx.asymmetric 数据结构笔记
    第一章   1.数据结构包括数据的 逻辑结构、数据的物理/存储结构和数据的逻辑关系这三个方面的内容。 2.数据的存储结构可用四种基本的存储方法表示，它们分别是 顺序存储、链式存储 、索引存储 和 散列存储。 3.数据运算最常用的有五种，分别是  查找/检索、排序、插入、删除、修改。 4.算法主要有以下五个特性：  输入、输出、可行性、确定性和有穷性。 5.算法分析的
  • linux的会话和进程组 网络接口 linux
    会话： 一个或多个进程组。起于用户登录，终止于用户退出。此期间所有进程都属于这个会话期。会话首进程：调用setsid创建会话的进程1.规定组长进程不能调用setsid，因为调用setsid后，调用进程会成为新的进程组的组长进程.如何保证？ 先调用fork，然后终止父进程，此时由于子进程的进程组ID为父进程的进程组ID，而子进程的ID是重新分配的，所以保证子进程不会是进程组长，从而子进程可以调用se
  • 二维数组 元素的连续求解 1140566087 二维数组ACM
    import java.util.HashMap; public class Title { public static void main(String[] args){ f(); } // 二位数组的应用 //12、二维数组中，哪一行或哪一列的连续存放的0的个数最多，是几个0。注意，是“连续”。 public static void f(){
  • 也谈什么时候Java比C++快 windshome javaC++
      刚打开iteye就看到这个标题“Java什么时候比C++快”，觉得很好笑。   你要比，就比同等水平的基础上的相比，笨蛋写得C代码和C++代码，去和高手写的Java代码比效率，有什么意义呢？   我是写密码算法的，深刻知道算法C和C++实现和Java实现之间的效率差，甚至也比对过C代码和汇编代码的效率差，计算机是个死的东西，再怎么优化，Java也就是和C
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他