1图片拉近缘起是看到了下面的图片,我发现当鼠标悬浮的时候,发现他是可以拉近的,也就是图片的宽高不变,但是图片被放大了起初我以为是有一个这样的方法,可以实现这个操作,但是查找了很多网站都没有找到。后来自己慢慢的摸索,才了解了其中的奥妙子盒子和父盒子的大小一样大,为了能体现出父子盒子,我让父盒子略大,并未黄色,子盒子为白色当鼠标悬浮到该子盒子的时候,子盒子被放大(scale),如下图同时,我设置子盒子超出父盒子的部分隐藏(overflow:hidden),这样我只能看到黄色部分,但是图片却被放大了,就看到了最初的效果,图片好像被拉进了html>head>metacharset="utf-8">ti
为什么你的个人博客访问慢?不知道大家有没有注意到,在22.10.3121点之后,凯哥的个人博客站点(凯哥Java:www.kaigejava.com)访问速度提升了不少。那是因为凯哥对站点做了优化。本文就记录优化方面:优化从以下几个方面入手的:1:JVM调优2:日志打印3:删除已经不用的代码前提条件:凯哥个人博客,是购买阿里云最廉价的机器。配置如下:1C2G1M的共享性。一:JVM调优先来看看优化前凯哥配置的Tomcat启动参数-Xms512m-Xmx512m-Xmn512m-Xss1024K-XX:MaxPermSize=256m-XX:MaxNewSize=256m再
为什么你的个人博客访问慢?不知道大家有没有注意到,在22.10.3121点之后,凯哥的个人博客站点(凯哥Java:www.kaigejava.com)访问速度提升了不少。那是因为凯哥对站点做了优化。本文就记录优化方面:优化从以下几个方面入手的:1:JVM调优2:日志打印3:删除已经不用的代码前提条件:凯哥个人博客,是购买阿里云最廉价的机器。配置如下:1C2G1M的共享性。一:JVM调优先来看看优化前凯哥配置的Tomcat启动参数-Xms512m-Xmx512m-Xmn512m-Xss1024K-XX:MaxPermSize=256m-XX:MaxNewSize=256m再
前言 本文整理了实现悬浮窗以及聚焦登录组件的功能。 为的是方便大家和自己的学习。 省流:可以只看1.2和2的代码即可1悬浮窗现在各大流行视频网站的平台都在使用这种悬浮显示的效果,我就想这种东西是怎样搞出来的呢!几经尝试,终于找到了一个实现方式,记录一下自己的开发历程,方便以后的使用,也为了各C友提供便利。1.1使用display尝试用display实现,利用display:none和block的切换,来实现悬浮窗的显示/关闭。把方法加在div1(悬浮窗)、div2(带图片背景的组件)共同的父组件div上,这样可以实现悬浮窗的效果template>divclass="div1"@mousemov
前言 本文整理了实现悬浮窗以及聚焦登录组件的功能。 为的是方便大家和自己的学习。 省流:可以只看1.2和2的代码即可1悬浮窗现在各大流行视频网站的平台都在使用这种悬浮显示的效果,我就想这种东西是怎样搞出来的呢!几经尝试,终于找到了一个实现方式,记录一下自己的开发历程,方便以后的使用,也为了各C友提供便利。1.1使用display尝试用display实现,利用display:none和block的切换,来实现悬浮窗的显示/关闭。把方法加在div1(悬浮窗)、div2(带图片背景的组件)共同的父组件div上,这样可以实现悬浮窗的效果template>divclass="div1"@mousemov