少莫千华
少莫千华

[CSS] 图片九宫格

效果

[CSS] 图片九宫格_第1张图片

index.html

DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport" content="width=device-width,initial-scale=1.0"/>
    <title> Document title>
    <link type="text/css" rel="styleSheet" href="index.css" />
  head>
  <body>
    <div class="img-container">
      
      <div class="img-item">div>
      <div class="img-item">div>
      <div class="img-item">div>
      <div class="img-item">div>
      <div class="img-item">div>
      <div class="img-item">div>
      <div class="img-item">div>
      <div class="img-item">div>
      <div class="img-item">div>
    div>
  body>
html>

index.css

body{
  width: 500px;
  height: 500px;
  margin: 0 auto;
  margin-top: 120px;
  /*设置item元素布局为网关布局*/
  display: flex;
  justify-content: center;
  align-items: start;
  background-color: #171717;
  padding-top: 100px;
}

.img-container{
  width: 300px;
  height: 300px;
  /*网格布局*/ 
  display: grid;
  /*网格布局列数与宽度*/ 
  grid-template-columns: repeat(3,1fr);
  /*网格布局行数与高度*/ 
  grid-template-rows: repeat(3,1fr);
}

.img-item {
  /*添加阴影效果*/ 
  box-shadow: inset 0 0 0 1px #fff;
  /*元素属性变化时平滑过度，优化视觉体验*/ 
  transition: 0.5s;
  background-size: 300px 300px;
  /*设置背景图像*/ 
  background-image: url(./1.png);
  /*相对定位*/ 
  position: relative;
}

/* 3n+1  选中第一列的元素 1 4 7*/ 
.img-item:nth-child(3n+1){
  background-position-x: 0;
  left: -20px;
}

/* 3n+2  选中第二列的元素 2 5 8*/ 
.img-item:nth-child(3n + 2){
  background-position-x: -100%;
  left: 0;
}

/* 3n+0  选中第三列的元素 3 6 9*/ 
.img-item:nth-child(3n){
  background-position-x: -200%;
  left: 20px;
}

/* n+7  选中第三行的元素 7 8 9*/ 
.img-item:nth-child(n + 7){
  background-position-y: -200%;
  top: 20px;
}

/* -n + 6 选中第一、二行的元素 6 5 4 3 2 1*/ 
.img-item:nth-child(-n + 6){
  background-position-y: -100%;
  top: 0px;
}
/* -n + 6 选中第一行的元素 3 2 1*/ 
.img-item:nth-child(-n+3){
  background-position-y: 0;
  top: -20px;
}

/* 鼠标移入时修改 img-item 属性值 */ 
.img-container:hover .img-item {
  left: 0;
  top: 0;
  /*隐藏的阴影效果*/
  box-shadow: inset 0 0 0 0px #fff;
}

1.png

[CSS] 图片九宫格_第2张图片

你可能感兴趣的:(语言-HTML,css,前端,nth-child,box-shadow)

  • 初始java常见模板 xx2534 java开发语言
    Java是一种适用于多种应用程序的编程语言，支持各种不同类型和规模的开发项目，其模板也相对较多，以下是Java的一些常见模板：基础的HelloWorld模板：publicclassHelloWorld{publicstaticvoidmain(String[]args){System.out.println("Hello,World!");}}2.类和对象模板：publicclassPerson{
  • PyWebIo 快速构建web应用 java全套学习资料 前端htmlnpmvue.js前端
    Part1什么是PyWebIoPyWebIO提供了一系列命令式的交互函数来在浏览器上获取用户输入和进行输出，将浏览器变成了一个“富文本终端”，可以用于构建简单的Web应用或基于浏览器的GUI应用。使用PyWebIO，开发者能像编写终端脚本一样(基于input和print进行交互)来编写应用，无需具备HTML和JS的相关知识；PyWebIO还可以方便地整合进现有的Web服务。非常适合快速构建对UI要
  • jvm的内存分配机制 四条腿 java虚拟机jvm内存分配内存
    在学习jvm的内存分配的时候，看到的这篇博客，该博客对jvm的内存分配总结的很好，同时也利用jvm的内存模型解释了java程序中有关参数传递的问题。博客出处：http://www.cnblogs.com/hellocsl/p/3969768.html?utm_source=tuicool&utm_medium=referral看了此博客后，发现应该去深入学习下jvm的内存模型，就是去认真学习下《深
  • 使用Python和OpenAI Whisper实现YouTube视频转文字及问答系统 llzwxh888 pythonwhisper音视频
    使用Python和OpenAIWhisper实现YouTube视频转文字及问答系统引言在当今的AI时代,从视频内容中提取有价值的信息变得越来越重要。本文将介绍如何使用Python和OpenAIWhisperAPI将YouTube视频转换为文本,并基于此构建一个简单的问答系统。这个过程不仅能帮助我们更好地理解和分析视频内容,还能为进一步的自然语言处理任务奠定基础。主要内容1.环境准备首先,我们需要安
  • 前端现代年轻人的“通病”：我们该如何应对？ 人民广场吃泡面 大前端发展探讨前端
    引言随着互联网技术的飞速发展，前端开发已经成为IT行业中最热门的领域之一。越来越多的年轻人选择投身前端开发，追求高薪、自由和创造力。然而，在前端开发的浪潮中，许多年轻人也暴露出了一些“通病”。这些“通病”不仅影响了他们的职业发展，还可能对整个团队和项目产生负面影响。本文将深入探讨现代年轻前端开发者常见的“通病”，分析其背后的原因，并提出一些实用的建议，帮助大家更好地应对这些挑战。目录前端年轻人的“
  • LLM 参数解析：使用 OpenAI API 在 Python 中的实用指南（含示例） 真智AI python人工智能chatgpt
    当你使用大语言模型（LLM）时，可能会注意到，即使提交相同的请求，多次运行后仍然会得到不同的回应。这是因为LLM具有概率性，它们的输出基于所学到的模式和概率，而不是固定规则。幸运的是，你可以通过调整特定的参数来控制LLM的行为，就像微调收音机的旋钮来调整到想要的电台一样。理解这些参数可以帮助你更好地定制LLM的输出，使其更具可预测性或创造性，具体取决于你的需求。在本文中，我们将探讨多个关键参数，这
  • pnpm、npm、yarn 包管理工具『优劣对比』及『环境迁移』 「已注销」 npm
    前言博主在开发前端网站的时候，发现随着开发的项目的逐渐增多，安装的依赖包越来越臃肿，依赖包的安装速度也是非常越来越慢，多项目开发管理也是比较麻烦。之前我就了解过pnpm，但是当时担心更换包管理环境可能会出现的依赖等问题，并且也没有急切的需求，所以当时并没有立即更换综上所述，随着上面问题的出现，更换包管理环境也逐渐提上日程，所以本文主要将会简单对比pnpm和npm/yarn，并且详细讲解如何在多项目
  • Assembly语言的正则表达式 夏梓蕙 包罗万象golang开发语言后端
    Assembly语言的正则表达式：深入解析引言在计算机科学领域，正则表达式（RegularExpressions，简称为Regex）被广泛应用于字符串处理和模式匹配。它是一种高效的文本处理工具，能够帮助开发者在复杂字符串中找出特定模式。随着编程语言和开发环境的不断演进，正则表达式的实现也逐步渗透到了不同的语言之中，包括低级且强大的Assembly语言。本文将深入探讨Assembly语言中的正则表达
  • 关于用c语言实现简陋版MINE MAP cuikebinpau 数据结构c#
    思路游戏规则：扫雷游戏的核心是玩家需要点击格子，避开地雷。每个格子可能是地雷，也可能是数字（表示周围地雷的数量）。玩家通过推理，标记所有地雷的位置即可获胜。数据结构：使用二维数组表示游戏棋盘。一个数组存储地雷的位置（mineMap）。另一个数组存储玩家可见的棋盘状态（playerMap）。游戏流程：初始化棋盘：随机布置地雷，并计算每个格子周围的地雷数量。玩家输入坐标，检查是否踩雷。更新玩家可见的棋
  • 【论文投稿-第五届人工智能与工业技术应用国际学术会议（AIITA 2025）】编程语言大比拼：C、C++、Python 和 Java 禁默 话题探讨学术会议c语言c++python
    第五届人工智能与工业技术应用国际学术会议（AIITA2025）将于2025年3月28-30日在中国西安举行。会议旨在为从事人工智能、智能制造、自动化等领域的专家学者、工程技术人员、研发人员提供一个共享科研成果和前沿技术，了解学术发展趋势，拓宽研究思路，加强学术研究和探讨，促进学术成果产业化合作的平台。编辑AIITA2025已上线至IEEE官方列表，详情请点击....大会时间：2025年3月28日-
  • Rust 与 WebAssembly 结合的优势 exploration-earth 学习
    性能卓越：Rust语言以其可预测的性能著称，能够避免垃圾收集（GC）引发的暂停问题，这些问题常被称作停止世界（STW）暂停或即时编译（JIT）性能瓶颈。代码精简：由Rust编译生成的.wasm文件体积小巧，这有助于提升网页的加载速度。这些文件不会包含如垃圾收集器等不必要的额外开销，同时，通过高级优化和摇树技术，可以有效剔除无用代码，进一步精简文件大小。无缝集成与互操作：Rust具备自动生成与Rus
  • 实用教程：用微服务搭建你的2025项目 zxzy_org 微服务架构云原生算法
    微服务架构为构建现代化项目提供了灵活且高效的解决方案。在2025年，如果你计划采用微服务搭建项目，可以参考以下步骤：首先，明确项目的核心需求，合理划分服务边界。一个好的微服务设计需要确保服务粒度适中，不会因为服务过细而增加不必要的复杂性。接着，选择合适的技术栈，主流的语言如Java、Python和GoLang依然是微服务开发的首选。其次，容器化部署是必不可少的步骤，Docker和Kubernete
  • 人工智能到底是什么？ yzx991013 开发语言人工智能pythondjango
    人工智能（ArtificialIntelligence，简称AI）是一门研究和开发能够模拟、延伸和扩展人类智能的理论、方法、技术及应用系统的学科。以下是关于人工智能的具体介绍：定义-从技术角度：人工智能是让计算机系统具备像人类一样的感知、学习、推理、决策等能力，通过算法和数据使计算机能处理和理解各种复杂信息，如语音识别系统能听懂人类语言并转化为文字。-从学科交叉角度：人工智能融合了计算机科学、控制
  • 前端项目git提交时做代码规范验证 一个水货程序员 git前端代码规范
    前端项目git提交时做代码规范验证需要使用到的插件：husky，是一个GitHook工具，为git客户端增加hook的。lint-staged，在git提交前，进行代码规则检查确保入库的代码都符合代码规则，如果对整个项目进行lint这样速度太慢，lint-staged可以让lint只检测暂存区的文件，提高检测速度。当前依赖版本：husky版本：^8.0.1，lint-staged版本：^13.0.
  • 码农避坑指南：Python编程全领域易错点深度剖析与解决方案 tekin Pythonpython编程误区性能优化代码质量数据安全特定领域编程开发技巧
    在编程世界中，无论是新手还是经验丰富的开发者，都难免陷入各种误区。从Python多线程的使用到微服务架构的管理，每个编程领域都隐藏着容易被忽视的陷阱。这些误区不仅影响代码性能、可读性和维护性，还可能带来安全隐患。本文将深入剖析编程全领域的易错点，通过实际案例和详细讲解，为你提供全面的解决方案，助你避开这些“坑”，编写出更高效、更安全、更易维护的代码。编程语言特性与最佳实践Python多线程与GIL
  • M1 Mac双系统搭建qemu riscv linux仿真 灰灰h 操作系统经验分享linuxrisc-vmacos
    前言实验需要riscv仿真，网上没有针对m1的配置教程，故在此整理下。本人用的m1macbookpro，系统12.3。参考到的链接：https://github.com/AsahiLinuxhttps://risc-v-getting-started-guide.readthedocs.io/en/latest/linux-qemu.htmlhttps://zhuanlan.zhihu.com/p
  • Windows Docker Desktop部署MaxKB详细教程 Roc-xb docker容器运维MaxKB
    MaxKB（MaxKnowledgeBase）是一款基于大语言模型（LLM）和检索增强生成（RAG）技术的开源知识库问答系统，旨在帮助企业、教育机构及研究组织高效管理知识并提供智能问答服务。一、前期准备工作首先，你需要再你的Windows电脑上安装DockerDesktop。本章教程，不介绍如何安装Docker。二、搜索镜像dockersearchmaxkb
  • QEMU-Manager：Mac上的QEMU图形化管理利器 苏承根
    QEMU-Manager：Mac上的QEMU图形化管理利器项目地址:https://gitcode.com/gh_mirrors/qe/QEMU-Manager在探索虚拟化的浩瀚世界时，找到一个既强大又易用的工具至关重要。今天，我们要向您隆重推荐QEMU-Manager——一款专为macOS设计的QEMU图形前端，由Swift语言精心打造。通过这篇文章，我们将深入挖掘QEMU-Manager的魅力
  • VB.NET基于WEB房地产评估系统(源代码+文档) csdn663648 .net前端microsoft
    资料介绍：--------------摘要--------------房地产评估系统是典型的信息管理系统(MIS),其开发主要包括后台数据库的建立和维护以及前端应用程序的开发两个方面。对于前者要求建立起数据一致性和完整性强、数据安全性好的库。而对于后者则要求应用程序功能完备,易使用等特点。本系统特有的房屋基本情况、专业评估人员、估价方法等。经过分析,我们使用MICROSOFT公司的VISUALBA
  • AI 编程工具崛起，程序员的未来是否岌岌可危？
    一、AI编程工具的现状AI编程工具的出现与迅猛发展是技术进步的必然结果。这一趋势首先得益于开源社区和代码托管平台提供的丰富代码样本，它们为AI模型的学习提供了充足的素材。其次，编程语言本身的严格语法和结构化特点，使得AI能够高效、精确地理解和生成代码。再者，深度学习技术的突破，尤其是大语言模型在代码理解与生成方面的显著进展，为AI编程提供了坚实的技术基础。最后，随着软件开发需求的不断增加，传统开发
  • 通用评估系统（五）- 前端部分总体说明 一个水货程序员 项目实战前端fastapipythonvue
    通用评估系统（五）-前端部分总体说明相关链接Gitee地址通用评估系统（一）-介绍通用评估系统（二）-原型设计通用评估系统（三）-前端部分通用评估系统（四）-前端部分计算脚本编辑组件文档说明本节中说明前端总体显示相关信息。具体数据交互待后端开发时同步进行。目录结构实际显示效果全局搜索评估模型管理数据模型管理指标体系管理评估任务管理部分代码说明评估模型管理组件import{ref,h,compute
  • Docker安装分布式vLLM MasonYyp docker分布式容器
    Docker安装分布式vLLM1介绍vLLM是一个快速且易于使用的LLM推理和服务库，适合用于生产环境。单主机部署会遇到显存不足的问题，因此需要分布式部署。分布式安装方法https://docs.vllm.ai/en/latest/serving/distributed_serving.html2安装方法⚠️注意：前期一定要把docker环境、运行时和GPU安装好。CUDAVersion：12.4
  • 博客搭建之路：next主题数学公式问题 后端
    next主题数学公式问题我写的都是一些编程相关的文章，有些文章里是存在数学公式的，我在Typora软件中写的时候显示的是对的，但是hexo将markdown转为html后在页面上就没有数学公式的格式了。查找next配置发现有一个渲染数学公式的配置math:#Default(true)willloadmathjax/katexscriptondemand.#Thatisitonlyrendertho
  • Golang 框架介绍 wwwenhx golang开发语言后端
    以下是一篇可直接发布到CSDN的关于Golang主流框架的技术文章，包含框架对比、使用场景和代码示例：---#Golang主流框架全解析：从Web开发到微服务##引言Go语言凭借其高性能和简洁语法，已成为云原生时代的宠儿。本文将全面解析Go生态中的热门框架，涵盖Web开发、微服务、ORM等领域，助你根据业务需求选择最佳技术方案。---##一、Web开发框架###1.Gin（轻量之王）**特点**：
  • Python aiohttp YOYO__2018
    客户端importaiohttpimportasyncioasyncdeffetch(session,url):asyncwithsession.get(url)asresponse:returnawaitresponse.text()asyncdefmain():asyncwithaiohttp.ClientSession()assession:html=awaitfetch(session,'
  • 【Three.js】JS 3D library（一个月进化史） Tiffany_Ho 前端Three.js
    #春节过完了，该继续投入学习了~作为一个平面开发者，想要增进更多的技能，掌握web3D开发#前置知识与技能1.JavaScript基础-掌握ES6+语法（类、模块、箭头函数、解构等）-熟悉异步编程（Promise、async/await）-了解事件循环和DOM操作2.HTML5和CSS3-熟悉Canvas和WebGL的基础概念-了解CSS3动画和变换（transform、transition）3.
  • ASP.NET MVC实现layui富文本编辑器应用 福伴
    先看看视图层在视图层,使用的是视图助手–HtmlHelper,代替我们网页中传统的表单标签元素,其中的m代表实体模型。通过视图助手，为我们生成id和name属性相同的textarea标签。备注：在ASP.NETMVC中，能提交表单数据的元素（各种类型的input标签，textarea等），其属性name的值于实体模型中的属性名相同时，传递到控制器中的实体模型或参数，会自动进行映射，方便前端到后台的
  • 【目标检测】多模态航空目标检测：A SIMPLE AERIAL DETECTION BASELINE OF MULTIMODAL LANGUAGE MODELS 慕容紫英问情 目标检测目标检测人工智能计算机视觉
    阅读并理解一篇论文：ASIMPLEAERIALDETECTIONBASELINEOFMULTIMODALLANGUAGEMODELS该文首次提出了一种将多模态语言模型应用于航空检测的简单基线方法，名为LMMRotate。贡献：具体而言，首先引入一种归一化方法，将检测输出转换为文本输出，以适配多模态语言模型框架。接着，提出一种评估方法，确保多模态语言模型与传统目标检测模型之间能够进行公平比较。通过微
  • Python如何播放本地音乐并在web页面播放 玩人工智能的辣条哥 开源项目AISphereButlerpython前端开发语言
    环境：Python问题描述：Python如何播放本地音乐并在web页面播放解决方案：要在Python中播放本地音乐并在Web页面中播放，您可以采用两种不同的方法：一种是在服务器端使用Python播放音频文件，另一种是创建一个Web应用程序，在客户端通过HTML5的标签来播放音频文件。下面我将分别介绍这两种方法。方法1:使用Python播放本地音乐如果您只是想在服务器端（例如在开发环境中）播放本地音
  • 翻译TypeError: GetPath() takes 1 positional argument but 2 were given 李姝瑶
    这个错误是Type错误：GetPath()函数只需要1个位置参数，但是给了2个。该错误通常发生在Python代码中，因为该语言要求函数的参数数量必须与函数定义中声明的参数数量相同。在这个例子中，GetPath()函数只接受1个参数，但是在调用函数时给出了2个参数，这导致了TypeError错误。要解决此错误，您需要检查函数调用并确保只传递一个参数给GetPath()函数。如果您需要传递多个参数，请
  • JAVA中的Enum 周凡杨 javaenum枚举
    Enum是计算机编程语言中的一种数据类型---枚举类型。 在实际问题中，有些变量的取值被限定在一个有限的范围内。     例如，一个星期内只有七天 我们通常这样实现上面的定义： public String monday; public String tuesday; public String wensday; public String thursday
  • 赶集网mysql开发36条军规 Bill_chen mysql业务架构设计mysql调优mysql性能优化
    (一)核心军规 (1)不在数据库做运算    cpu计算务必移至业务层； (2)控制单表数据量    int型不超过1000w，含char则不超过500w；    合理分表；    限制单库表数量在300以内； (3)控制列数量    字段少而精，字段数建议在20以内
  • Shell test命令 daizj shell字符串test数字文件比较
    Shell test命令 Shell中的 test 命令用于检查某个条件是否成立，它可以进行数值、字符和文件三个方面的测试。 数值测试 参数 说明 -eq 等于则为真 -ne 不等于则为真 -gt 大于则为真 -ge 大于等于则为真 -lt 小于则为真 -le 小于等于则为真 实例演示： num1=100 num2=100if test $[num1]
  • XFire框架实现WebService(二) 周凡杨 javawebservice
       有了XFire框架实现WebService(一)，就可以继续开发WebService的简单应用。 Webservice的服务端(WEB工程)： 两个java bean类： Course.java    package cn.com.bean; public class Course {     private
  • 重绘之画图板 朱辉辉33 画图板
           上次博客讲的五子棋重绘比较简单，因为只要在重写系统重绘方法paint（）时加入棋盘和棋子的绘制。这次我想说说画图板的重绘。        画图板重绘难在需要重绘的类型很多，比如说里面有矩形，园，直线之类的，所以我们要想办法将里面的图形加入一个队列中，这样在重绘时就
  • Java的IO流 西蜀石兰 java
    刚学Java的IO流时，被各种inputStream流弄的很迷糊，看老罗视频时说想象成插在文件上的一根管道，当初听时觉得自己很明白，可到自己用时，有不知道怎么代码了。。。 每当遇到这种问题时，我习惯性的从头开始理逻辑，会问自己一些很简单的问题，把这些简单的问题想明白了，再看代码时才不会迷糊。 IO流作用是什么？ 答：实现对文件的读写，这里的文件是广义的； Java如何实现程序到文件
  • No matching PlatformTransactionManager bean found for qualifier 'add' - neither 林鹤霄
    java.lang.IllegalStateException: No matching PlatformTransactionManager bean found for qualifier 'add' - neither qualifier match nor bean name match!   网上找了好多的资料没能解决，后来发现：项目中使用的是xml配置的方式配置事务，但是
  • Row size too large (> 8126). Changing some columns to TEXT or BLOB aigo column
    原文：http://stackoverflow.com/questions/15585602/change-limit-for-mysql-row-size-too-large   异常信息： Row size too large (> 8126). Changing some columns to TEXT or BLOB or using ROW_FORMAT=DYNAM
  • JS 格式化时间 alxw4616 JavaScript
    /** * 格式化时间 2013/6/13 by 半仙 [email protected] * 需要 pad 函数 * 接收可用的时间值. * 返回替换时间占位符后的字符串 * * 时间占位符:年 Y 月 M 日 D 小时 h 分 m 秒 s 重复次数表示占位数 * 如 YYYY 4占4位 YY 占2位<p></p> * MM DD hh mm
  • 队列中数据的移除问题 百合不是茶 队列移除
         队列的移除一般都是使用的remov();都可以移除的,但是在昨天做线程移除的时候出现了点问题,没有将遍历出来的全部移除,  代码如下;      // package com.Thread0715.com; import java.util.ArrayList; public class Threa
  • Runnable接口使用实例 bijian1013 javathreadRunnablejava多线程
    Runnable接口 a.       该接口只有一个方法：public void run(); b.       实现该接口的类必须覆盖该run方法 c.       实现了Runnable接口的类并不具有任何天
  • oracle里的extend详解 bijian1013 oracle数据库extend
    扩展已知的数组空间，例： DECLARE TYPE CourseList IS TABLE OF VARCHAR2(10); courses CourseList; BEGIN -- 初始化数组元素，大小为3 courses := CourseList('Biol 4412 ', 'Psyc 3112 ', 'Anth 3001 '); --
  • 【httpclient】httpclient发送表单POST请求 bit1129 httpclient
    浏览器Form Post请求 浏览器可以通过提交表单的方式向服务器发起POST请求，这种形式的POST请求不同于一般的POST请求 1. 一般的POST请求，将请求数据放置于请求体中，服务器端以二进制流的方式读取数据，HttpServletRequest.getInputStream()。这种方式的请求可以处理任意数据形式的POST请求，比如请求数据是字符串或者是二进制数据 2. Form
  • 【Hive十三】Hive读写Avro格式的数据 bit1129 hive
     1. 原始数据 hive> select * from word; OK 1 MSN 10 QQ 100 Gtalk 1000 Skype      2. 创建avro格式的数据表   hive> CREATE TABLE avro_table(age INT, name STRING)STORE
  • nginx+lua+redis自动识别封解禁频繁访问IP ronin47
    在站点遇到攻击且无明显攻击特征，造成站点访问慢，nginx不断返回502等错误时，可利用nginx+lua+redis实现在指定的时间段 内，若单IP的请求量达到指定的数量后对该IP进行封禁，nginx返回403禁止访问。利用redis的expire命令设置封禁IP的过期时间达到在 指定的封禁时间后实行自动解封的目的。 一、安装环境： CentOS x64 release 6.4(Fin
  • java-二叉树的遍历-先序、中序、后序（递归和非递归）、层次遍历 bylijinnan java
    import java.util.LinkedList; import java.util.List; import java.util.Stack; public class BinTreeTraverse { //private int[] array={ 1, 2, 3, 4, 5, 6, 7, 8, 9 }; private int[] array={ 10,6,
  • Spring源码学习-XML 配置方式的IoC容器启动过程分析 bylijinnan javaspringIOC
    以FileSystemXmlApplicationContext为例，把Spring IoC容器的初始化流程走一遍： ApplicationContext context = new FileSystemXmlApplicationContext ("C:/Users/ZARA/workspace/HelloSpring/src/Beans.xml&q
  • [科研与项目]民营企业请慎重参与军事科技工程 comsci 企业
         军事科研工程和项目 并非要用最先进，最时髦的技术，而是要做到“万无一失”    而民营科技企业在搞科技创新工程的时候，往往考虑的是技术的先进性，而对先进技术带来的风险考虑得不够，在今天提倡军民融合发展的大环境下，这种“万无一失”和“时髦性”的矛盾会日益凸显。。。。。。所以请大家在参与任何重大的军事和政府项目之前，对
  • spring 定时器-两种方式 cuityang springquartz定时器
    方式一： 间隔一定时间 运行 <bean id="updateSessionIdTask" class="com.yang.iprms.common.UpdateSessionTask" autowire="byName" /> <bean id="updateSessionIdSchedule
  • 简述一下关于BroadView站点的相关设计 damoqiongqiu view
    终于弄上线了，累趴，戳这里http://www.broadview.com.cn   简述一下相关的技术点   前端：jQuery+BootStrap3.2+HandleBars，全站Ajax（貌似对SEO的影响很大啊！怎么破？），用Grunt对全部JS做了压缩处理，对部分JS和CSS做了合并（模块间存在很多依赖，全部合并比较繁琐，待完善）。   后端：U
  • 运维 PHP问题汇总 dcj3sjt126com windows2003
    1、Dede(织梦)发表文章时,内容自动添加关键字显示空白页 解决方法： 后台>系统>系统基本参数>核心设置>关键字替换（是/否），这里选择“是”。 后台>系统>系统基本参数>其他选项>自动提取关键字，这里选择“是”。   2、解决PHP168超级管理员上传图片提示你的空间不足 网站是用PHP168做的，反映使用管理员在后台无法
  • mac 下 安装php扩展 - mcrypt dcj3sjt126com PHP
    MCrypt是一个功能强大的加密算法扩展库，它包括有22种算法，phpMyAdmin依赖这个PHP扩展，具体如下： 下载并解压libmcrypt-2.5.8.tar.gz。 在终端执行如下命令： tar zxvf libmcrypt-2.5.8.tar.gz cd libmcrypt-2.5.8/ ./configure --disable-posix-threads --
  • MongoDB更新文档 [四] eksliang mongodbMongodb更新文档
    MongoDB更新文档 转载请出自出处：http://eksliang.iteye.com/blog/2174104 MongoDB对文档的CURD，前面的博客简单介绍了，但是对文档更新篇幅比较大，所以这里单独拿出来。 语法结构如下： db.collection.update( criteria, objNew, upsert, multi) 参数含义 参数   
  • Linux下的解压，移除，复制，查看tomcat命令 y806839048 tomcat
    重复myeclipse生成webservice有问题删除以前的，干净 1、先切换到：cd usr/local/tomcat5/logs 2、tail -f catalina.out 3、这样运行时就可以实时查看运行日志了 Ctrl+c 是退出tail命令。 有问题不明的先注掉   cp /opt/tomcat-6.0.44/webapps/g
  • Spring之使用事务缘由(3-XML实现) ihuning spring
      用事务通知声明式地管理事务   事务管理是一种横切关注点。为了在 Spring 2.x 中启用声明式事务管理，可以通过 tx Schema 中定义的 <tx:advice> 元素声明事务通知，为此必须事先将这个 Schema 定义添加到 <beans> 根元素中去。声明了事务通知后，就需要将它与切入点关联起来。由于事务通知是在 <aop:
  • GCD使用经验与技巧浅谈 啸笑天 GC
    前言 GCD(Grand Central Dispatch)可以说是Mac、iOS开发中的一大“利器”，本文就总结一些有关使用GCD的经验与技巧。 dispatch_once_t必须是全局或static变量 这一条算是“老生常谈”了，但我认为还是有必要强调一次，毕竟非全局或非static的dispatch_once_t变量在使用时会导致非常不好排查的bug，正确的如下： 1
  • linux（Ubuntu）下常用命令备忘录1 macroli linux工作ubuntu
    在使用下面的命令是可以通过--help来获取更多的信息1,查询当前目录文件列表：ls ls命令默认状态下将按首字母升序列出你当前文件夹下面的所有内容，但这样直接运行所得到的信息也是比较少的，通常它可以结合以下这些参数运行以查询更多的信息：  ls / 显示/.下的所有文件和目录  ls -l 给出文件或者文件夹的详细信息 ls -a 显示所有文件，包括隐藏文
  • nodejs同步操作mysql qiaolevip 学习永无止境每天进步一点点mysqlnodejs
    // db-util.js var mysql = require('mysql'); var pool = mysql.createPool({ connectionLimit : 10, host: 'localhost', user: 'root', password: '', database: 'test', port: 3306 });
  • 一起学Hive系列文章 superlxw1234 hiveHive入门
      [一起学Hive]系列文章 目录贴，入门Hive，持续更新中。   [一起学Hive]之一—Hive概述，Hive是什么 [一起学Hive]之二—Hive函数大全-完整版 [一起学Hive]之三—Hive中的数据库(Database)和表(Table) [一起学Hive]之四-Hive的安装配置 [一起学Hive]之五-Hive的视图和分区 [一起学Hive
  • Spring开发利器：Spring Tool Suite 3.7.0 发布 wiselyman spring
    Spring Tool Suite(简称STS)是基于Eclipse，专门针对Spring开发者提供大量的便捷功能的优秀开发工具。   在3.7.0版本主要做了如下的更新：   将eclipse版本更新至Eclipse Mars 4.5 GA Spring Boot(JavaEE开发的颠覆者集大成者，推荐大家学习)的配置语言YAML编辑器的支持(包含自动提示，
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他