啵雨的博客
啵雨的博客

HTML+CSS 制作联系人页面（可自适应）

HTML+CSS 制作联系人页面

原视频链接
HTML+CSS 制作联系人页面（可自适应）_第1张图片
HTML+CSS 制作联系人页面（可自适应）_第2张图片
HTML:

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
    <title>Document</title>
    <link href="index.css" rel="stylesheet">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css" rel="stylesheet">
    //这个引用的是font-awesome图标库 网址为：https://cdnjs.com/libraries/font-awesome 选择css分栏，复制第一个
</head>

<body>
    <div class="contact-page">
        <h2>Get in touch</h2>
        <div class="contact-info">
            <div class="item">
                <i class="icon fas fa-home"></i> 中国。。。。。。。
                //font-awesome 矢量库引用方式 fas fa-xxx
            </div>
            <div class="item">
                <i class="icon fas fa-phone"></i> 1561561651
            </div>
            <div class="item">
                <i class="icon fas fa-envelope"></i> 156156165@qq.com
            </div>
            <div class="item">
                <i class="icon fas fa-clock"></i> 七点半
            </div>
        </div>
        <form action="" class="contact-form">
        //用form表单能够包含 input 元素，比如文本字段、复选框、单选框、提交按钮等等，包含 menus、textarea、fieldset、legend 和 label 元素还可以用于用于向服务器传输数据
            <input type="text" class="textb" placeholder="your name">
            <input type="email" class="textb" placeholder="your email">
            <textarea placeholder="your message"></textarea>
            <input type='submit' value='send' class='btn'>
        </form>
    </div>
</body>

</html>

CSS：

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(bg.jpg) no-repeat center;
    background-size: cover;
    //把背景图像扩展至足够大，以使背景图像完全覆盖背景区域。背景图像的某些部分也许无法显示在背景定位区域中。
}

.contact-page {
    width: 100%;
    max-width: 1400px;
    padding: 25px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
}

h2 {
    width: 100%;
    margin-bottom: 80px;
    text-transform: uppercase;
    font-size: 40px;
}

.contact-info,
.contact-form {
    flex: 1;
}

.item {
    margin-bottom: 40px;
    font-size: 16px;
}

.item .icon {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: skyblue;
    color: #fff;
    border-radius: 50%;
    margin-right: 5px;
}

.contact-form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.textb {
    width: calc(50% - 10px);
    /* 每一个textb盒子的宽度始终保持父盒子宽度一半减去10px */
    height: 40px;
    background-color: black;
    border: none;
    color: #fff;
    padding: 20px;
    margin-bottom: 20px;
}

textarea {
    width: 100%;
    min-height: 200px;
    max-height: 400px;
    resize: vertical;
    //用户可调整元素的高度。
    background-color: black;
    border: none;
    color: #fff;
    padding: 20px;
    margin-bottom: 20px;
}

.btn {
    margin-left: auto;
    width: 120px;
    height: 40px;
    text-transform: uppercase;
    background-color: skyblue;
    border: none;
    border: 2px solid skyblue;
    transition: 0.3s linear;
    cursor: pointer;
}

.btn:hover {
    background-color: transparent;
    color: skyblue;
}

@media screen and (max-width:800px) {
    .contact-page {
        max-width: 800px;
    }
    h2 {
        font-size: 40px;
        margin-bottom: 40px;
    }
    .contact-info,
    .contact-form {
        flex: 100%
    }
    .textb {
        width: 100%;
    }
}

----------------------------------------------------------------------------------------------------

Css min-height应用地方解释
我们有时设置一个对象盒子时候避免对象没有内容时候不能撑开，但内容多少不能确定所以又不能固定高度，这个时候我们就会需要css来设置min-height最小高度撑高对象盒子。当内容少时候最小高度能将内容显示出，如果内容多余最小高度能装下时候，对象也会再随内容增多而增高。

Css max-height最大高度应用解释
此属性很少使用，可能是为了避免内容太多将高度撑太高影响布局美化统一，这个时候我们设置最大高度限制。比如一个table tr td表格对象里装一个图片，而图片高度不确定，如果太高了不想图片撑破tr td表格，这个时候通过css max-height限制图片最大高度是有必要的。

你可能感兴趣的:(HTML+CSS,小demo效果练习)

  • 无限流量卡与无线网络跑pcdn 黑石云 边缘计算
    对于无限流量卡和无线网络是否可以用于PCDN（PeerContentDeliveryNetwork，即点对点内容分发网络）的问题，以下是对两者的详细分析：无限流量卡理论可行性：无限流量卡提供了理论上不受限制的数据使用量，这看似满足了PCDN需要大量数据传输的需求。然而，需要注意的是，尽管流量是无限的，但运营商可能会对上传速度或上传量进行限制，以防止滥用。实际操作：无限流量卡的实际使用效果可能受到运
  • ThreadLocal 666HZ666 Springbootjavajvm开发语言
    一、概念ThreadLocal并不是一个Thread，而是Thread的局部变量ThreadLocal为每个线程提供单独一份存储空间，具有线程隔离的效果，只有在线程内才能获取到对应的值，线程外则不能访问二、ThreadLocal工具类publicclassBaseContext{publicstaticThreadLocalthreadLocal=newThreadLocal<>();public
  • 高效员工培训：AI赋能企业发展新纪元 前端
    在当今竞争激烈的商业环境中，员工是企业最宝贵的资产。高效的员工培训不仅能提升员工技能，提高工作效率，更能增强企业核心竞争力，推动企业持续发展。然而，传统的员工培训模式往往存在效率低下、成本高昂、缺乏互动性等诸多问题。例如，传统的线下培训需要耗费大量时间和资源，难以满足员工个性化学习需求，培训效果评估也缺乏客观数据支撑。面对这些挑战，人工智能（AI）技术的应用为企业员工培训带来了革命性的变革，为构建
  • 【shell脚本练习——判断文件是否存在、批量创建有规律用户并设置密码、判断文件大小并更改路径位置】 怎么昵称都被占用啊 练习RHCElinux运维
    shell脚本练习练习要求：练习一：判断文件是否存在练习二：批量创建有规律用户并设置密码随机字符部分内容解释：练习三：判断文件大小并更改路径位置练习要求：shell脚本写出检测/tmp/size.log文件如果存在显示它的内容，不存在则创建一个文件将创建时间写入写一个shell脚本,实现批量添加20个用户,用户名为user01-20,密码为user后面跟5个随机字符编写个shell脚本将/usr/
  • python中的两种循环 怎么昵称都被占用啊 python练习python
    python中的两种循环for循环（计数循环）while循环（条件循环）两种循环的区别range函数跳出循环break示例continue示例循环嵌套循环练习循环，三大语言结构之一，当它满足条件时反复执行某一段代码的过程，在python中有两种循环命令，分别为for循环和while循环for循环（计数循环）python中常用的循环结构之一，可以遍历一个可迭代对象中的元素。因为for循环的循环次数是
  • Linux/Mac 命令行工具 tree 开发项目结构可以不用截图了 更方便 更清晰 更全 知楠行易 Softwarelinuxmacos运维
    tree是一个命令行工具，用于以树形结构显示文件系统目录的内容。它可用于列出指定目录下的所有文件和子目录，以及它们的层次关系。tree命令在许多操作系统中都可用，包括Unix、Linux和macOS。效果如下：一、安装linux#Debian/Ubuntusudoapt-getinstalltree#RedHat/CentOSsudoyuminstalltreeMacbrewinstalltree
  • C++ 多态 初学笔记 NicOym C++c++
    多态虚函数虚函数的使用条件虚函数详解对象多态多重继承时，类型转换的练习（1）情况1：（2）情况2：（3）情况3：（4）情况4：对象多态动态强制转换dynamic_casttypeid抽象类类的成员函数的函数指针概念：允许使用统一的接口来操作不同类型的对象。多态的作用：减少重复代码，提高代码扩展性静态多态：函数重载函数模板动态多态继承虚函数虚函数：动态绑定静态绑定个人记法（可能有误）：动态绑定是调用
  • 为什么算法很难掌握 浅墨cgz 算法
    算法之所以难以掌握，主要是因为以下几个原因：1.抽象性算法是对问题的抽象解决方案，通常不依赖于具体的编程语言或实现细节。初学者可能难以将抽象的逻辑转化为具体的代码。例如，动态规划（DP）的核心思想是将问题分解为子问题并存储中间结果，但这种抽象思维需要大量练习才能掌握。2.数学基础要求许多算法依赖于数学知识，例如：时间复杂度分析：需要理解大O表示法、递归关系等。图论算法：需要了解图的基本概念（如节点
  • deepin 中 find 命令查找技巧 deepin
    find命令是deepin系统中一个非常强大的文件查找工具，它可以帮助用户快速定位文件和目录。全面掌握这个命令可以使很多操作达到事半功倍的效果。本文将详细介绍find命令的各种查找技巧，包括基本用法、高级技巧和实际应用场景。基本用法1.1命令格式find命令的基本格式如下：find[路径][表达式]•路径：指定要搜索的目录路径。可以是一个或多个路径。•表达式：指定查找文件的条件和操作。表达式是fi
  • 如何通过可视化管理工具提升团队效率？4 个实用技巧 可视化
    一、可视化管理工具的概念与来源可视化管理工具是指通过图形化、图表化、仪表盘等形式，将复杂的数据、流程、任务等信息以直观的方式呈现出来，帮助管理者更高效地进行决策和管理的工具。其核心理念是通过视觉化的方式，将抽象的信息转化为易于理解和操作的形式，从而提升工作效率和管理效果。可视化管理工具的概念最早可以追溯到20世纪80年代，随着计算机技术的发展，企业开始尝试将数据可视化应用于管理领域。早期的可视化管
  • 在线CAD绘制墙体（网页中开发室内设计CAD软件）
    前言室内平面图中墙体是最重要的图形之一，其中砖墙、混凝土墙、钢架墙、隔墙、隔热墙等类型的墙在设计图中均有不同的表现方式，墙体的用途一般可以分为一般墙、虚墙、卫生隔断、阳台挡板、矮墙等，根据不同的需求绘制对应的墙体能够增强建筑设计的专业性和准确性。下面我们将介绍如何使用mxcad实现基础墙体功能，并展示其实践运用效果。下述的墙体功能为一个基于mxcad开发的demo示例，因此存在无法百分百适配用户实
  • Web三维CAD绘制一个窗户模型
    前言本文使用mxcad3d在网页中创建一个简单的三维窗户模型，mxcad3d提供了丰富的三维建模功能和便捷的API，使得创建各种三维模型变得简单方便，最终效果如下图：环境搭建和入门首先学习mxcad的基本使用方法，可通过官方的入门教程来搭建一个最基本的项目模板，依次查看教程：安装Node.js以及VSCode开发工具、创建mxcad开发项目、API文档接口使用说明。压缩包下载解压后需要在项目目录下
  • 鸿蒙开发教程实战案例源码分享-搜索无缝转场跳界面效果 893151960 鸿蒙开发案例分享鸿蒙鸿蒙系统鸿蒙开发鸿蒙教程鸿蒙转场鸿蒙搜索转场效果鸿蒙跳转界面转场
    鸿蒙开发教程实战案例源码分享-搜索无缝转场跳界面效果搜索框用下无缝转场效果，不错，给用户的感觉你没跳转界面，还是在本界面搜索，挺高大上的。一、思路：用sharedTransition和pageTransition结合使用二、效果图：看视频更直观点：【2025最新】鸿蒙开发教程实战案例源码分享-搜索转场三、关键代码：@Entry@ComponentstructIndex{pageTransition
  • win32汇编环境,窗口程序中复杂列表框的应用举例 一品人家 汇编
    ;运行效果;双击到根目录后;win32汇编环境,窗口程序中复杂列表框的应用举例;在窗口程序中生成复杂列表框，增加子项，删除某项，取得指定项内容，在列表框内展示某文件夹内的文件列表，选定某文件夹后双击打开，返回上层目录再打开等;直接抄进RadAsm可编译运行。重点部分加备注。;以下是ASM文件;>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
  • PDF 解析问题调研 水的精神 RAGpdfPDF解析调研PDF解析工具
    说点真实的感受：网上看啥组件都好，实际测，啥组件都不行。效果好的不开源收费，开源的效果不好。测试下来，发现把组件融合起来，还是能不花钱解决问题的，都是麻烦折腾一些。这里分享了目前网上能够看到的资料。很多资料都是反复重复的，且效果不好的。目前网上基本没有太好用的工具，也没有太好的方案资料。剩下的就是收费效果好的。PDF解析中的诸多挑战版面分析：如何得到标题、如何的得到段落（正确的段落）、如何得到表格
  • 【一点分享】Python数据分析（1）：Jupyterlab搭建，练习Python和Sql的神器。 或许能用上 Pythonpythonsqlmysql
    在之前Mysql专栏分享过程中，一直用的Sequel客户端进行sql编写和说明注解，及时执行的结果不能保存，得写一条sql截图一次，麻烦。而Jupyterlab就可以很好解决这个问题，代码过程与执行结果都会相邻挨着保留，随时可以查看，导出或截图都非常方便。而且，Jupyterlab还天然支持Python环境，学Python甚是方便，单步执行和结果就是亮点。其他的shell等各种语言环境也可以安装插
  • LeetCode 771. 宝石与石头 不玩return的马可乐 算法/题库leetcode算法职场和发展c++数据结构
    在本篇博客中，我们将探讨如何解决LeetCode上的第771题——宝石与石头。这个问题涉及到字符串的处理和集合的使用，是一个典型的编程问题，适合初学者练习。解题思路解决这个问题的关键在于如何高效地检查stones中的每个字符是否在jewels中。我们可以通过以下步骤来实现：使用集合存储宝石类型：首先，将jewels中的所有字符存储在一个集合中，这样可以在O(1)时间内检查一个字符是否是宝石。遍历石
  • 软件工程练习：模块化，单元测试，回归测试，TDD SoftwareTeacher pythonjava编程语言人工智能大数据
    这是《构建之法》实战教学的一部分。适合作为同学们的第二个程序作业。第一个程序作业：请看“概论”一章的练习，或者老师的题目，例如这个。作业要求：软件工程的作业越来越有意思了，我们在第一个作业中，用各种语言实现了一个命令行的四则运算小程序。我们看看如果要把我们的小程序升级为能稳定运行，解决用户问题的软件，应该怎么做。建议在做下面的题目的时候，采用结对编程的方式，在练习中，让同学们学会模块化编程，信息隐
  • 使用QT+OpenCV+C++完成一个简单的图像处理工具 17´ 机器视觉Qtc++qtopencvc++图像处理
    目录前言初始化UI界面qss样式表优化界面QImage和Mat的类型转换按钮功能实现读取图像处理图像保存图像最终效果前言本项目在QtCreator中编写，使用qmake来配置OpenCV库，具体配置方法请看这篇文章从0到机器视觉工程师（六）:配置OpenCV和Qt环境-CSDN博客，UI界面使用代码的形式书写。接下来，让我们一起来完成这个项目吧。初始化UI界面代码boolMainWindow::I
  • Kotlin Bootcamp 自学（2）：Kotlin基础 EdwardW@ng kotlinjavaandroid
    KotlinBootcamp自学（2）：Kotlin基础目录KotlinBootcamp自学（2）：Kotlin基础前言运算符与数据类型(OperatorsandTypes)数值类型（NumericalType）练习使用数据类型字符串(String)比较条件和布尔值(Boolean)比较符号if...else...关于空值(Nullability)关于array,list,和loopListArr
  • LLama3.2-Vision + Gradio + 流式输出 未来之星扣寄艾斯 llamavim
    这里写自定义目录标题LLama-3.2-11B/90B-Vision-Instruct模型下载环境代码效果LLama-3.2-11B/90B-Vision-Instruct使用Gradio+流式输出+LLama3.2-Vision构建模型推理webdemo模型下载Huggingface：https://huggingface.co/meta-llama/Llama-3.2-11B-Vision-I
  • 问题 E: 指针练习-1 我就是南山 C++题目算法数据结构
    时间限制:1.000sec内存限制:128MB题目描述编写一个函数myMove，其功能是将一个数组中的所有为0的元素移至数组末尾，并保持数组非0元素的相对顺序不变。函数原型可参考如下：voidmyMove(int*p,intlen);其中，p为指向数组首元素的指针，len为数组中的元素个数。如，数组中的原始数据为:1，0，3，4，0，2，5。则经过函数处理后的数组元素为:1，3，4，2，5，0，0
  • vue2开发：el-select多选框点击后关闭下拉
    效果：代码：vue2开发：el-select多选框点击后关闭下拉*{margin:0;padding:0;}#app{padding:50px;}el-select多选框点击后不关闭下拉el-select多选框点击后关闭下拉newVue({el:'#app',data(){return{inviteStoreStatus:null,inviteStoreStatus1:null,inviteSto
  • vue开发：解决el-input-number组件输入数字的时候无法实时触发change事件
    问题：当已经输入数字的时候，还触发了为空的校验，预期是已经输入年龄的时候不会校验，输入框没有值的时候才会触发校验的。在网上查找了资料，el-input-number组件输入数字的时候无法实时触发change事件，需要使用@input.native来触发,一开始使用了也没有效果，后来加了this.$nextTick功能实现了。//解决el-input-number组件输入数字的时候无法实时触发cha
  • python使用Flask框架创建一个简单的动态日历 镜花照无眠 #Pythonpythonflask开发语言
    0.运行效果运行代码，然后在浏览器中访问http://127.0.0.1:5000/，将看到一个动态日历，能够通过点击按钮切换月份。1.安装Flask首先，确保你已经安装了Flask。如果没有，可以使用以下命令安装：pipinstallFlask测试：fromflaskimportFlask#fromflaskimportFlask,render_template,requestapp=Flask
  • 饿了么el-date-picker禁用当前时分秒之前的日期时间选择 不怕不管 vueelementUIjsjavascript
    使用参数picker-optionsdisabledDate：控制只能选择今天及以后的日期selectableRange：控制选择的时间段。如果是今天，则时间从此刻开始，否则从0时开始参考原文链接：https://blog.csdn.net/qq_26642611/article/details/103761975实现效果建议使用参数time-arrow-control，用箭头进行选择（用鼠标滚轮
  • vue3实现搜索关键字高亮 前后端都会点儿 javascriptvue.js前端
    其实这个需求非常常见，平时用app、浏览网页时都能用到，那具体是怎么实现的？我做了小案例，先看下效果我们先梳理下这个需求获取搜索关键字，并过滤出符合条件的数据匹配出要高亮的关键字增加样式那其实关键点就在于怎么匹配，如何高亮？这里我们使用正则匹配，再用replace替换，replace的第二个参数也可以是函数，接受的值就是正则匹配到的值：constsearchKey=(val:string)=>{i
  • pythonsvm模型优化_Python进化算法工具箱的使用（三）用进化算法优化SVM参数 weixin_39878698 pythonsvm模型优化
    前言自从上两篇博客详细讲解了Python遗传和进化算法工具箱及其在带约束的单目标函数值优化中的应用以及利用遗传算法求解有向图的最短路径之后，我经过不断学习工具箱的官方文档以及对源码的研究，更加掌握如何利用遗传算法求解更多有趣的问题了。与前面的文章不同，本篇采用差分进化算法来优化SVM中的参数C和Gamma。(用遗传算法也可以，下面会给出效果比较)首先简单回顾一下Python高性能实用型遗传和进化算
  • 差分进化算法_Python进化算法工具箱的使用（三）用进化算法优化SVM参数 weixin_39747075 差分进化算法
    前言自从上两篇博客详细讲解了Python遗传和进化算法工具箱及其在带约束的单目标函数值优化中的应用以及利用遗传算法求解有向图的最短路径之后，我经过不断学习工具箱的官方文档以及对源码的研究，更加掌握如何利用遗传算法求解更多有趣的问题了。与前面的文章不同，本篇采用差分进化算法来优化SVM中的参数C和Gamma。（用遗传算法也可以，下面会给出效果比较）首先简单回顾一下Python高性能实用型遗传和进化算
  • Python批量转换doc为docx格式 测试开发K 日常工作python开发语言
    札记：对于IT从业人员会经常接触到各种文件，其中Word文档是最常见之一，它分为.doc和.docx两种格式。通过Python操作Word文档的第三方库有python-docx和pywin32，python-docx只能处理.docx格式的文件，至于.doc格式文件，可调用pywin32库直接操作，但效果不好，可能出现莫名的报错或读写缺失等情况。一．解决思路翻阅网上各种解决办法，其中最为简单的处理
  • ztree设置禁用节点 3213213333332132 JavaScriptztreejsonsetDisabledNodeAjax
    ztree设置禁用节点的时候注意，当使用ajax后台请求数据,必须要设置为同步获取数据，否者会获取不到节点对象，导致设置禁用没有效果。 $(function(){ showTree(); setDisabledNode(); });
  • JVM patch by Taobao bookjovi javaHotSpot
    在网上无意中看到淘宝提交的hotspot patch，共四个，有意思，记录一下。   7050685：jsdbproc64.sh has a typo in the package name 7058036：FieldsAllocationStyle=2 does not work in 32-bit VM 7060619：C1 should respect inline and
  • 将session存储到数据库中 dcj3sjt126com sqlPHPsession
    CREATE TABLE sessions ( id CHAR(32) NOT NULL, data TEXT, last_accessed TIMESTAMP NOT NULL, PRIMARY KEY (id) );   <?php /** * Created by PhpStorm. * User: michaeldu * Date
  • Vector 171815164 vector
    public Vector<CartProduct> delCart(Vector<CartProduct> cart, String id) { for (int i = 0; i < cart.size(); i++) { if (cart.get(i).getId().equals(id)) { cart.remove(i);
  • 各连接池配置参数比较 g21121 连接池
            排版真心费劲，大家凑合看下吧，见谅~     Druid DBCP C3P0 Proxool 数据库用户名称 Username Username User   数据库密码 Password Password Password   驱动名
  • [简单]mybatis insert语句添加动态字段 53873039oycg mybatis
          mysql数据库,id自增,配置如下：       <insert id="saveTestTb" useGeneratedKeys="true" keyProperty="id" parameterType=&
  • struts2拦截器配置 云端月影 struts2拦截器
    struts2拦截器interceptor的三种配置方法 方法1. 普通配置法 <struts>     <package name="struts2" extends="struts-default">         &
  • IE中页面不居中，火狐谷歌等正常 aijuans IE中页面不居中
    问题是首页在火狐、谷歌、所有IE中正常显示，列表页的页面在火狐谷歌中正常，在IE6、7、8中都不中，觉得可能那个地方设置的让IE系列都不认识，仔细查看后发现，列表页中没写HTML模板部分没有添加DTD定义，就是<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3
  • String,int,Integer,char 几个类型常见转换 antonyup_2006 htmlsql.net
    如何将字串 String 转换成整数 int? int i = Integer.valueOf(my_str).intValue(); int i=Integer.parseInt(str); 如何将字串 String 转换成Integer ? Integer integer=Integer.valueOf(str); 如何将整数 int 转换成字串 String ? 1.
  • PL/SQL的游标类型 百合不是茶 显示游标(静态游标)隐式游标游标的更新和删除%rowtyperef游标(动态游标)
    游标是oracle中的一个结果集,用于存放查询的结果;   PL/SQL中游标的声明; 1,声明游标 2,打开游标(默认是关闭的); 3,提取数据 4,关闭游标     注意的要点:游标必须声明在declare中,使用open打开游标,fetch取游标中的数据,close关闭游标   隐式游标:主要是对DML数据的操作隐
  • JUnit4中@AfterClass @BeforeClass @after @before的区别对比 bijian1013 JUnit4单元测试
    一.基础知识 JUnit4使用Java5中的注解（annotation），以下是JUnit4常用的几个annotation： @Before：初始化方法   对于每一个测试方法都要执行一次（注意与BeforeClass区别，后者是对于所有方法执行一次）@After：释放资源  对于每一个测试方法都要执行一次（注意与AfterClass区别，后者是对于所有方法执行一次
  • 精通Oracle10编程SQL(12)开发包 bijian1013 oracle数据库plsql
    /* *开发包 *包用于逻辑组合相关的PL/SQL类型（例如TABLE类型和RECORD类型）、PL/SQL项（例如游标和游标变量）和PL/SQL子程序（例如过程和函数） */ --包用于逻辑组合相关的PL/SQL类型、项和子程序，它由包规范和包体两部分组成 --建立包规范：包规范实际是包与应用程序之间的接口，它用于定义包的公用组件，包括常量、变量、游标、过程和函数等 --在包规
  • 【EhCache二】ehcache.xml配置详解 bit1129 ehcache.xml
    在ehcache官网上找了多次，终于找到ehcache.xml配置元素和属性的含义说明文档了，这个文档包含在ehcache.xml的注释中！ ehcache.xml ： http://ehcache.org/ehcache.xml ehcache.xsd ： http://ehcache.org/ehcache.xsd ehcache配置文件的根元素是ehcahe   ehcac
  • java.lang.ClassNotFoundException: org.springframework.web.context.ContextLoaderL 白糖_ javaeclipsespringtomcatWeb
    今天学习spring+cxf的时候遇到一个问题：在web.xml中配置了spring的上下文监听器： <listener> <listener-class>org.springframework.web.context.ContextLoaderListener</listener-class> </listener>  随后启动
  • angular.element boyitech AngularJSAngularJS APIangular.element
    angular.element 描述:     包裹着一部分DOM element或者是HTML字符串，把它作为一个jQuery元素来处理。（类似于jQuery的选择器啦）     如果jQuery被引入了，则angular.element就可以看作是jQuery选择器，选择的对象可以使用jQuery的函数；如果jQuery不可用，angular.e
  • java-给定两个已排序序列，找出共同的元素。 bylijinnan java
    import java.util.ArrayList; import java.util.Arrays; import java.util.List; public class CommonItemInTwoSortedArray { /** * 题目：给定两个已排序序列，找出共同的元素。 * 1.定义两个指针分别指向序列的开始。 * 如果指向的两个元素
  • sftp 异常，有遇到的吗？求解 Chen.H javajcraftauthjschjschexception
    com.jcraft.jsch.JSchException: Auth cancel at com.jcraft.jsch.Session.connect(Session.java:460) at com.jcraft.jsch.Session.connect(Session.java:154) at cn.vivame.util.ftp.SftpServerAccess.connec
  • [生物智能与人工智能]神经元中的电化学结构代表什么? comsci 人工智能
         我这里做一个大胆的猜想,生物神经网络中的神经元中包含着一些化学和类似电路的结构,这些结构通常用来扮演类似我们在拓扑分析系统中的节点嵌入方程一样,使得我们的神经网络产生智能判断的能力,而这些嵌入到节点中的方程同时也扮演着"经验"的角色....      我们可以尝试一下...在某些神经
  • 通过LAC和CID获取经纬度信息 dai_lm laccid
    方法1： 用浏览器打开http://www.minigps.net/cellsearch.html，然后输入lac和cid信息(mcc和mnc可以填0)，如果数据正确就可以获得相应的经纬度 方法2： 发送HTTP请求到http://www.open-electronics.org/celltrack/cell.php?hex=0&lac=<lac>&cid=&
  • JAVA的困难分析 datamachine java
    前段时间转了一篇SQL的文章（http://datamachine.iteye.com/blog/1971896），文章不复杂，但思想深刻，就顺便思考了一下java的不足，当砖头丢出来，希望引点和田玉。   -----------------------------------------------------------------------------------------
  • 小学5年级英语单词背诵第二课 dcj3sjt126com englishword
    money 钱 paper 纸 speak 讲，说 tell 告诉   remember 记得，想起 knock 敲，击，打 question 问题 number 数字，号码   learn 学会，学习 street 街道 carry 搬运，携带 send 发送，邮寄，发射   must 必须 light 灯，光线，轻的 front
  • linux下面没有tree命令 dcj3sjt126com linux
    centos p安装 yum -y install tree   mac os安装 brew install tree   首先来看tree的用法 tree 中文解释：tree 功能说明：以树状图列出目录的内容。 语　　法：tree [-aACdDfFgilnNpqstux][-I <范本样式>][-P <范本样式
  • Map迭代方式，Map迭代，Map循环 蕃薯耀 Map循环Map迭代Map迭代方式
    Map迭代方式，Map迭代，Map循环   >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 2015年
  • Spring Cache注解+Redis hanqunfeng spring
    Spring3.1 Cache注解  依赖jar包： <!-- redis --> <dependency> <groupId>org.springframework.data</groupId> <artifactId>spring-data-redis</artifactId>
  • Guava中针对集合的 filter和过滤功能 jackyrong filter
    在guava库中，自带了过滤器(filter)的功能，可以用来对collection 进行过滤，先看例子：    @Test public void whenFilterWithIterables_thenFiltered() { List<String> names = Lists.newArrayList("John"
  • 学习编程那点事 lampcy 编程androidPHPhtml5
    一年前的夏天，我还在纠结要不要改行，要不要去学php？能学到真本事吗？改行能成功吗？太多的问题，我终于不顾一切，下定决心，辞去了工作，来到传说中的帝都。老师给的乘车方式还算有效，很顺利的就到了学校，赶巧了，正好学校搬到了新校区。先安顿了下来，过了个轻松的周末，第一次到帝都，逛逛吧！ 接下来的周一，是我噩梦的开始，学习内容对我这个零基础的人来说，除了勉强完成老师布置的作业外，我已经没有时间和精力去
  • 架构师之流处理---------bytebuffer的mark,limit和flip nannan408 ByteBuffer
    1.前言。   如题，limit其实就是可以读取的字节长度的意思，flip是清空的意思，mark是标记的意思 。 2.例子. 例子代码: String str = "helloWorld"; ByteBuffer buff = ByteBuffer.wrap(str.getBytes()); Sy
  • org.apache.el.parser.ParseException: Encountered " ":" ": "" at line 1, column 1 Everyday都不同 $转义el表达式
    最近在做Highcharts的过程中，在写js时，出现了以下异常：   严重: Servlet.service() for servlet jsp threw exception org.apache.el.parser.ParseException: Encountered " ":" ": "" at line 1,
  • 用Java实现发送邮件到163 tntxia java实现
    /* 在java版经常看到有人问如何用javamail发送邮件？如何接收邮件？如何访问多个文件夹等。问题零散，而历史的回复早已经淹没在问题的海洋之中。 本人之前所做过一个java项目，其中包含有WebMail功能，当初为用java实现而对javamail摸索了一段时间，总算有点收获。看到论坛中的经常有此方面的问题，因此把我的一些经验帖出来，希望对大家有些帮助。 此篇仅介绍用
  • 探索实体类存在的真正意义 java小叶檀 POJO
    一. 实体类简述    实体类其实就是俗称的POJO,这种类一般不实现特殊框架下的接口，在程序中仅作为数据容器用来持久化存储数据用的 POJO（Plain Old Java Objects）简单的Java对象   它的一般格式就是 public class A{ private String id; public Str
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他