[刘阳Java]_CSS图片画廊】的更多相关文章

图片画廊也是一种比较经典的案例.本节文章主要简单给大家介绍了CSS2实现图片画廊,采取的实现思路 ul放置图片 li标签里面嵌套a标签 a标签里面嵌套两个图片的标签 通过简单的伪类来实现图片预览效果 具体效果图如下,这样子大家看了效果图,就会知道我们到底为了实现什么样子的效果 具体的代码如下 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></tit…
小白在学习前端技术时候,一定会在刚开始的时候学习CSS2和CSS3的相关知识.这篇内容给大家介绍一个CSS鼠标悬停的效果.大家可以先看下面的效果图,然后我们在说一下实现的效果要求吧 上图效果非常简单和清晰,就是鼠标放上去能够将图片进行缩率图的放小效果.实现要求 CSS的伪类hover的应用,通过伪类完成CSS样式的变化 CSS3中的transform:scale(...)的应用,完成缩放比例的设置 CSS3中的过渡transition:all 200ms ease-in样式的的应用,因为缩放效果…
先给出效果图,见下图.下图主要的完成当鼠标放到分页数字的上会呈现一个变大的效果 实现思路: (1). 使用浮动属性,以便让li元素水平排列. (2).将a元素设置为块级元素,然后设置它们的尺寸. (3).使用链接伪类控制当鼠标放在链接之上使a元素尺寸变大:使用绝对定位,使a元素能够覆盖周边的元素. 特别说明:a元素的背景色设置为白色,因为默认状态背景是透明的,否则将会看到两边被遮盖的边框. <!DOCTYPE html> <html> <head> <meta c…
再来写一个菜单侧边栏的制作,先看截图 源代码如下 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> * { margin: 0; padding: 0; } body { font-family: "微软雅黑"; font-siz…
简单给大家介绍一下CSS普通菜单制作,先看图 功能很简单 UL制作菜单 鼠标进入LI的CSS伪类,实现菜单弹出效果 源码如下 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> ul { list-style: none; } .nav > li…
1.MyBatis的环境配置 导入MyBatis包, mybatis-3.2.8.jar 导入MySQL驱动包, mysql-connector-java-5.1.24-bin.jar 创建表的实体类, 例如: MyUser(id, name, password) 编写MyBatis的核心配置文件, SqlMapConfig.xml 编写映射文件, 例如: MyUserMapper.xml 编写测试来完成数据库CRUD操作 2.MyBatis代码编写原理图,因为环境搭建成功不成功需要我们写一段代…
1.什么MyBatis,我们先通过百度百科先进行一个简单的了解 MyBatis 本是apache的一个开源项目iBatis, 2010年这个项目由apache software foundation 迁移到了google code,并且改名为MyBatis .2013年11月迁移到Github. iBATIS一词来源于"internet"和"abatis"的组合,是一个基于Java的持久层框架.iBATIS提供的持久层框架包括SQL Maps和Data Access…
前后端分离已成为互联网项目开发的业界标准使用方式,通过nginx+tomcat的方式(也可以中间加一个nodejs)有效的进行解耦,并且前后端分离会为以后的大型分布式架构.弹性计算架构.微服务架构.多端化服务(多种客户端,例如:浏览器,车载终端,安卓,IOS等等)打下坚实的基础.这个步骤是系统架构从猿进化成人的必经之路 核心思想:前端html页面通过ajax调用后端的restuful api接口并使用json数据进行交互 在互联网架构中服务器的分类如下: web服务器:一般指像nginx,apa…
此文章也是关注网上好几篇技术文章后,今天分享出来.因为,总有在程序学习路上的小伙伴会感到迷茫.而迷茫存在的情况如下 第一种:在大学学习中出现的迷茫,不知道Java到底要学什么.学习Java的标准是什么.又因为Java学习就像品味一杯咖啡一样,一开始很辛苦(迷茫阶段),一旦认不清楚自己的方向就换一门语言,或是不会再坚持下去 第二种:很多人认为Java开发在工作中就是增删改查,每天就期待下班,简直就是做一天和尚撞一天钟 为了打破这种僵局,Java程序员在这个迷茫的阶段应做什么呢? 下面我将为程序员小…
数据库优化是在后端开发中必备技能,今天写一篇MySQL数据优化的总结,供大家看看 一.MySQL数据库优化分类 我们通过一个图片形式来看看数据优化一些策略问题 不难看出,优化有两条路可以选择:硬件与技术.如果是投入硬件方式来优化成本相当高,如果是通过技术方式来优化效果好 二.测试数据样例:大家可以参考mysql官方的sakina数据库 三.提高mysql千万级大数据SQL查询优化几条经验 1. 对查询进行优化,应尽量避免全表扫描,首先应考虑在where及order by 涉及的列上创建索引.因为…
Spring的注解是在Spring2.5的版本中引入的,目的简化XML配置.在企业开发过程中使用注解的频率非常高,但是学习注解的前提是大家一定要对Spring基于XML配置要熟悉,这是我个人建议,因为在Spring2.0的版本时候是没有出现注解的使用 1. Spring常用注解如下 @Component @Autowired @Qualifier @Scope @Controller @Service @Repository 2. 使用Spring注解的时候一定关注Spring框架需要加入的包[…
1.MyBatis的动态SQL是基于OGNL表达式的,它可以帮助我们方便的在SQL语句中实现某些逻辑. 2.MyBatis中用于实现动态SQL的元素主要有 if choose(when,otherwise) trim where set foreach 可以看出MyBatis的动态SQL的标签元素和接近JSP中的JSTL语法,下面我就分别详细的介绍一下 3.动态SQL中if的用法 <?xml version="1.0" encoding="UTF-8" ?&g…
一般MyBatis最基本标签,或者说初学者上手最快的标签就是增删改查 1.<insert>标签,在MyBatis中完成数据添加操作 <insert id="addMyUser" parameterType="com.gxa.pojo.MyUser"> insert into MyUser (username, userpass) values (#{username}, #{userpass}) </insert> 2.<u…
<resultMap>:用于解决实体类中属性和表字段名不相同的问题 id:表示当前<resultMap>标签的唯一标识 result:定义表字段和实体类属性的对应关系 property:记录实体类的属性 column:记录表的字段名称 1.一般我们在配置实体类的时候习惯将实体类中属性名字和字段名称一样,不管在后期维护还是开发过程中可读性比较好. <?xml version="1.0" encoding="UTF-8" ?> <…
1.Mybatis映射文件的<select>标签主要帮助我们完成SQL语句查询功能,<select>标签它包含了很多属性,下面简单对<select>标签的属性做一个归纳 id:唯一指定标签的名字 resultType:查询结构返回的数据类型,自动进行封装操作 parameterType:给SQL语句传递参数的数据类型 resultMap:查询结果返回的数据类型,会根据映射文件中<resultMap>来完成数据封装 parameterMap:给SQL语句传递参…
斗胆让我在这里介绍一下Eclipse快捷键有哪些 ctrl+shirt+r 打开资源 这组快捷键可以让你开打Eclipse工作区中任何一个文件,你只需要输入你想查找的文件名字即可,而且绝对支持模糊检索 ctrl+o 如果想查看某个类中的方法就可以使用这个此快捷键 ctrl+e 此快捷键将帮助你在打开的编辑器之间进行浏览.使用ctrl+page up或ctrl+page down可以浏览前后的选项卡,但是在很多个文件打开的状态下,ctrl+e效率更高 alt+shift+r 重命名,此快捷键可以重…
我们一般学习Java都应该遵循通过系统的命令工具来编译Java程序,然后对编译好Java程序进行运行,这个是非常好的习惯.但是随着后期学习Java技术的深入我们也得像Java的IDE工具屈服.所以,可以在学习Java技术时候避开环境配置快速的使用Java的开发工具,对我们来说也不是一件坏事情 1.Eclipse(Java开发工具的老司机) Eclipse:将Java程序从编译到运行的一个流程通过Eclipse来搞定 注意一点:Eclipse(x86, x64)要运行成功需要注意和JVM的版本一致…
程序员写好一段Java源程序-->编译-->字节码-->JVM-->硬件平台(操作系统)…
按照Java从业人员的职位晋升来说,Java程序成长路线大致如下 Java程序员 JavaEE初级软件工程师 JavaEE中级软件工程师 JavaEE高级软件工程师 Java架构师 按照职业发展方向,大致如下 第一条职业发展路线(技术专精): 初级Java开发---中级--高级---项目主管--Java项目经理---网站架构师 第二条职业发展路线(技术转产品):初级Java开发---中级--产品策划--产品经理---产品总监 Java初级程序员应该具备的技术 Java基本语法 Java面向对象编…
1.为什么搭建Java的环境 Java的程序语言不能独立在操作系统上运行 Java程序需要一个JVM(Java虚拟机)才能将程序员写好的Java程序运行在操作系统 Java程序的跨平台(Mac, Linux, Windows) 2.怎么搭建Java环境 下载JVM虚拟机(JDK:Java开发工具) 配置Java的环境变量(如果你写的Java程序需要手动编译运行,则环境变量一定要配置) PATH:配置可执行程序的路径 CLASSPATH:指定Java的库文件(组件)路径 JAVA_HOME:JDK…
纵观网上有很多非常好的对Java技术的总结,这里我个人谈谈对Java技术学习有哪些重点内容[浮浅之见] Java环境搭建 Java基础语法 Java面向对象编程 Java异常 Java IO流 Java 集合框架 Java 多线程编程 Java 网络编程 Java 反射 Java JDBC Java GUI 如果是零基础入门学习Java的同学们,在Java环境搭建.Java基础语法这两点是为大家建立编程思维的重点.这样后期才能接着学习Java的面向对象,下面我给一个Java基础知识的思维导图,供…
1. 其实第一个Java程序是很简单,但是当自己编写第一个Java程序时候需要注意如下几个内容: 理解Java程序的运行环境 校验你的Java环境变量是否能够运行你所写的第一个Java程序 理解Java程序编写的规范 2. 代码编写 记事本或者文本编辑器(EditPlus, NodePad++) Java的IDE,推荐使用Eclipse,你如果用Eclipse无需配置Java环境变量 3. 代码规范 Java是严格区分英文字母大小写 代码中出现了左右花括号{},括号作用是一个首尾呼应,代表中间是…
继续我们技术专题课,我们今天给大家带来的是一个比较酷炫的"纯CSS代码实现内容过滤效果",没有加入任何JS的效果.全部都是应用CSS3的新增选择器来实现的.先看效果截图 实现思路 上面的四个按钮是利用 radio + label 组合方式实现 下面的图片全部都通过左浮动方式排列 外层有一个最大的div,它来包含按钮+图片 当点击按钮的时候,我们通过 CSS3 的属性选择器 + 兄弟选择器来实现过滤效果,且也具备点击事件效果(牛逼) 完整的代码如下 <!DOCTYPE html&g…
1. anonymous inner class(匿名内部类)是否可以extends(继承)其它类,是否可以implements(实现)interface(接口)? 不行,对于匿名内部类,看到的一句话说的很到位: new <类或接口> <类的主体> 这种形式的new语句声明一个新的匿名类,他对一个给定的类进行扩展,或实现一个给定的接口.他还创建那个类的一个新实例,并把他作为语句的结果而返回. 这就是匿名类的实质,它本身就是一个类的继承或一个接口的实现,所以继承其它类或借口是无意义的…
1. 多线程使用的优缺点? 优点: (1)多线程技术使程序的响应速度更快 (2)当前没有进行处理的任务可以将处理器时间让给其它任务 (3)占用大量处理时间的任务可以定期将处理器时间让给其它任务 (4)可以随时停止任务 (5)可以分别设置各个任务的优先级以及优化性能 缺点: (1)等候使用共享资源时造成程序的运行速度变慢 (2)对线程进行管理要求额外的cpu开销 (3)可能出现线程死锁情况.即较长时间的等待或资源竞争以及死锁等症状 2. start()方法和run()方法简介和区别? start(…
美团喜欢一口气把三轮技术面和HR面一起面完,虽然身心比较累(每一面差不多一个小时),不过也算是一个好事,不像某些公司一天就一面然后让回去等消息,等面试通知也等得让人很焦虑,而且还容易出现面试时间冲突. 一面 1.比较LinkedList.ArrayList的区别,分别适用于什么场景 2.Synchronized关键字和ReentrantLock的区别 3.用过哪些线程池,ThreadPoolExecutor的参数含义 4.什么是悲观锁和乐观锁,乐观锁的实现原理 5.计算机网络中OSI七层模型每一…
今日来具体给讲讲SpringMVC与Struts2的对比,这样方便朋友们在工作中或者是面试学习中对这两者的区别有个更好的了解 把这张图放在这里,我是想说SpringMVC和Struts2真的是不一样的,虽然在都有着核心分发器等相同的功能组件(这些由MVC模式本身决定的) 为什么SpringMVC会赢得最后的胜利呢?谈几点我自己的看法: 第一.MVC框架的出现是为了将URL从HTTP的世界中映射到Java世界中,这是MVC框架的核心功能.而在URL这一点SpringMVC无疑更加优雅. 第二.从设…
1.HTML静态化 ,将活动页面上的所有可以静态的元素全部静态化,并尽量减少动态元素2.禁止重复提交:用户提交之后按钮置灰,禁止重复提交3.用户限流:在某一时间段内只允许用户提交一次请求,比如可以采取IP限流4.如果请求过多,判定web服务器的压力过大,增加前端的web服务器,做负载均衡5.图片服务器分离6.如果请求的静态页面不卡了,但是请求的动态数据还是卡,说明mysql处理的请求太多了,在应用层增加缓存7.如果请求激增,还是有大量的查询到mysql,想办法处理mysql,所有我们可以把mys…
这篇文章不是我自己原创的,但是为了后期的阅读,所以我收录网上的一篇文章.为了尊重作者的版权,转载地址先放上来,大家也可以去访问他的原始文章.http://jadyer.cn/2013/09/24/spring-introspector-cleanup-listener/ 1. 简介 JDK中的 java.beans.Introspector 的用途是:发现 Java 类是否符合 JavaBean 规范.如果有的框架或程序用到了 Introspector,那么就会启用一个系统级的缓存,里面存放一些…
今天来介绍一个关于SpringMVC框架的文件上传功能.首先我个人感觉SpringMVC框架的文件上传还是要比Struts2框架要好用一些,灵活性更强.因为SpringMVC框架的文件上传有几种不同的实现方式,所以我们先给大家介绍基于CommonsMultipartFile来实现文件上传的功能 1. 大家可以先了解案例实现的效果   2. 搭建一下文件上传必备的环境 导入commons-fileupload-13.2.jar,commons-io-2.5.jar 在SpringMVC的配置文件中…