BOM485480
BOM485480

一篇文章教会你使用html+css3制作炫酷效果

【一、项目背景】

在浏览一些网站的时候，经常会看到很多的炫酷的效果去装饰页面，使它看起来更高端大气一些。比如，艺龙就采用了图片上加载文字，点击图片使把对应的图片放大，使用户清晰，直观的看到内容。这种效果该怎么做呢？

今天教大家用简单的html+css3结合制作艺龙的页面效果。
一篇文章教会你使用html+css3制作炫酷效果_第1张图片
【二、项目准备】
1、图片：新建img文件，准备自己喜欢的五张图，保存在文件夹。
2、软件：Dreamweaver
【三、项目目标】
运行时：图片显示缩略图。文字显示在上面。
点击时：把对应的图片显示并放大，点击文字有详细的介绍。
【四、项目实现】
1、创建div 存放图片和文件，添加class属性。

<body>
<div  class="show">
<div class="wap">
  <div class="box" >
    <img src="images/img1.jpg">
    <span class='ba'>
  </div>
  <div class="box">
    <img src="images/img2.jpg">
    <span class='ba'></span>
    
  </div>
  <div class="box">
    <img src="images/img3.jpg">
    <span class='ba'></span>
  </div>
  <div class="box">
    <img src="images/img4.jpg">
    <span class='ba'></span>
  </div>
  <div class="box">
    <img src="images/img5.jpg">
    <span class='ba'></span>
  </div>
  </div>
</div>
</body>
在职前端开发，如果你也想学习前端开发技术，可以加入我组建的前端学习交流裙：851 231 348 也可以关注我的
微信公众号：【前端留学生】自己根据多年来的开发经验总结录制的一套web前端精讲视频和学习方法，
以及一些前端学习手册，前端面试题，端开发工具，PDF文档书籍教程，无偿分享给大家。需要的话都可以自行来获取下载。

2、添加文字。

<span class='ba'>功夫熊猫</span>
<span class='ba'>飞屋环游记</span>
<span class='ba'>汽车总动员</span>
<span class='ba'>玩具总动员</span>
<span class='ba'>机器人</span>

3、添加CSS样式
1）设置body的背景颜色为灰色。

body
  {
    background: #ccc;
  }

2）设置box的宽，边框，边框阴影，加载动画过渡效果。

.box{
    float: left;
    width: 160px;
    transition: all 0.5s;
    border: 1px solid #fff; #边框
    box-shadow: -5px 0px 10px 0px #000; #阴影
    position: relative;
  }

3）添加外层div 样式。添加overflow属性，防止内容溢出。

.wap{
    width: 999999999px;
    overflow: hidden;
  }
  .show{
    width: 800px;
    height: 320px;
    overflow: hidden;
    margin: 200px auto;
    box-shadow: 5px 5px 10px 4px #000;
  }

4、文字样式。
设置高，宽，行高设置跟高一样， 文字才能居中显示。设置文字背景颜色，大小。

.ba{
       width: 640px;
       height: 50px;
       line-height: 50px;
    color: #fff;
    background: rgba(0,0,0,0.5);
        bottom: 0;
        left: 0;
    position: absolute;
    text-indent: 2em;    
  }

5、添加鼠标移上去的效果样式。

 .ba:hover{    
       height: 320px;
       transition: all 0.5s;
  }
  .show:hover .box{
    width: 40px;

  }
    
  .show .box:hover{
    width: 640px;

  }

6、添加详细介绍文字。（text文件自取）。
【五、效果展示】
1、点击F12运行到浏览器。

一篇文章教会你使用html+css3制作炫酷效果_第2张图片
2、点击图片放大。
一篇文章教会你使用html+css3制作炫酷效果_第3张图片
3、点击文字，详细介绍。
一篇文章教会你使用html+css3制作炫酷效果_第4张图片
【六、总结】
1、本项目，就鼠标点击事件遇到的一些难点进行了分析及提供解决方案。
2、html+css也可以做出网站页面的效果，在上面显示图片标题的地方不能用绝对定位，于是用的relative定位，这个地方是布局的核心部分，否则无法将文字放在图片之上。
3、按照操作步骤，自己尝试去做。自己实现的时候，总会有各种各样的问题，切勿眼高手低，勤动手，才可以理解的更加深刻。

你可能感兴趣的:(前端,html,css,js,vue,前端)

  • 基于SpringBoot+Vue的校园跑腿原生小程序 学途源码资源站 Java毕设Java项目springbootvue.js小程序校园跑腿
    系列文章目录1.基于SSM的洗衣房管理系统+原生微信小程序+LW参考示例2.基于SpringBoot的宠物摄影网站管理系统+LW参考示例3.基于SpringBoot+Vue的企业人事管理系统+LW参考示例4.基于SSM的高校实验室管理系统+LW参考示例5.基于SpringBoot的二手数码回收系统+原生微信小程序+LW参考示例6.基于SSM的民宿预订管理系统+LW参考示例7.基于SpringBoo
  • 使用 `UnstructuredURLLoader` 和 `SeleniumURLLoader` 从 URL 加载 HTML 文档 VYSAHF html前端python
    随着网络数据的爆炸性增长，如何高效地从网页中获取结构化信息变得愈发重要。在这篇文章中，我们将探讨如何使用UnstructuredURLLoader和SeleniumURLLoader来处理和加载来自URL的HTML文档。这两种方法都有其特定的应用场景和优势。技术背景介绍对于需要大量从不同网页中获取信息的场景，选择合适的工具显得尤为关键。UnstructuredURLLoader提供了一种简单直接的
  • Python爬虫实战010：反爬取机制学习 若北辰 Python爬虫教程python爬虫开发语言
    #-*-coding:utf-8-*-"""@ModuleName:demo_001@Function:@Author:@Time:2020/12/28上午11:21"""fromlxmlimportetreeimportpandasaspdimportreimportrandomimporturllibimportrequestsimporttimeimportosimportjson
  • 51nod 冲刺题 Alaso_shuang OJ选择OI新手入门刷题c++算法蓝桥杯
    进阶习题：http://www.51nod.com/Question/Index.html#questionId=1481数数字http://www.51nod.com/Challenge/Problem.html#problemId=2151队列复原https://www.51nod.com/Challenge/Problem.html#problemId=3593小明的数字表vector-ST
  • 从http到Axios和fetch全解析 浪裡遊 http网络协议网络前端javascriptvue.js
    乜嘢是HTTPHTTP，全称为HyperTextTransferProtocol（超文本传输协议），是互联网上应用最为广泛的一种网络协议。它允许将超文本标记语言（HTML）文档从Web服务器传送到客户端的浏览器，并且支持多媒体内容的传输，如图片、视频等。基本概念HTTP是一种基于请求与响应的应用层协议，它是无状态的，意味着每个请求都是独立的，服务器不会保存客户端的状态信息。通常，用户通过客户端（如
  • 物联网实时数据存储方案选择 动亦定 MySQL物联网数据库物联网时序数据库数据库
    存储物联网设备发出的实时数据时，需考虑数据量、速度、类型和访问需求。以下是几种常见的存储方案：1.时序数据库适用场景:适合处理时间序列数据，如传感器数据。优点:高效存储和查询时间序列数据，支持高写入和查询吞吐量。常见选择:InfluxDB、TimescaleDB、Prometheus。2.NoSQL数据库适用场景:适合非结构化或半结构化数据，如JSON、XML。优点:灵活的数据模型，易于扩展，适合
  • 【C++项目】从零实现RPC框架「一」：项目准备与前置知识学习 Zfox_ C++从入门到精通c++rpc项目分布式muduojsoncpplinux
    个人主页：Zfox_系列专栏：C++从入门到精通目录一：项⽬介绍二：技术选型三：开发环境四：Ubuntu-22.04环境搭建五：第三⽅库使⽤介绍JsonCpp库Json数据格式JsonCpp介绍JsonCpp使⽤Muduo库Muduo库是什么通俗解释Muduo库常⻅接⼝介绍TcpServer类基础介绍EventLoop类基础介绍TcpConnection类基础介绍TcpClient类基础介绍Buf
  • 物联网设备接入系统后如何查看硬件实时数据? 动亦定 物联网java物联网
    要在软件中实时查看硬件设备的信息，通常需要结合前后端技术来实现。以下是设计思路和实现步骤：1.系统架构设计实时查看硬件设备信息的系统通常采用以下架构：数据采集层:硬件设备通过传感器采集数据，发送到InfluxDB。数据存储层:InfluxDB存储设备的历史和实时数据。后端服务层:提供API接口，从InfluxDB查询数据并返回给前端。前端展示层:通过Web界面或移动端实时展示设备信息。实时通信层:
  • JSON对象处理工具类 波波有料 JAVAjsonjava开发语言
    目录1.工具类的功能设计2.工具类的实现依赖配置工具类代码3.工具类的使用示例示例1：美化JSON打印示例2：从JSON中提取数据示例3：修改JSON数据示例4：合并JSON对象4.总结在现代软件开发中，JSON（JavaScriptObjectNotation）是一种广泛使用的轻量级数据交换格式。由于其简洁性和易读性，JSON被广泛应用于API通信、配置文件、数据存储等场景。然而，在处理JSON
  • 深入理解正则表达式及基本使用教程 波波有料 JAVA正则表达式
    目录摘要一、正则表达式是什么？二、正则表达式的基本语法1.元字符2.字符集与范围3.常用预定义字符集4.分组与反向引用捕获分组：非捕获分组：三、Java中正则表达式的实现1.Java基础示例2.替换字符串3.验证输入格式4.提取信息5.拆分字符串四、常见正则表达式应用场景1.手机号验证2.提取HTML标签内容3.替换多余空格五、总结摘要正则表达式（RegularExpression，简称Regex
  • 在Linux下安装部署Tomcat教程 波波有料 linuxtomcat运维
    摘要Tomcat是由Apache开发的要给Servlet容器，实现了对Servlet和JSP的支持，并提供了作为Web服务器的一些特有功能，如Tomcat管理和控制平台，安全管理和Tomcat阀等。简单来说，Tomcat是一个由WEB应用程序的托管平台，可以让用户编写的WEB应用程序，别Tomcat所托管，并提供网站服务。即让用户安装步骤如下：Tomcat的安装分为2步：安装JDK环境解压并安装T
  • 基于Python + Flask + PyEcharts + Bootstrap实现疫情可视化平台 小夕Coding 大数据系列可视化python数据可视化javavue
    基于Python+Flask+PyEcharts+Bootstrap实现的疫情可视化平台依赖库DependencyVersionPython3.6flask1.1.1pyecharts1.7.1requests2.22使用pythonrun.py#在浏览器中访问http://localhost:776前端展示项目下载链接：https://pan.baidu.com/s/1l1y2eiTWMTApQ
  • SpringBoot 外化配置及加载顺序 ashane1314 springbootpython后端
    SpringBoot的外化配置加载顺序遵循特定的优先级规则，高优先级的配置会覆盖低优先级的。以下是详细的配置源加载顺序及规则：一、配置源的优先级（从高到低）命令行参数通过--key=value传递的参数，如java-jarapp.jar--server.port=8081。SPRING_APPLICATION_JSON属性通过环境变量或系统属性传递的JSON格式配置，如SPRING_APPLICA
  • 重生之我在学Vue--第6天 Vue 3 状态管理（Pinia） 野生的程序媛 Vue前端成仙之路vue.js前端javascript
    重生之我在学Vue–第6天Vue3状态管理（Pinia）文章目录重生之我在学Vue--第6天Vue3状态管理（Pinia）前言一、Pinia核心概念速览1.1为什么需要状态管理？1.2Pinia核心三要素二、Pinia快速上手2.1安装与初始化2.2创建第一个Store三、模块化状态管理3.1多Store场景3.2Store间通信四、在组件中使用Pinia4.1状态访问与修改4.2状态解构的陷阱五
  • HarmonyOS NEXT开发实战：轮播Banner组件封装 太空人_喜之郎 鸿蒙HarmonyOSOpenHarmonyharmonyos华为前端鸿蒙移动开发android开发语言
    前言轮播图在每个项目中都很常见，鸿蒙中在容器组件中也提供了Swiper组件，用于子组件滑动轮播显示，和前端的使用起来也是异曲同工，我们先看下基本的用法。Swiper(){ForEach(["1","2","3","4","5","6"],(item:string)=>{Text(item.toString()).width('90%').height(160).backgroundColor(0x
  • 重生之我在学Vue--第5天 Vue 3 路由管理（Vue Router） 野生的程序媛 Vue前端成仙之路vue.js前端javascript
    重生之我在学Vue–第5天Vue3路由管理（VueRouter）文章目录重生之我在学Vue--第5天Vue3路由管理（VueRouter）前言一、路由配置与导航1.1什么是VueRouter？1.2安装VueRouter1.3基本路由配置步骤代码示例1.4路由导航二、动态路由与嵌套路由2.1动态路由示例：任务详情页2.2嵌套路由示例：嵌套任务详情三、路由守卫与懒加载3.1路由守卫示例：全局路由守卫
  • 【用友U8BOM全阶展开SQL】存储过程批量展开BOM结构，由子阶向上算母件的成本。 陈家旺 学习笔记数据库sqlsqlserver
    在百度查询U8BOM结构批量导出时，发现都要收费，于是自己写了个存储过程，顺便分享给需要的朋友。USE[UFDATA_110]--使用你的账套数据库GO/******Object:StoredProcedure[dbo].[BOMJS]ScriptDate:2022-11-0223:28:13******/SETANSI_NULLSONGOSETQUOTED_IDENTIFIERONGOCREAT
  • 从零开始打造一个通用的 Vue 卡片组件 qq_33253945 vue.js前端javascript前端框架
    前言大家好，最近在做项目的时候发现我们系统里到处都是各种卡片样式的UI元素，每次都要重写一遍真的很烦。于是我花了点时间，封装了一个通用的卡片组件，今天就来分享一下我的开发思路和实现过程。希望能对大家有所帮助！需求分析在开始写代码前，我先梳理了一下卡片组件的常见需求：支持自定义标题、内容、底部操作区可配置是否显示阴影、边框支持加载状态支持自定义样式支持卡片展开/折叠功能支持卡片的移除/关闭功能组件设
  • 每日学Java之一万个为什么 ~Yogi 修炼java开发语言
    文章目录RESTFUL风格设计JSON数据中的返回工具类R浏览器跨域问题及其前后端解决办法SpringMVC基于AOP的功能有哪些SpringMVC声明式异常处理SpringMVC拦截器区别filter不能放行RESTFUL风格设计url：尽量使用名词，如果实在重复使用动词method：GETDELET（区别路径传参：唯一标识，和接受查询字符串：范围查询）POSTPUTparam：response
  • FPGA行业三大岗位详细介绍，0基础入门必读 博览鸿蒙 FPGAfpga开发
    很多人想要转行FPGA，但不知道该如何选择岗位，也不了解这些岗位的具体工作内容以及需要哪些技能？选择合适的岗位对职业发展至关重要，尤其是在FPGA行业，选择时需要根据自己的条件和兴趣来定位岗位。前端设计工程师读文档，写文档：数字前端设计工程师需要阅读大量的协议文档，如PCIe、Ethernet、USB等，文档内容涉及到硬件协议、设计需求等。工作中，文档的编写和理解是非常重要的，比如Function
  • 程序员必备神器：DeepSeek如何帮你高效开发？ 后端
    作为一名程序员，你是否曾经为了找到一个合适的代码片段而翻遍GitHub？或者为了调试一个复杂的算法而熬夜到凌晨？如果你也有类似的经历，那么今天我要介绍的这款工具——DeepSeek，可能会成为你的开发利器。它不仅能帮你快速找到解决方案，还能提升你的开发效率，甚至让你在代码的世界里游刃有余。DeepSeek是什么？简单来说，它就像是一个智能助手，专门为程序员设计。无论是前端开发、后端架构，还是数据分
  • 重生之我在学Vue--第8天 Vue 3 UI 框架（Element Plus） 野生的程序媛 Vue前端成仙之路vue.jsui前端
    重生之我在学Vue–第8天Vue3UI框架（ElementPlus）文章目录重生之我在学Vue--第8天Vue3UI框架（ElementPlus）前言一、ElementPlus基础：从安装到组件革命1.1安装与两种引入模式全量引入（适合快速原型）按需引入（推荐生产环境）二、核心组件实战：重构任务管理系统2.1表格组件：专业数据展示2.2表单组件：优雅数据录入2.3反馈组件：增强交互体验三、主题定制
  • 陪玩系统UNIAPP+PHP6：支持二开、源码定制与多端同步优化的应用 php小程序后端
    一、系统概述陪玩系统是一个集用户注册登录、陪玩师资料展示、下单、支付、评价等功能于一体的综合性平台。通过该平台，用户可以轻松找到心仪的陪玩师，享受游戏陪玩、K歌陪玩、交友陪玩等多种服务。而陪玩师则可以通过展示自己的技能和服务，吸引用户下单，从而获得报酬。[源码领取地址！](https://www.51duoke.cn/games/?id=7)二、技术选型前端框架：UNIAPPUNIAPP是一个基于
  • 基于PHP进程控制与Redis队列的异步任务实践——解决Excel导入接口超时问题
    问题背景与解决方案问题场景在实现Excel数据导入功能时，遇到一个典型的生产者-消费者场景：主流程：Excel文件解析→数据校验→数据库事务写入附加流程：将成功数据推送给第三方系统当第三方接口响应缓慢时（实测平均耗时8-12秒），导致整体接口响应时间超出前端等待阈值，造成以下问题：前端显示系统错误（HTTP500）实际业务数据已完整入库用户体验与数据一致性存在割裂解决方案演进同步方案：直接顺序执行
  • CSS Position(定位) wjs2024 开发语言
    CSSPosition(定位)概述CSS定位是网页布局中非常重要的一环，它决定了页面元素的位置和层叠顺序。在CSS中，定位可以分为几种类型，包括静态定位、相对定位、绝对定位和固定定位。每种定位方式都有其独特的应用场景和优势。静态定位静态定位是CSS定位的默认值，它会使元素根据其在文档流中的位置进行定位。静态定位的元素不会影响其他元素的位置。代码示例.static{position:static;}
  • pyqt5 开发文档 查看地址 wowocpp pyqt
    查看PyQt5在线说明文档http://pyqt.sourceforge.net/Docs/PyQt5/class_reference.htmlhttps://www.riverbankcomputing.com/static/Docs/PyQt5/https://doc.qt.io/https://doc.qt.io/qt-5/qwidget.htmlhttps://www.riverbankc
  • tauri如何实现窗口拖动，自定义标题栏 爱音乐的程序猿 rust语言前端taurirust前端桌面软件exe
    文章目录一、tauri是什么？二、封装好的标题栏，引用修改即可使用三相关配置实现细节实现窗口拖动一、tauri是什么？Tauri是一个开源框架，用于创建跨平台的桌面应用程序。它使用Rust编程语言，并结合了现有的Web技术，如HTML、CSS和JavaScript。Tauri旨在提供一个快速、可靠和安全的方式来构建本地应用程序，同时保持Web开发的灵活性和易用性。它支持多个操作系统和架构，包括Wi
  • 修改 Docker 网桥的 IP 范围 消码哥 运维dockerdocker
    目录前言修改步骤前言有时候docker网桥ip与外部的ip相冲突时，外部ip是无法访问的，这时就需要我们修改Docker网桥的IP范围了，修改方法也很简单。修改步骤停止Docker服务sudosystemctlstopdocker编辑Docker的网络配置文件通常是/etc/docker/daemon.json，加入以下内容即可{"bip":"172.18.0.1/16",//Dockerdaem
  • 跨域JS传值时，postMessage 页面之间发送消息 油盐不进的吗 资料
    postMessage方法使用方法：监控JS：window.addEventListener("message",function(e){},false);--------------------------------------------------------------------------------------------------------------------------
  • HTML基础标签 雪兔♛ html前端经验分享
    基础标签＜！--id属性，唯一的确定一个标签，id名字具有唯一性-->回到这里飞流直下三千尺飞流直下三千尺飞流直下三千尺飞流直下三千尺飞流直下三千尺飞流直下三千尺飞流直下三千尺飞流直下三千尺飞流直下三千尺飞流直下三千尺百度一下，你就知道登录点击回到顶部
  • 数据采集高并发的架构应用 3golden .net
    问题的出发点：          最近公司为了发展需要，要扩大对用户的信息采集，每个用户的采集量估计约2W。如果用户量增加的话，将会大量照成采集量成3W倍的增长，但是又要满足日常业务需要，特别是指令要及时得到响应的频率次数远大于预期。       &n
  • 不停止 MySQL 服务增加从库的两种方式 brotherlamp linuxlinux视频linux资料linux教程linux自学
    现在生产环境MySQL数据库是一主一从，由于业务量访问不断增大，故再增加一台从库。前提是不能影响线上业务使用，也就是说不能重启MySQL服务，为了避免出现其他情况，选择在网站访问量低峰期时间段操作。  一般在线增加从库有两种方式，一种是通过mysqldump备份主库，恢复到从库，mysqldump是逻辑备份，数据量大时，备份速度会很慢，锁表的时间也会很长。另一种是通过xtrabacku
  • Quartz——SimpleTrigger触发器 eksliang SimpleTriggerTriggerUtilsquartz
    转载请出自出处：http://eksliang.iteye.com/blog/2208166 一.概述 SimpleTrigger触发器，当且仅需触发一次或者以固定时间间隔周期触发执行；   二.SimpleTrigger的构造函数 SimpleTrigger(String name, String group)：通过该构造函数指定Trigger所属组和名称； Simpl
  • Informatica应用（1） 18289753290 sqlworkflowlookup组件Informatica
    1.如果要在workflow中调用shell脚本有一个command组件，在里面设置shell的路径；调度wf可以右键出现schedule，现在用的是HP的tidal调度wf的执行。 2.designer里面的router类似于SSIS中的broadcast（多播组件）;Reset_Workflow_Var：参数重置 （比如说我这个参数初始是1在workflow跑得过程中变成了3我要在结束时还要
  • python 获取图片验证码中文字 酷的飞上天空 python
    根据现成的开源项目 http://code.google.com/p/pytesser/改写 在window上用easy_install安装不上  看了下源码发现代码很少  于是就想自己改写一下   添加支持网络图片的直接解析   #coding:utf-8 #import sys #reload(sys) #sys.s
  • AJAX 永夜-极光 Ajax
    1.AJAX功能:动态更新页面,减少流量消耗,减轻服务器负担   2.代码结构:    <html> <head> <script type="text/javascript"> function loadXMLDoc() { .... AJAX script goes here ...
  • 创业OR读研 随便小屋 创业
            现在研一，有种想创业的想法，不知道该不该去实施。因为对于的我情况这两者是矛盾的，可能就是鱼与熊掌不能兼得。                研一的生活刚刚过去两个月，我们学校主要的是
  • 需求做得好与坏直接关系着程序员生活质量 aijuans IT 生活
            这个故事还得从去年换工作的事情说起，由于自己不太喜欢第一家公司的环境我选择了换一份工作。去年九月份我入职现在的这家公司，专门从事金融业内软件的开发。十一月份我们整个项目组前往北京做现场开发，从此苦逼的日子开始了。        系统背景：五月份就有同事前往甲方了解需求一直到6月份，后续几个月也完
  • 如何定义和区分高级软件开发工程师 aoyouzi
    在软件开发领域，高级开发工程师通常是指那些编写代码超过 3 年的人。这些人可能会被放到领导的位置，但经常会产生非常糟糕的结果。Matt Briggs 是一名高级开发工程师兼 Scrum 管理员。他认为，单纯使用年限来划分开发人员存在问题，两个同样具有 10 年开发经验的开发人员可能大不相同。近日，他发表了一篇博文，根据开发者所能发挥的作用划分软件开发工程师的成长阶段。 　　初
  • Servlet的请求与响应 百合不是茶 servletget提交java处理post提交
      Servlet是tomcat中的一个重要组成,也是负责客户端和服务端的中介     1,Http的请求方式(get  ,post);   客户端的请求一般都会都是Servlet来接受的,在接收之前怎么来确定是那种方式提交的,以及如何反馈,Servlet中有相应的方法,  http的get方式 servlet就是都doGet(
  • web.xml配置详解之listener bijian1013 javaweb.xmllistener
    一.定义 <listener> <listen-class>com.myapp.MyListener</listen-class> </listener>   二.作用        该元素用来注册一个监听器类。可以收到事件什么时候发生以及用什么作为响
  • Web页面性能优化（yahoo技术） Bill_chen JavaScriptAjaxWebcssYahoo
    1.尽可能的减少HTTP请求数 content 2.使用CDN server 3.添加Expires头(或者 Cache-control) server 4.Gzip 组件 server 5.把CSS样式放在页面的上方。 css 6.将脚本放在底部(包括内联的) javascript 7.避免在CSS中使用Expressions css 8.将javascript和css独立成外部文
  • 【MongoDB学习笔记八】MongoDB游标、分页查询、查询结果排序 bit1129 mongodb
    游标   游标，简单的说就是一个查询结果的指针。游标作为数据库的一个对象，使用它是包括 声明 打开 循环抓去一定数目的文档直到结果集中的所有文档已经抓取完 关闭游标   游标的基本用法，类似于JDBC的ResultSet(hasNext判断是否抓去完,next移动游标到下一条文档)，在获取一个文档集时，可以提供一个类似JDBC的FetchSize
  • ORA-12514 TNS 监听程序当前无法识别连接描述符中请求服务 的解决方法 白糖_ ORA-12514
    今天通过Oracle SQL*Plus连接远端服务器的时候提示“监听程序当前无法识别连接描述符中请求服务”，遂在网上找到了解决方案： ①打开Oracle服务器安装目录\NETWORK\ADMIN\listener.ora文件，你会看到如下信息：   # listener.ora Network Configuration File: D:\database\Oracle\net
  • Eclipse 问题 A resource exists with a different case bozch eclipse
    在使用Eclipse进行开发的时候，出现了如下的问题： Description Resource Path Location TypeThe project was not built due to "A resource exists with a different case: '/SeenTaoImp_zhV2/bin/seentao'.&
  • 编程之美-小飞的电梯调度算法 bylijinnan 编程之美
    public class AptElevator { /** * 编程之美 小飞 电梯调度算法 * 在繁忙的时间，每次电梯从一层往上走时，我们只允许电梯停在其中的某一层。 * 所有乘客都从一楼上电梯，到达某层楼后，电梯听下来，所有乘客再从这里爬楼梯到自己的目的层。 * 在一楼时，每个乘客选择自己的目的层，电梯则自动计算出应停的楼层。 * 问：电梯停在哪
  • SQL注入相关概念 chenbowen00 sqlWeb安全
    SQL Injection：就是通过把SQL命令插入到Web表单递交或输入域名或页面请求的查询字符串，最终达到欺骗服务器执行恶意的SQL命令。 具体来说，它是利用现有应用程序，将（恶意）的SQL命令注入到后台数据库引擎执行的能力，它可以通过在Web表单中输入（恶意）SQL语句得到一个存在安全漏洞的网站上的数据库，而不是按照设计者意图去执行SQL语句。 首先让我们了解什么时候可能发生SQ
  • [光与电]光子信号战防御原理 comsci 原理
          无论是在战场上,还是在后方,敌人都有可能用光子信号对人体进行控制和攻击,那么采取什么样的防御方法,最简单,最有效呢?       我们这里有几个山寨的办法,可能有些作用,大家如果有兴趣可以去实验一下       根据光
  • oracle 11g新特性:Pending Statistics daizj oracledbms_stats
    oracle 11g新特性:Pending Statistics 转 从11g开始，表与索引的统计信息收集完毕后，可以选择收集的统信息立即发布，也可以选择使新收集的统计信息处于pending状态，待确定处于pending状态的统计信息是安全的，再使处于pending状态的统计信息发布，这样就会避免一些因为收集统计信息立即发布而导致SQL执行计划走错的灾难。 在 11g 之前的版本中，D
  • 快速理解RequireJs dengkane jqueryrequirejs
    RequireJs已经流行很久了，我们在项目中也打算使用它。它提供了以下功能： 声明不同js文件之间的依赖 可以按需、并行、延时载入js库 可以让我们的代码以模块化的方式组织 初看起来并不复杂。 在html中引入requirejs 在HTML中，添加这样的 <script> 标签： <script src="/path/to
  • C语言学习四流程控制if条件选择、for循环和强制类型转换 dcj3sjt126com c
    # include <stdio.h> int main(void) { int i, j; scanf("%d %d", &i, &j); if (i > j) printf("i大于j\n"); else printf("i小于j\n"); retu
  • dictionary的使用要注意 dcj3sjt126com IO
    NSDictionary *dict = [NSDictionary dictionaryWithObjectsAndKeys: user.user_id , @"id", user.username , @"username",
  • Android 中的资源访问(Resource) finally_m xmlandroidStringdrawablecolor
    简单的说，Android中的资源是指非代码部分。例如，在我们的Android程序中要使用一些图片来设置界面，要使用一些音频文件来设置铃声，要使用一些动画来显示特效，要使用一些字符串来显示提示信息。那么，这些图片、音频、动画和字符串等叫做Android中的资源文件。 在Eclipse创建的工程中，我们可以看到res和assets两个文件夹，是用来保存资源文件的，在assets中保存的一般是原生
  • Spring使用Cache、整合Ehcache 234390216 springcacheehcache@Cacheable
    Spring使用Cache            从3.1开始，Spring引入了对Cache的支持。其使用方法和原理都类似于Spring对事务管理的支持。Spring Cache是作用在方法上的，其核心思想是这样的：当我们在调用一个缓存方法时会把该方法参数和返回结果作为一个键值对存放在缓存中，等到下次利用同样的
  • 当druid遇上oracle blob(clob) jackyrong oracle
    http://blog.csdn.net/renfufei/article/details/44887371 众所周知，Oracle有很多坑, 所以才有了去IOE。 在使用Druid做数据库连接池后，其实偶尔也会碰到小坑，这就是使用开源项目所必须去填平的。【如果使用不开源的产品，那就不是坑，而是陷阱了，你都不知道怎么去填坑】 用Druid连接池，通过JDBC往Oracle数据库的
  • easyui datagrid pagination获得分页页码、总页数等信息 ldzyz007
    var grid = $('#datagrid');  var options = grid.datagrid('getPager').data("pagination").options;  var curr = options.pageNumber;  var total = options.total;  var max =
  • 浅析awk里的数组 nigelzeng 二维数组array数组awk
    awk绝对是文本处理中的神器，它本身也是一门编程语言，还有许多功能本人没有使用到。这篇文章就单单针对awk里的数组来进行讨论，如何利用数组来帮助完成文本分析。   有这么一组数据：   abcd,91#31#2012-12-31 11:24:00 case_a,136#19#2012-12-31 11:24:00 case_a,136#23#2012-12-31 1
  • 搭建 CentOS 6 服务器(6) - TigerVNC rensanning centos
    安装GNOME桌面环境 # yum groupinstall "X Window System" "Desktop" 安装TigerVNC # yum -y install tigervnc-server tigervnc 启动VNC服务 # /etc/init.d/vncserver restart # vncser
  • Spring 数据库连接整理 tomcat_oracle springbeanjdbc
    1、数据库连接jdbc.properties配置详解 　　jdbc.url=jdbc:hsqldb:hsql://localhost/xdb 　　jdbc.username=sa 　　jdbc.password= 　　jdbc.driver=不同的数据库厂商驱动，此处不一一列举 　　接下来，详细配置代码如下： 　　 Spring连接池    
  • Dom4J解析使用xpath java.lang.NoClassDefFoundError: org/jaxen/JaxenException异常 xp9802
    用Dom4J解析xml,以前没注意,今天使用dom4j包解析xml时在xpath使用处报错      异常栈：java.lang.NoClassDefFoundError: org/jaxen/JaxenException异常       导入包 jaxen-1.1-beta-6.jar 解决; &nb
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他