心悦君兮君不知-睿
心悦君兮君不知-睿

HTML连载60-水平居中与设计一个团购界面

一、水平居中

1.margin:0 auto在绝对定位中就失效了

2.如何让绝对定位的元素水平居中？

只需要设置绝对定位元素的left:50%；然后再设置绝对定位元素的margin-left:-元素宽的一半；

这样就可以完成水平居中了

 

        div{

            width:50px;/*如果数值为100%，就代表这个div的宽度就是浏览器的整个宽度*/

            height:50px;

            background-color: red;

            position:absolute;

            left:50%;/*使用百分比意味着这个绝对定位的块左边距离浏览器一半的距离*/

        }

 .......省略代码......

 <body>

<div>div>

body>

HTML连载60-水平居中与设计一个团购界面_第1张图片

二、团购界面

注意点：这里的标志以及电脑配置，都是通过设置背景图片和绝对定位、相对定位来​进行配置上的；这里面使用了span这个标签，由于已经脱离了标准流，因此不需要在设置为display:inline-block;了

 

DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>D155_GroupPurchasetitle>

    <style>

        *{

            margin:0px;

            padding:0px;

        }

        div{

            width: 500px;

            height: 550px;

            border:1px black solid;

            margin:0 auto;

            margin-top:100px;

            position:relative;/*这里想要利用子绝父相来进行排版图片的商标和配置的信息*/

        }

        div img{

            width: 500px;

            height: 500px;

        }

        div .brand{

            width: 111px;

            height: 29px;

            background: url("image/laptop_label.jpg") no-repeat -21px -12px;

            position:absolute;

            left: 20px;

            top:0px;

        }

        div .configuration{

            width: 435px;

            height: 40px;

            background:url("image/laptop_label.jpg") no-repeat -78px -515px;

            position:absolute;

            left:20px;

            top:505px;

        }

style>

head>

<body>

<div>

    <img src="image/laptop.jpg" alt="">

    <span class = "brand">span>

    <span class = "configuration">span>

div>

​

body>

html>

 

HTML连载60-水平居中与设计一个团购界面_第2张图片

三、源码：

D154_CenterHorizontally.html

D155_GroupPurchase.html

地址:

https://github.com/ruigege66/HTML_learning/blob/master/D154_CenterHorizontally.html

https://github.com/ruigege66/HTML_learning/blob/master/D155_GroupPurchase.html

2.CSDN：https://blog.csdn.net/weixin_44630050

3.博客园：https://www.cnblogs.com/ruigege0000/

4.欢迎关注微信公众号：傅里叶变换，个人账号，仅用于技术交流，后台回复“礼包”获取Java大数据学习视频礼包

 HTML连载60-水平居中与设计一个团购界面_第3张图片

你可能感兴趣的:(HTML连载60-水平居中与设计一个团购界面)

  • TorchServe详解和应用 易之阴阳 机器学习人工智能深度学习pythonTorchserver
    TorchServer是PyTorch的一个组件，它是一个轻量级的服务框架，用于部署和管理PyTorch模型，以便在生产环境中提供高效、可扩展的推理服务。TorchServer提供了RESTfulAPI，可以方便地与其他系统集成，支持模型热加载和热更新，确保模型的快速部署和更新。以下是TorchServer的一些关键特性：模型注册和管理：用户可以通过API注册模型，指定模型的路径、输入输出规范和所
  • python 判断两个矩形是否重叠(Find if two rectangles overlap) csdn_aspnet Pythonpython
    给定两个矩形，判断这两个矩形是否重叠。注意，一个矩形可以用两个坐标表示，左上角和右下角。所以我们主要给出以下四个坐标。l1：第一个矩形的左上角坐标。r1：第一个矩形的右下角坐标。l2：第二个矩形的左上角坐标。r2：第二个矩形的右下角坐标。我们需要编写一个函数booldoOverlap(l1,r1,l2,r2)，如果两个给定的矩形重叠，则返回true。注意：可以假设矩形与坐标轴平行。一种解决方案是逐
  • 笔记：代码随想录算法训练营Day65:LeetCode115.不同的子序列\583. 两个字符串的删除操作\72. 编辑距离 jingjingjing1111 算法数据结构leetcode动态规划
    学习资料：代码随想录115.不同的子序列力扣题目链接递推公式：求的是个数而不是长度，dp[i-1][j]代表的是用i-2为结尾的s的子序列去能凑出j-1为结尾的t的子序列的方法数，代表的是dp[i][j]的上一状态，当s[i-1]==t[i-1],说明可以从dp[i-1][j-1]的代表的用i-2为结尾的s的子序列去能凑出j-2为结尾的t的子序列的方法数方法数状态各加一个数抵达dp[i][j]代表
  • 笔记:代码随想录算法训练营day48:739. 每日温度\496.下一个更大元素 I\503.下一个更大元素II jingjingjing1111 笔记
    学习资料:代码随想录单调栈适合找左边或右边比当前大或小的元素739.每日温度力扣题目链接大致意思为用栈存储当前值以及比当前的小的值,但后遇到比当前值大的值的时候再计算非常巧妙的是,最后需要等于0的时候,正好后面没有比当下大的数的那个数的位置的result保留为0,不用处理classSolution{public:vectordailyTemperatures(vector&temperatures
  • SciPy 安装指南 froginwe11 开发语言
    SciPy安装指南引言SciPy是一个开源的Python科学计算库，它基于NumPy库，提供了大量的科学和工程计算功能。SciPy包含了用于优化、线性代数、积分、插值、信号和图像处理、特殊函数、统计分析、离散傅里叶变换等功能的模块。本文将详细介绍如何在您的系统上安装SciPy。安装前的准备在开始安装SciPy之前，请确保您的系统满足以下条件：您已安装Python，且版本在3.5或更高。您已安装pi
  • 芯片制造、汽车制造行业网站，如何用插件增强富文本编辑器的WORD粘贴功能？ 全武凌(荆门泽优) 金融编辑器wordumeditor粘贴wordueditor粘贴wordueditor复制wordueditor上传word图片
    要求：开源，免费，技术支持编辑器：百度ueditor前端：vue2,vue3,vue-cli,react,html5用户体验：Ctrl+V快捷键操作功能：导入Word,导入Excel,导入PPT(PowerPoint),导入PDF,复制粘贴word,导入微信公众号内容,web截屏平台：Windows,macOS,Linux,RedHat,CentOS,Ubuntu,中标麒麟,银河麒麟,统信UOS,
  • 金融行业网页编辑器对WORD图文混排有哪些特殊需求？ 全武凌(荆门泽优) 金融编辑器wordumeditor粘贴wordueditor粘贴wordueditor复制wordueditor上传word图片
    要求：开源，免费，技术支持编辑器：百度ueditor前端：vue2,vue3,vue-cli,react,html5用户体验：Ctrl+V快捷键操作功能：导入Word,导入Excel,导入PPT(PowerPoint),导入PDF,复制粘贴word,导入微信公众号内容,web截屏平台：Windows,macOS,Linux,RedHat,CentOS,Ubuntu,中标麒麟,银河麒麟,统信UOS,
  • jetson xavier nx 开启usb bulk 模式 超级无敌霹雳破坏龙 嵌入式硬件arm开发
    一、参考资料与信息：jetsonxaviernx使用jetpacksdk5.0.2，20.04ubantu。CONFIG_USB_CONFIGFS_F_FS=y（通过ConfigFS的FunctionFS支持）。在较新的内核版本中，CONFIG_USB_FUNCTIONFS已被CONFIG_USB_CONFIGFS_F_FS替代。请连接host设备后再启动程序https://developer.d
  • 【XML】树结构 北.岛 xml存储数据
    XML树结构XML文档形成了一种树结构，它从"根部"开始，然后扩展到"枝叶"。一个XML文档实例XML文档使用简单的具有自我描述性的语法：ToveJaniReminderDon'tforgetmethisweekend!第一行是XML声明。它定义XML的版本（1.0）和所使用的编码（UTF-8:万国码,可显示各种语言）。下一行描述文档的根元素（像在说："本文档是一个便签"）：接下来4行描述根的4个
  • linux 安装anaconda与jupyter notebook配置 土豆土豆，我是洋芋 python
    一、anaconda安装在官网或清华镜像下载anaconda在载前看一下自己的系统版本，下载对应的anaconda版本。在系统中输入：cat/proc/version，如下图所示##下载地址1）官网：https://www.anaconda.com/distribution/2）清华镜像：https://mirrors.tuna.tsinghua.edu.cn/anaconda/archive/安
  • 那些让我绞尽脑汁的 数组例题 祁同伟. #C语言c语言
    目录一.两个有序数组的合并思路1：思路2：(复杂，不做代码演示)代码演示：(支持C99变长数组)注意：二.调整数组使奇数全部都位于偶数前面思路1：代码演示：思路2：代码演示：三.矩阵式的输入一.两个有序数组的合并输入两个升序排列的序列，将两个序列合并为一个有序序列并输出。数据范围：1≤n，m≤1000，序列中的值满足0≤val≤30000例如：这里的思想与“两个有序链表合并”相似思路1：数组1从i
  • Java 代码的重构技巧：从混乱到整洁的蜕变 叶间清风1998 java重构python
    目录一、重构的概念与重要性二、常见的重构手法提取方法（ExtractMethod）引入多态（IntroducePolymorphism）三、重构的实施步骤制定重构计划编写单元测试逐步重构与验证在Java项目的生命周期中，随着业务的不断发展和功能的持续迭代，代码往往会逐渐变得复杂和混乱。代码中可能出现重复逻辑、不合理的类与方法设计以及难以理解的复杂算法等问题，这不仅增加了开发人员的理解成本，还使得后
  • 代码随想录算法训练营第一天 | LeetCode 704、27 Bingjiaokong 随想录刷题算法leetcode
    文章目录前言一、LeetCode7041.闭区间2.开区间二、LeetCode271.暴力求解2.快慢指针总结前言LeetCode题目：704、27Takeaway：二分法边界处理、快慢指针一、LeetCode7041.闭区间定义target是在一个在左闭右闭的区间里，也就是[left,right]#includeclassSolution{public:intsearch(vector&nums
  • Go语言的智能合约 崔婉凝 包罗万象golang开发语言后端
    Go语言与智能合约的结合随着区块链技术的快速发展，智能合约作为其重要组成部分，正在逐渐改变传统行业的运作方式。作为区块链上的一种自执行程序，智能合约的出现为信任机制的构建提供了新的解决方案。在众多开发语言中，Go语言因其高效性、并发性和良好的可维护性，越来越受到智能合约开发者的青睐。本文将深入探讨Go语言在智能合约开发中的优势、应用以及实现方法。1.智能合约概述智能合约是一种自动执行、控制或文档的
  • HTML编辑器CKEDITOR支持哪些格式的WORD内容导入？ 2501_90699640 html编辑器wordckeditor粘贴wordckeditor导入wordckeditor导入pdfckeditor导入ppt
    要求：开源，免费，技术支持编辑器：ckeditor前端：vue2,vue3.vue-cli后端：asp,java,jsp,springboot,php,asp.net,.netcore功能：导入Word,导入Excel,导入PPT(PowerPoint),导入PDF,复制粘贴word,导入微信公众号内容,web截屏平台：Windows,macOS,Linux,RedHat,Ubuntu,CentO
  • 金融行业Vue应用如何利用wangEditor实现WORD文档高效上传？ 2501_90699640 金融vue.jswordumeditor粘贴wordueditor粘贴wordueditor复制wordueditor上传word图片
    要求：开源，免费，技术支持编辑器：百度ueditor前端：vue2,vue3,vue-cli,react,html5用户体验：Ctrl+V快捷键操作功能：导入Word,导入Excel,导入PPT(PowerPoint),导入PDF,复制粘贴word,导入微信公众号内容,web截屏平台：Windows,macOS,Linux,RedHat,CentOS,Ubuntu,中标麒麟,银河麒麟,统信UOS,
  • 7-15 单链表基本操作 燕朝铭 算法数据结构
    请编写程序实现单链表插入、删除结点等基本算法。给定一个单链表和一系列插入、删除结点的操作序列，输出实施上述操作后的链表。单链表数据域值为整数。输入格式:输入第1行为1个正整数n，表示当前单链表长度；第2行为n个空格间隔的整数，为该链表n个元素的数据域值。第3行为1个正整数m，表示对该链表施加的操作数量；接下来m行，每行表示一个操作，为2个或3个整数，格式为0kd或1k。0kd表示在链表第k个结点后
  • 使用 labelImg 制作YOLO系列目标检测数据集（ 2401_89791028 YOLO目标检测人工智能
    文章转载自K同学，谨防原文失效可参考link1和link2和link3LabelImg介绍LabelImg支持文件夹的导入，在标完一张后，在左侧选择NextImage就可以切换到下一张继续了。输出格式部分，目前LabelImg支持YOLO和PascalVOC2种格式，前者标签文件后缀是.txt件，而后者标签文件后缀是.xml件。标签保存在对应的labels文件夹下，与images中的图片文件名一一
  • 新手必看——ctf六大题型介绍及六大题型解析&举例解题 沛哥网络安全 web安全学习安全udp网络协议
    CTF（CaptureTheFlag）介绍与六大题型解析一、什么是CTF？CTF（CaptureTheFlag），意为“夺旗赛”，是一种信息安全竞赛形式，广泛应用于网络安全领域。CTF竞赛通过模拟现实中的网络安全攻防战，让参赛者以攻防对抗的形式，利用各种信息安全技术进行解决一系列安全问题，最终获得“旗帜（Flag）”来获得积分。CTF赛事一般分为两种形式：Jeopardy（解题模式）：参赛者通过解
  • 探索Python中的访问者模式：设计模式的灵活应用 杨哥带你写代码 python访问者模式设计模式
    标题：探索Python中的访问者模式：设计模式的灵活应用在软件工程中，访问者模式（VisitorPattern）是一种允许在不修改对象结构的前提下，添加新操作的设计方案。它通过将算法从对象结构中分离出来，使对象结构扩展更为灵活。本文将深入探讨Python中访问者模式的实现原理、应用场景，并提供详细的代码示例。访问者模式概述访问者模式是一种行为设计模式，它使你可以在不改变对象类的前提下，为这些对象添
  • 2025年入职/转行网络安全，该如何规划？网络安全职业规划 教网络安全的毛老师 web安全安全运维云计算python
    网络安全是一个日益增长的行业，对于打算进入或转行进入该领域的人来说，制定一个清晰且系统的职业规划非常重要。2025年，网络安全领域将继续发展并面临新的挑战，包括不断变化的技术、法规要求以及日益复杂的威胁环境。以下是一个关于网络安全职业规划的详细指南，涵盖了从入门到高级岗位的成长路径、技能要求、资源获取等方面的内容。第一部分：网络安全行业概述1.1网络安全的现状与未来网络安全已经成为全球企业和政府的
  • 侯捷 C++ 课程学习笔记：C++常用标准库 Three～stone c++学习笔记
    标准库#include万能头是一个简写方式，用来一次性包含C++标准库中的许多常用部分，比如输入输出流（iostream）、算法（algorithm）、向量（vector）、列表（list）、队列（queue）、栈（stack）、映射（map）、集合（set）等。使用它可以让程序员在编写解决特定问题的代码时，不必一一列出所需的所有头文件，简化了代码的编写过程。在实际的工程项目或更专业的编程实践中，
  • 蓝耘智算|从静态到动态：探索Maas平台海螺AI图片生成视频功能的强大能力 小馒头学python 资讯人工智能python学习AIGC算法
    文章目录一、技术介绍二、平台注册三、功能体验四、总结随着人工智能技术的快速发展，视频处理和生成技术已经成为了众多行业关注的热点。最近，我有机会体验了蓝耘智算平台的Maas平海螺AI视频产品，它不仅是一个强大的AI视频处理工具，更是一个为用户带来极致体验的智能平台。在这篇博客中，我将详细分享我在使用Maas平海螺AI视频平台时的体验与测评，帮助大家更好地了解它的优势与不足。一、技术介绍图片生成视频（
  • 08-单链表-单链表基本操作2 哆啦A梦阳 2025算法机试算法c++
    题目来源18.链表的基本操作思路与上一份的最大区别就是要先判断一下要处理的k是否是合法的，也就是要先将指针能够指向k；上一份的idx是一个全局的指针，由于链表天生就是物理位置不用连续，所以idx可以在任意位置，只要该节点能够和整个链表连接起来就行；掌握数组模拟链表的基本用法，其他详见代码。init函数：初始化链表，将头指针head置为-1，表示链表为空，同时将节点索引idx置为0。add2head
  • 利用 Python 打包 DLL 供 C# 调用的实现与解析 汪子熙 Pythonpythonc#microsoft
    在现代软件开发中，跨语言调用是一项十分常见的需求。比如题主需求提到的把Python应用打包成dll，供C#程序调用。Python提供了多个模块和工具支持与其他语言的交互。利用ctypes或cffi模块，以及pybind11，我们可以将Python函数封装为C接口。同时，借助pyinstaller等工具，我们可以将Python程序打包为独立运行的二进制文件。技术选择ctypes和cffi：提供了与C
  • 笔记：代码随想录算法训练营day55：LeetCode42. 接雨水、84.柱状图中最大的矩形 jingjingjing1111 算法
    学习资料：代码随想录42.接雨水力扣题目链接暴力解法超时了，直接从双指针开始双指大概思路为创立两个数组记录两侧的最大值，这里的最大值是真正的最大的值，而不是最近的那个比较大的值，即所谓的按列计算，后面单调栈方法找到的是上一个较大值和下一个较大值，是所谓的按行计算，这样这个凹槽可能身处更大的凹槽中，所以每次都要乘一个宽度，类似与按层往上摞classSolution{public:inttrap(ve
  • 解锁C++异常秘籍：自定义类与安全保障全解析 大雨淅淅 C++开发算法开发语言c++数据结构
    目录一、C++异常处理初印象二、探索C++标准异常类三、自定义异常类的构建与应用3.1自定义异常类的必要性3.2自定义异常类的实现步骤3.3实际应用场景四、异常安全保证：守护代码的坚固防线4.1异常安全的重要性4.2异常安全的三个级别4.3实现异常安全的策略与技巧五、总结与展望一、C++异常处理初印象在C++编程的世界里，我们常常会遇到各种意外情况，比如除零错误、内存分配失败、数组越界等。这些运行
  • 《票多多元宇宙：科技与娱乐的融合，开启精彩生活新纪元》 wen1. 人工智能
    《票多多元宇宙：科技与娱乐的融合，开启精彩生活新纪元》票多多元宇宙，作为虚拟现实技术与娱乐产业理念的深度融合，正以其独特的优势，为我们的生活带来了一系列显著的好处。一、虚拟娱乐体验票多多元宇宙利用虚拟现实技术，为用户提供了沉浸式的娱乐体验。用户可以在虚拟环境中，身临其境地享受各种娱乐活动，如虚拟音乐会、虚拟电影、虚拟游戏、虚拟旅游等，这种虚拟娱乐体验，使得娱乐过程更加直观、生动，增强了用户对娱乐内
  • 《京晨阳元宇宙：科技与生活的融合，开启智能生活新纪元》 wen1. 人工智能
    《京晨阳元宇宙：科技与生活的融合，开启智能生活新纪元》京晨阳元宇宙，作为虚拟现实技术与生活服务理念的深度融合，正以其独特的优势，为我们的生活带来了一系列显著的好处。一、虚拟生活体验京晨阳元宇宙利用虚拟现实技术，为用户提供了沉浸式的生活体验。用户可以在虚拟环境中，身临其境地进行各种生活活动，如虚拟旅游、虚拟购物、虚拟社交等，这种虚拟生活体验，使得生活过程更加直观、生动，增强了用户对生活的兴趣和参与度
  • 智能未来，程易科技引领AI新纪元——全新云智AI人工智能平台产品发布 DSP数字化服务平台 科技人工智能
    在数字化浪潮的推动下，人工智能（AI）正以前所未有的速度改变着我们的世界。从自动驾驶汽车到个性化推荐系统，从智能客服到医疗诊断，AI的应用场景日益广泛，其背后的技术支撑也变得越来越重要。在这个背景下，程易科技专注于企业数字化、高性能计算、前后处理、AI技术研究与应用等领域的创新企业，2024年6月正式推出其最新的人工智能平台V5.0产品，云智AI人工智能平台，旨在为企业和开发者提供一站式的AI解决
  • 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其他