nieshanfeng
nieshanfeng

第23章 定位

23.1定位的基本语法
    定位属性由position表示，用来设置对象的定位方式，有绝对定位和相对定位之分，
完整语法形式如下：
    position:static|absolute|relative
   参数static:默认值。无特殊定位
   参数absolute:将对象从文档流中流出，使用left,right,top,bottom等属性表示最接
近的一个父对象的绝对对定位的方位。
   参数relative:对象不可层叠，但将依left,right,top,bottom等属性在正常文档流中
偏移位置。
   要激活对象的绝对定位(absolute),必须指定left,right,top,bottom属性中的至少一个,
并且设置此属性值为absolute.
   设置此属性值为relative会保持对象在正常HTML流中，但是它的位置可以根据它的前一个
对象进行偏移，在相对定位对象之后的文本或对象占有它们自己的空间而不会覆盖被定位对象
的自然空间，与此不同的是，在绝对定位对象之后的文本或对象在被定位对象拖离正常文档流
之前会占有它的自然空间，放置绝对定位对象在可视区域之外会导致滚动条出现，而放置相对
定位对象在可视区域之外，滚动条不会出现。
实例:
<html>
<head>
<title>position的用法</title>
<style type="text/css">
div
{
     border:1px solid red;
  margin-top:5px;
}
#p1
{
    /*设置为绝对定位*/
    position:absolute;
 /*距左端20像素*/
 left:20px;
 /*距顶端100像素*/
 top:100px;
}
#p2
{
    /*设置为相对定位*/
 position:relative;
 /*距左端100像素*/
 left:100px;
    
}
</style>
</head>
<body>
     <div id="p1">
     这是absolute的值--HTML+CSS完全自学手册<br>
        left设置为20px;top设置为100px.
  </div>
  <div id="p2">
     这是relative的值--HTML+CSS完全自学手册<br>
  left设置为100px
  </div>
</body>
</html>
23.2设置对象层叠顺序
      层叠属性类似于三维的Z轴,以对象为中心,前后移动,语法用z-index表示,后面可取值,
值较大元素将叠加在z-index较小的元素之上,其下是层叠对象的完整语法:
    z-index:auto|lenght
    auto:默认值，由其父对象的定位决定。
    length:无单位的整数值,可为负数.
实例:
<html>
<head>
<title>z-index用法</title>
<style type="text/css">
#p1
{
     /*设置为100*/
  z-index:100;
  /*设置相对定位*/
  position:relative;
  /*距左端10像素*/
  left:10px;
  /*用不同背景区别名层*/
  boackground:#ccc;
}
#p2
{
    /*设置为200，比100大，将会显示在设置z-index值对象的前面*/
 z-index:200;
 position:relative;
 left:30px;
 top:-1px;
 background:#888;
}
#p3
{
    /*设置为300比前面两个对象都大*/
 z-index:300;
 position:relative;
 left:60px;
 top:-10px;
 background:#666;
}
</style>
</head>
<body>
     <div id="p1">
      这是第一个层，z-index设置为100.
  </div>
  <div id="p2">
       这是第二个层，z-index设置为200.
  </div>
  <div id="p3">
       这是第三个层，z-index设置为300.
  </div>
 
</body>
</html>

23.3设置对象的边框位置
   设置对象的边框位置用方向属性,方向属性就是表达上右下左方向属性,
   top:auto|length
   right:auto|length
   bottom:auto|length
   left:auto|length
 
实例：
<html>
<head>
<title>设置对象的边框位置</title>
<style type="text/css">
div
{
     width:100px;
  height:50px;
}
#p1
{
    position:relative;
 left:20px;
 top:5x;
}
#p2
{
    position:absolute;
 right:20px;
 top:45px;
 background:#ccc;
}
#p3
{
    position:absolute;
 bottom:20px;
 background:#666;
}
</style>
</head>
<body>
     <div id="p1">
      这是第一层，left:20px;top:5px;
  </div>
  <div id="p2">
      这是第二层,<br>
   right:20px;top:45px;
  </div>
  <div id="p3">
      这是第三层，bottom:20px;
  </div>
 
</body>
</html>
 
 
 
 
 
 
 
 
 
 
 
 

你可能感兴趣的:(html,职场,休闲)

  • 浅谈Vue组件开发几个原则 Doniet web前端vue.js前端javascript
    江湖传闻随着互联网技术的发展，HTML从最初静态网页，发展到现在各端丰富多彩的应用。当初的江湖霸主jQuery，现在已经偏安一隅。angularJS手持MVC利剑，用其庞大的身躯，在前端江湖那平静的湖面砸出一股巨浪。随后React利用家族优势，扛着MVVM宝剑，也在前端江湖掀起了血雨腥风。之后Vue偷师学艺并融合ES5前辈的绝学，利用MVVM宝剑的优势，很快也打下了一片天地。Vue与Angular
  • 浏览器的高层结构 weixin_34293911 javascript数据库pythonViewUI
    2019独角兽企业重金招聘Python工程师标准>>>浏览器的主要组件为：用户界面-包括地址栏、前进/后退按钮、书签菜单等。除了浏览器主窗口显示的您请求的页面外，其他显示的各个部分都属于用户界面。浏览器引擎-在用户界面和呈现引擎之间传送指令。呈现引擎-负责显示请求的内容。如果请求的内容是HTML，它就负责解析HTML和CSS内容，并将解析后的内容显示在屏幕上。网络-用于网络调用，比如HTTP请求。
  • Vscode HTML5新增元素及属性 凌冰_ Vscodehtml5前端html
    一、‌HTML5语义化标签HTML5语义化标签（SemanticElements）是一组‌具有明确含义的HTML元素‌，通过标签名称直接描述其内容或结构的功能，而非仅作为样式容器（如或）。它们旨在‌提升网页内容对机器（搜索引擎、屏幕阅读器）和开发者的可读性‌，同时规范化页面结构的表达方式。标签‌‌完整定义‌‌典型使用场景‌‌‌定义文档或内容区块的头部区域，包含标题、导航、标志等。页面顶部导航栏、文
  • HTML5前端第六章节 NaZiMeKiY HTML5html5前端html1024程序员节
    一.标准流，浮动，flex布局1.标准流概念：标准流又叫文档流，指的是标签在页面中默认的排布规则，例如块元素独占一行，行内元素可以一行显示多个等等排布规则2.浮动（1）.作用：让块元素水平排列（2）.属性名：float（3）.属性值：left（左对齐），right（右对齐）.test_one{width:300px;height:300px;background-color:blueviolet;
  • HTML之内联样式 2401_89793006 前端html前端
    HTML之内联样式在HTML中，样式是控制页面外观的重要手段。而内联样式（InlineStyle）是HTML中一种直接为元素设置样式的写法。本文将详细介绍内联样式的基本概念、语法、使用场景以及与其他样式方式的区别。一、什么是内联样式？内联样式是指在HTML标签中，通过style属性直接定义样式的写法。这种方式的特点是**“即用即定义”**，无需引入外部CSS文件或在页面顶部编写样式表，适用于需要快
  • Vue基础 爱编程的王小美 vue.js前端
    目录-Vue基础-1、插值表达式{{}}2、Vue核心特性：响应式3、开发者工具VueDevtools(极简插件下载)4、Vue指令v-textv-htmlv-bindv-onv-ifv-showv-forv-model5、Vue指令修饰符.stop.prevent.capture.self.once.enter、.tab、.delete、.esc等.ctrl、.alt、.shift、.meta.
  • HTML5 drag属性 庆新酱 html
    HTML5drag属性想要对某个元素拖拽，需要首先给元素加上draggable=“true”，默认a标签和img是可以拖动的。1.拖动事件事件分为两类：一被拖动的元素上的事件，二被放置的位置接收到的事件。一、发生在被拖动的元素上的事件事件名触发时机触发次数dragstart当拖动开始时（按下鼠标键并开始移动）触发一次1drag拖动开始后触发，在元素拖动期间会持续触发ndragend拖动结束（释放鼠
  • HTML5 Audio（音频）学习笔记 齐尹秦 HTML学习笔记html5音视频学习
    一、HTML5音频简介HTML5引入了元素，用于在网页中播放音频文件。这使得音频的嵌入变得更加简单和标准化。在HTML5之前，大多数音频是通过插件（如Flash）来播放的，但这种方式存在兼容性问题，因为并非所有浏览器都支持相同的插件。HTML5的元素为音频播放提供了一种标准方法。二、浏览器支持情况InternetExplorer9+、Firefox、Opera、Chrome和Safari都支持元素
  • HTML5 Geolocation（地理定位）学习笔记 齐尹秦 HTML学习笔记html5学习笔记
    一、HTML5Geolocation简介HTML5Geolocation（地理定位）API用于获取用户的地理位置信息。通过这个API，可以获取用户的纬度、经度、海拔等信息。由于地理定位可能涉及用户隐私，因此只有在用户同意的情况下，才能获取其位置信息。GeolocationAPI支持以下浏览器：InternetExplorer9+FirefoxChromeSafariOpera对于拥有GPS的设备（
  • 我的DW个人网站设计——安徽宣城6页HTML+CSS+JavaScript @蜡笔小新星 htmlcssjavascript
    家乡旅游景点网页作业制作网页代码运用了DIV盒子的使用方法，如盒子的嵌套、浮动、margin、border、background等属性的使用，外部大盒子设定居中，内部左中右布局，下方横向浮动排列，大学学习的前端知识点和布局方式都有运用，CSS的代码量也很足、很细致，使用hover来完成过渡效果、鼠标滑过效果等，使用表格、表单补充模块，为方便新手学习页面中没有使用js有需要的可以自行添加。⚽精彩专栏
  • 代码随想录算法训练营第二十五天 | 491. 非递减子序列、46. 全排列、47.全排列 II、332. 重新安排行程、51. N 皇后、37. 解数独 榛果咖啡有点苦 代码随想录算法训练营算法
    491.非递减子序列题目链接：https://leetcode.cn/problems/non-decreasing-subsequences/description/文档讲解：https://programmercarl.com/0491.%E9%80%92%E5%A2%9E%E5%AD%90%E5%BA%8F%E5%88%97.html状态：已完成思路：本题考察的是在无序数组中可能有重复元素的
  • 代码随想录算法训练营第三十六天 | 1049. 最后一块石头的重量 II、494. 目标和、474. 一和零 榛果咖啡有点苦 代码随想录算法训练营算法
    1049.最后一块石头的重量II(*)题目链接：https://leetcode.cn/problems/last-stone-weight-ii/文档讲解：https://programmercarl.com/1049.%E6%9C%80%E5%90%8E%E4%B8%80%E5%9D%97%E7%9F%B3%E5%A4%B4%E7%9A%84%E9%87%8D%E9%87%8FII.html状
  • docker搭建php环境安装 .LWH php开发语言docker
    目录一、什么是php？二、docker拉取nginx和php镜像三、创建容器四、测试一、什么是php？PHP定义：一种服务器端的HTML脚本/编程语言，是一种简单的、面向对象的、解释型的、健壮的、安全的、性能非常之高的、独立于架构的、可移植的、动态的脚本语言。是一种广泛用于OpenSource（开放源代码）的尤其适合Web开发并可以嵌入HTML的多用途脚本语言。它的语法接近C，Java和Perl,
  • wangEditor能否支持网页直接导入EXCEL文件？操作步骤是什么？ 2501_90694782 umeditor粘贴wordueditor粘贴wordueditor复制wordueditor上传word图片ueditor导入wordueditor导入pdfueditor导入ppt
    要求：开源，免费，技术支持编辑器：wangEditor前端：vue2,vue3,vue-cli,html5后端：java,jsp,springboot,asp.net,php,asp,.netcore,.netmvc,.netform群体：学生,个人用户,外包,自由职业者,中小型网站,博客,场景：数字门户,数字中台,站群,内网，外网，信创国产化环境，web截屏行业：医疗，教育，建筑，政府，党政，国
  • 14-emment语法使用（拓展） CCChaya-软件技术教师 csscss3html前端javascript
    1.Emmet语法介绍Emmet是一种能显著提升HTML和CSS代码编写效率的工具，它允许你借助简短的缩写来快速生成大量代码。2.Emmet作用提高编码效率：通过输入简短的缩写，能迅速生成完整的HTML或CSS代码结构，节省大量时间。减少错误：使用标准化的缩写，可避免手动输入时出现的拼写错误和语法错误。保持代码一致性：Emmet语法具有统一的规则，有助于保持代码风格的一致性。3.Emmet语法使用
  • 探索音乐之美：APlayer - 超可爱的HTML5音乐播放器 强和毓Hadley
    探索音乐之美：APlayer-超可爱的HTML5音乐播放器APlayer:lollipop:Wow,suchabeautifulHTML5musicplayer项目地址:https://gitcode.com/gh_mirrors/ap/APlayer在寻找一个既美观又功能齐全的HTML5音乐播放器吗？APlayer，以其小巧可爱的设计和强大的功能，无疑是您的理想选择。这个开源项目将为您带来前所未
  • 响应式 Web 设计：HTML 与 CSS 协同学习的进度（二） 计算机毕设定制辅导-无忧学长 #HTML前端htmlcss
    学习进度与实践案例初级阶段：构建基础页面在初级阶段，主要学习使用HTML和CSS构建简单的网页结构和基本样式。首先，使用HTML搭建页面的基本框架，包含文本内容、图片展示、链接设置等元素。例如，创建一个包含标题、段落、图片和链接的简单网页：初级阶段示例页面欢迎来到我的网站这是一段简单的介绍文字，用于说明网站的主要内容。点击访问示例网站然后，使用CSS为这些元素添加基本的样式，如设置文本颜色、字体大
  • html 运行css实现3D正方体旋转制作 金融小白数据分析之路 htmlcss3csshtml
    正方体旋转制作1.animation与keyframes配合使用keyframes可以控制动画序列的中间步骤。fromto的变化使用,相当于0%/from和100%/to,从什么变化到什么，加入中间的的过程的话可以设置0%25%100%等等。@keyframesslidein{from{transform:translateX(0%);}to{transform:translateX(100%);
  • html+css 实现hover 3D按钮特效 宝码香车 #html+css+js绚丽按钮htmlcss3d前端
    前言：哈喽，大家好，今天给大家分享html+css绚丽效果！并提供具体代码帮助大家深入理解，彻底掌握！创作不易，如果能帮助到大家或者给大家一些灵感和启发，欢迎收藏+关注哦目录一、效果二、原理解析1.这是一个，hover3D悬浮的按钮效果。每个按钮都是由5部分组成，a,a:before,a:after,i,span如下图。2.当按钮上有鼠标时，hover效果触发，运行==transition过渡动画
  • Java GO .Net Python 等众多资源分享 code36 pythondjangoflaskjavaharmonyos
    在知识共享与资源获取需求日益增长的今天，夸克盘凭借14T+持续更新的优质资源，成为学习、娱乐、自我提升的一站式宝库！以下精选资源分类，助您快速锁定所需：一、全领域资源矩阵，精准匹配需求职场与技能提升：IT资料涵盖129个集合，从编程开发到技术运维，助力职业进阶；考公资料19个集合，系统梳理考公知识体系，为上岸保驾护航。学业深造必备：考研资料27个集合，覆盖热门专业；事业编资料37个集合，针对性突破
  • gradio调用多个CSS的HTML页 li_li_rui csshtml前端gradio大语言模型
    很多博客介绍的gradio读取html和css比较简单，如果要做很细致的前端页面优化，比如丰富的响应式的css+js，至少要有html+多个css，是暂不能实现的。bootstrap、font-awesome、jquery等方案一当然是直接更换html+css为主的部署方式，仅用gradio传回的数据，重新设计前端方案二可以考虑把多个css直接拼接后再生效，举例如下：1.原html404PageO
  • 【2025年春季】全国CTF夺旗赛-从零基础入门到竞赛，看这一篇就稳了！ 白帽子凯哥 web安全学习安全CTF夺旗赛网络安全
    基于入门网络安全/黑客打造的：黑客&网络安全入门&进阶学习资源包目录一、CTF简介二、CTF竞赛模式三、CTF各大题型简介四、CTF学习路线4.1、初期1、html+css+js（2-3天）2、apache+php（4-5天）3、mysql（2-3天）4、python(2-3天)5、burpsuite（1-2天）4.2、中期1、SQL注入（7-8天）2、文件上传（7-8天）3、其他漏洞（14-15
  • 【LeetCode】 五月打卡-day01 王六六同学 #每日打卡题leetcode算法java
    必须拿下五月勋章2022.5.11305.两棵二叉搜索树中的所有元素中序遍历+归并排序中序遍历这两棵二叉搜索树，可以得到两个有序数组。然后可以使用双指针方法来合并这两个有序数组，这一方法将两个数组看作两个队列，每次从队列头部取出比较小的数字放到结果中（头部相同时可任取一个）。https://www.runoob.com/java/java-arraylist-sublist.htmlsubList
  • Mybatis映射文件解析 沉梦听雨. #Mybatismybatis
    Mybatis映射文件解析mybatis中比较符号的写法第一种写法直接在外层嵌套这个标签，例如=]]>标签说明：CDATA（CharacterData）标签，它在XML和HTML中用于定义一段文本数据，该数据不应被解析器解析为标记。CDATA部分中的内容将原样输出，即其中的所有字符都将被视为普通文本，即使它们可能包含特殊字符或标记。sql举例如下：select*fromuserwhereage=]
  • Django新手入门 超级无敌大好人 django笔记python
    文章目录请求：视图：1.定义URL2.获取URL参数3.获取GET/POST参数4.响应对象5.响应HTML6.重定向7.配置静态文件8.class重写视图9.错误请求模板1.模板标签2.模板继承3.添加公共4.过滤器ORM模型：配置模型同步1.字段定义2.元数据Meta3.关联关系4.CRUD5.QuerySet结果集6.用SQL查询7.分页处理8.聚合统计表单字段类型字段参数表单类参数form
  • 前端实现word文档的生成和下载 菜鸟一只请包涵 通用htmlword
    一前提应项目需求，需要把前端生成word文档并下载。此项目我使用的是vue框架。本篇文章主要是记录自己在实现中遇到的问题以及最终使用方式。二实现方式我的方式是将html转为word文档并下载。现在网上最常见的是使用html-docx-js配合file-saver使用，但是我在使用的时候报错。一查，是因为html-docx-js构建出来的代码包括with语句，而在主流的现代框架中（vue/react
  • js向数组中插入元素 fridayCodeFly jQueryjavaScript
    1、在数组的开头添加新元素-unshift()functionmyFunction(){varfruits=["Banana","Orange","Apple","Mango"];fruits.unshift("Lemon","Pineapple");varx=document.getElementById("demo");x.innerHTML=fruits;}结果:Lemon,Pineappl
  • open-spider开源爬虫工具：抖音数据采集_抖音直播爬虫采集 2401_84010165 程序员爬虫
    静态内容抓取是指从网页中直接提取信息的过程。这通常涉及到以下几个步骤：使用requests库发送HTTP请求，获取网页的原始数据。例如，你可以使用requests.get(url)来获取抖音首页的HTML内容。利用BeautifulSoup库对获取到的HTML进行解析。BeautifulSoup提供了丰富的方法来处理和提取HTML文档中的数据。例如，你可以使用find()或find_all()方法
  • 第2章-01-网站中的资源介绍 黑夜开发者 Web爬虫入门与实战精讲网络爬虫pythonselenium网站资源
    作者简介，黑夜开发者，CSDN领军人物，全栈领域优质创作者✌，CSDN博客专家，阿里云社区专家博主，2023年CSDN全站百大博主。数年电商行业从业经验，历任核心研发工程师，项目技术负责人。本文已收录于专栏：Web爬虫入门与实战精讲，后续完整更新内容如下。文章目录网站资源概览1.HTML文档2.CSS样式表3.JavaScript脚本4.图片5.字体6.视频与音频文件总结网站资源概览一个现代网站，
  • 深入理解Aider sends a repo map 超级小龙虾 python
    你提到的这个链接（https://aider.chat/2023/10/22/repomap.html）是Aider的官方文档，介绍了一种叫做“RepoMap”（仓库地图）的功能。Aider是一个AI编程辅助工具，主要通过与大语言模型（如GPT或Claude）协作来帮助开发者编辑代码。RepoMap是它提供给LLM的上下文机制，用于提升模型对代码库的理解能力。以下是对这段内容的理解和使用方式的详细
  • java封装继承多态等 麦田的设计者 javaeclipsejvmcencapsulatopn
           最近一段时间看了很多的视频却忘记总结了，现在只能想到什么写什么了，希望能起到一个回忆巩固的作用。     1、final关键字       译为：最终的        &
  • F5与集群的区别 bijian1013 weblogic集群F5
            http请求配置不是通过集群，而是F5；集群是weblogic容器的，如果是ejb接口是通过集群。         F5同集群的差别，主要还是会话复制的问题，F5一把是分发http请求用的，因为http都是无状态的服务，无需关注会话问题，类似
  • LeetCode[Math] - #7 Reverse Integer Cwind java题解MathLeetCodeAlgorithm
    原题链接：#7 Reverse Integer   要求： 按位反转输入的数字 例1： 输入 x = 123, 返回 321 例2： 输入 x = -123, 返回 -321   难度：简单   分析： 对于一般情况，首先保存输入数字的符号，然后每次取输入的末位（x%10）作为输出的高位（result = result*10 + x%10）即可。但
  • BufferedOutputStream 周凡杨
         首先说一下这个大批量，是指有上千万的数据量。      例子：      有一张短信历史表，其数据有上千万条数据，要进行数据备份到文本文件，就是执行如下SQL然后将结果集写入到文件中！      select t.msisd
  • linux下模拟按键输入和鼠标 被触发 linux
    查看/dev/input/eventX是什么类型的事件， cat /proc/bus/input/devices 设备有着自己特殊的按键键码，我需要将一些标准的按键，比如0－9，X－Z等模拟成标准按键，比如KEY_0,KEY-Z等，所以需要用到按键 模拟，具体方法就是操作/dev/input/event1文件，向它写入个input_event结构体就可以模拟按键的输入了。 linux/in
  • ContentProvider初体验 肆无忌惮_ ContentProvider
    ContentProvider在安卓开发中非常重要。与Activity，Service，BroadcastReceiver并称安卓组件四大天王。 在android中的作用是用来对外共享数据。因为安卓程序的数据库文件存放在data/data/packagename里面，这里面的文件默认都是私有的，别的程序无法访问。 如果QQ游戏想访问手机QQ的帐号信息一键登录，那么就需要使用内容提供者COnte
  • 关于Spring MVC项目（maven）中通过fileupload上传文件 843977358 mybatisspring mvc修改头像上传文件upload
    Spring MVC 中通过fileupload上传文件，其中项目使用maven管理。   1.上传文件首先需要的是导入相关支持jar包：commons-fileupload.jar,commons-io.jar 因为我是用的maven管理项目，所以要在pom文件中配置（每个人的jar包位置根据实际情况定） <!-- 文件上传 start by zhangyd-c --&g
  • 使用svnkit api，纯java操作svn，实现svn提交，更新等操作 aigo svnkit
     原文：http://blog.csdn.net/hardwin/article/details/7963318   import java.io.File; import org.apache.log4j.Logger; import org.tmatesoft.svn.core.SVNCommitInfo; import org.tmateso
  • 对比浏览器，casperjs，httpclient的Header信息 alleni123 爬虫crawlerheader
    @Override protected void doGet(HttpServletRequest req, HttpServletResponse res) throws ServletException, IOException { String type=req.getParameter("type"); Enumeration es=re
  • java.io操作 DataInputStream和DataOutputStream基本数据流 百合不是茶 java流
    1，java中如果不保存整个对象，只保存类中的属性，那么我们可以使用本篇文章中的方法，如果要保存整个对象  先将类实例化  后面的文章将详细写到     2，DataInputStream 是java.io包中一个数据输入流允许应用程序以与机器无关方式从底层输入流中读取基本 Java 数据类型。应用程序可以使用数据输出流写入稍后由数据输入流读取的数据。
  • 车辆保险理赔案例 bijian1013 车险
    理赔案例： 一货运车，运输公司为车辆购买了机动车商业险和交强险，也买了安全生产责任险，运输一车烟花爆竹，在行驶途中发生爆炸，出现车毁、货损、司机亡、炸死一路人、炸毁一间民宅等惨剧，针对这几种情况，该如何赔付。 赔付建议和方案： 客户所买交强险在这里不起作用，因为交强险的赔付前提是：“机动车发生道路交通意外事故”； 如果是交通意外事故引发的爆炸，则优先适用交强险条款进行赔付，不足的部分由商业
  • 学习Spring必学的Java基础知识(5)—注解 bijian1013 javaspring
            文章来源：http://www.iteye.com/topic/1123823，整理在我的博客有两个目的：一个是原文确实很不错，通俗易懂，督促自已将博主的这一系列关于Spring文章都学完；另一个原因是为免原文被博主删除，在此记录，方便以后查找阅读。           有必要对
  • 【Struts2一】Struts2 Hello World bit1129 Hello world
    Struts2 Hello World应用的基本步骤 创建Struts2的Hello World应用，包括如下几步： 1.配置web.xml 2.创建Action 3.创建struts.xml，配置Action 4.启动web server，通过浏览器访问   配置web.xml <?xml version="1.0" encoding="
  • 【Avro二】Avro RPC框架 bit1129 rpc
    1. Avro RPC简介 1.1. RPC RPC逻辑上分为二层，一是传输层，负责网络通信；二是协议层，将数据按照一定协议格式打包和解包 从序列化方式来看，Apache Thrift 和Google的Protocol Buffers和Avro应该是属于同一个级别的框架，都能跨语言，性能优秀，数据精简，但是Avro的动态模式（不用生成代码，而且性能很好）这个特点让人非常喜欢，比较适合R
  • lua　set get cookie ronin47 lua cookie
    lua: local access_token = ngx.var.cookie_SGAccessToken if access_token then ngx.header["Set-Cookie"] = "SGAccessToken="..access_token.."; path=/;Max-Age=3000" end
  • java-打印不大于N的质数 bylijinnan java
    public class PrimeNumber { /** * 寻找不大于N的质数 */ public static void main(String[] args) { int n=100; PrimeNumber pn=new PrimeNumber(); pn.printPrimeNumber(n); System.out.print
  • Spring源码学习-PropertyPlaceholderHelper bylijinnan javaspring
    今天在看Spring 3.0.0.RELEASE的源码，发现PropertyPlaceholderHelper的一个bug 当时觉得奇怪，上网一搜，果然是个bug，不过早就有人发现了，且已经修复： 详见： http://forum.spring.io/forum/spring-projects/container/88107-propertyplaceholderhelper-bug
  • [逻辑与拓扑]布尔逻辑与拓扑结构的结合会产生什么? comsci 拓扑
       如果我们已经在一个工作流的节点中嵌入了可以进行逻辑推理的代码,那么成百上千个这样的节点如果组成一个拓扑网络,而这个网络是可以自动遍历的,非线性的拓扑计算模型和节点内部的布尔逻辑处理的结合,会产生什么样的结果呢?    是否可以形成一种新的模糊语言识别和处理模型呢?  大家有兴趣可以试试,用软件搞这些有个好处,就是花钱比较少,就算不成
  • ITEYE 都换百度推广了 cuisuqiang GoogleAdSense百度推广广告外快
    以前ITEYE的广告都是谷歌的Google AdSense，现在都换成百度推广了。   为什么个人博客设置里面还是Google AdSense呢？   都知道Google AdSense不好申请，这在ITEYE上也不是讨论了一两天了，强烈建议ITEYE换掉Google AdSense。至少，用一个好申请的吧。   什么时候能从ITEYE上来点外快，哪怕少点
  • 新浪微博技术架构分析 dalan_123 新浪微博架构
    新浪微博在短短一年时间内从零发展到五千万用户，我们的基层架构也发展了几个版本。第一版就是是非常快的，我们可以非常快的实现我们的模块。我们看一下技术特点，微博这个产品从架构上来分析，它需要解决的是发表和订阅的问题。我们第一版采用的是推的消息模式，假如说我们一个明星用户他有10万个粉丝，那就是说用户发表一条微博的时候，我们把这个微博消息攒成10万份，这样就是很简单了，第一版的架构实际上就是这两行字。第
  • 玩转ARP攻击 dcj3sjt126com r
    我写这片文章只是想让你明白深刻理解某一协议的好处。高手免看。如果有人利用这片文章所做的一切事情，盖不负责。 网上关于ARP的资料已经很多了，就不用我都说了。 用某一位高手的话来说，“我们能做的事情很多，唯一受限制的是我们的创造力和想象力”。 ARP也是如此。 以下讨论的机子有 一个要攻击的机子：10.5.4.178 硬件地址：52:54:4C:98
  • PHP编码规范 dcj3sjt126com 编码规范
    一、文件格式 1. 对于只含有 php 代码的文件，我们将在文件结尾处忽略掉 "?>" 。这是为了防止多余的空格或者其它字符影响到代码。例如：<?php$foo = 'foo';2. 缩进应该能够反映出代码的逻辑结果，尽量使用四个空格，禁止使用制表符TAB，因为这样能够保证有跨客户端编程器软件的灵活性。例
  • linux 脱机管理（nohup） eksliang linux nohupnohup
    脱机管理 nohup 转载请出自出处：http://eksliang.iteye.com/blog/2166699 nohup可以让你在脱机或者注销系统后，还能够让工作继续进行。他的语法如下 nohup [命令与参数] --在终端机前台工作 nohup [命令与参数] & --在终端机后台工作   但是这个命令需要注意的是，nohup并不支持bash的内置命令，所
  • BusinessObjects Enterprise Java SDK greemranqq javaBOSAPCrystal Reports
    最近项目用到oracle_ADF  从SAP/BO 上调用 水晶报表，资料比较少，我做一个简单的分享，给和我一样的新手 提供更多的便利。   首先，我是尝试用JAVA JSP 去访问的。   官方API：http://devlibrary.businessobjects.com/BusinessObjectsxi/en/en/BOE_SDK/boesdk_ja
  • 系统负载剧变下的管控策略 iamzhongyong 高并发
    假如目前的系统有100台机器，能够支撑每天1亿的点击量（这个就简单比喻一下），然后系统流量剧变了要，我如何应对，系统有那些策略可以处理，这里总结了一下之前的一些做法。 1、水平扩展 这个最容易理解，加机器，这样的话对于系统刚刚开始的伸缩性设计要求比较高，能够非常灵活的添加机器，来应对流量的变化。 2、系统分组 假如系统服务的业务不同，有优先级高的，有优先级低的，那就让不同的业务调用提前分组
  • BitTorrent DHT 协议中文翻译 justjavac bit
    前言 做了一个磁力链接和BT种子的搜索引擎 {Magnet & Torrent}，因此把 DHT 协议重新看了一遍。 BEP: 5Title: DHT ProtocolVersion: 3dec52cb3ae103ce22358e3894b31cad47a6f22bLast-Modified: Tue Apr 2 16:51:45 2013 -070
  • Ubuntu下Java环境的搭建 macroli java工作ubuntu
    配置命令： 　　$sudo apt-get install ubuntu-restricted-extras 　　再运行如下命令： 　　$sudo apt-get install sun-java6-jdk 　　待安装完毕后选择默认Java. 　　$sudo update- alternatives --config java 　　安装过程提示选择，输入“2”即可，然后按回车键确定。
  • js字符串转日期（兼容IE所有版本） qiaolevip TODateStringIE
    /** * 字符串转时间（yyyy-MM-dd HH:mm:ss） * result （分钟） */ stringToDate : function(fDate){ var fullDate = fDate.split(" ")[0].split("-"); var fullTime = fDate.split("
  • 【数据挖掘学习】关联规则算法Apriori的学习与SQL简单实现购物篮分析 superlxw1234 sql数据挖掘关联规则
    关联规则挖掘用于寻找给定数据集中项之间的有趣的关联或相关关系。 关联规则揭示了数据项间的未知的依赖关系，根据所挖掘的关联关系，可以从一个数据对象的信息来推断另一个数据对象的信息。 例如购物篮分析。牛奶 ⇒ 面包 [支持度：3%，置信度：40%] 支持度3%：意味3%顾客同时购买牛奶和面包。 置信度40%：意味购买牛奶的顾客40%也购买面包。 规则的支持度和置信度是两个规则兴
  • Spring 5.0 的系统需求，期待你的反馈 wiselyman spring
                   Spring 5.0将在2016年发布。Spring5.0将支持JDK 9。          Spring 5.0的特性计划还在工作中，请保持关注，所以作者希望从使用者得到关于Spring 5.0系统需求方面的反馈。  
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他