关于使用CSS的hover鼠标移至图片触发图片变化问题

图片说明

如图,鼠标移至黄色图片上方,想让图片3的这块灰色区域完全覆盖黄色区域,该怎么办呢? 以下为相关的代码块:

.type a{ position:relative;width:320px;margin:0 0px 0 0;float:left;height:232px;}

.type li{width:320px;float:left;margin:2px;display:block;list-style:none;}

.type a:hover{text-decoration:none;cursor:hand;}

.type a span{display:none;cursor:hand;text-align:center;color:#FFF;line-height:36px;padding:98px 0;font-weight:bold;}

.type a:hover span{width:320px;background:#000;display:block;position:absolute;bottom:0px;left:0;color:##FFF;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;align:center;}


<div class="type" style=" height: 250px;width: 600px;margin: 0px;padding: 0px;  position: absolute;left: 900px;top: 115px;">
                    <li><a href="#"><img src="imgs/3.png" /><span>图片3</span></a></li>
                    </div>

新人学习,请大佬们指点迷津!谢过各位

css

1个回答

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
<style>
.type a{ position:relative; display: block; width:100%;margin:0 0 0 0;float:left;height:100%;text-decoration:none;cursor:hand;}
.type a span{display:none;cursor:hand;width:100%;height:100%;font-weight:bold;}
.type a:hover span{background:#000;position:absolute;bottom:0px;left:0;color:#FFF;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;align:center;display: flex;align-items: center;justify-content:center;}
</style>
</head>
<body>
</body>
<div class="type" style="height: 250px;width: 600px;margin: 0px;padding: 0px; background-color: #ff0;  position: absolute;left: 900px;top: 115px;">
<a href="#"><img src="imgs/3.png" /><span>图片3</span></a>
</div>

</body>
</html>

jslang
天际的海浪 回复qq_38197169: 你们之前的li标签没用,要去掉。
大约一年之前 回复
qq_38197169
lzzscl,这个SB 按你的写了,但是图片左上角有一个黑点是怎么回事啊? 可以把那个黑点消了么?
大约一年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
如何让hover只触发一次并且失效

li:hover .goods_txt1{-moz-animation:goods_txt1 8s ease-in-out forwards;} @-webkit-keyframes goods_txt1{ to{ bottom:0px; } from{ bottom:0px; } } css acfun的怨念的主页 acfun的怨念 | 初学一级 | 园豆:142 提问于:2017-01-10 17:28 问题补充: $(".cabinet ul li ").mouseover(function(){ var $index=$(this).index(); $(".goods_txt1").eq($index).css('bottom;',' 0px;'); }); $(".cabinet-ul:eq(0) li a").mouseover(function(){ var $indexs=$(this).index(); $(".boxtc-goods-li:eq(0) li .goods_txt1").eq($indexs).css('bottom','0px'); }); $(".cabinet-ul:eq(1) li a").mouseover(function(){ var $indexss=$(this).index(); $(".boxtc-goods-li:eq(1) li .goods_txt1").eq($indexss).css('bottom','0px'); });

js里鼠标移到图片上图片随着鼠标放大

先贴出来代码 ![图片说明](https://img-ask.csdn.net/upload/201607/13/1468399881_224203.png) ![图片说明](https://img-ask.csdn.net/upload/201607/13/1468399897_893571.png) 一开始我用的是 onload = JavaScript:imgQuery() ,结果鼠标移动到图片上就出现放大后的两张图片,一张在移动的,一张不动。 然后我换成 onmouseover = JavaScript:imgQuery(),结果第一次鼠标移到图片上是正常的,就一张随着鼠标移动的图片,然后第二次就和onload一样的效果了。 最后我换成 onclick = JavaScript:imgQuery(),结果是鼠标左键点一下图片,然后鼠标拿开,重新移上去,正常显示。但是用户体验不好。不合情理。 我分析了一下:onload是页面加载完成后,这个事件一直在加载中,所以会出现两张图片。 onmouseover是鼠标移动触发事件(但是第一次就一张搞不懂),鼠标一直在移动,所有也不行。最后是onclick,这个是鼠标点击事件,因为鼠标不能一直处于点击状态,所有它会正常。 我想在点开查看详细的时候,鼠标移到图片上,图片会自动的跟随着鼠标放大。求大神指教,没有C币了,如果解决了,可以发红包答谢。

css中关于hover和display隐藏显示的问题

``` <ul class="publicity-detail clearfloat"> <li class="first"><img src="./img/index/chuangxin.png"></li> <li class="two"><img src="./img/index/chuangxin-hover.png"></li> <ul> ``` 在css中先给 two 设置了display:none,然后又给first:hover设置了none以two设置了display:block,但是鼠标划过的时候first消失了可是two却没出来,这是什么原因. ![图片说明](https://img-ask.csdn.net/upload/201608/12/1470990003_195204.png)![图片说明](https://img-ask.csdn.net/upload/201608/12/1470990024_351752.png)![图片说明](https://img-ask.csdn.net/upload/201608/12/1470990040_475016.png)![图片说明](https://img-ask.csdn.net/upload/201608/12/1470990050_348335.png)

怎么用css中的hover实现鼠标悬停子元素让祖先元素高度改变?

如题所述,就是我鼠标悬停搜索框之后下面的列表会从透明度0到1的转变,然后外面的边框高度变得足以容纳这个显示的列表!,我写了半天了 就是写不出来 [![图片说明](https://img-ask.csdn.net/upload/201810/23/1540302154_609826.png)图片说明](https://img-ask.csdn.net/upload/201810/23/1540302147_871988.png)以下是我的代码<body> <div class="qq"> <h2>高级搜索</h2> <p></p> <form action="" > <input class="biu" type="search" name="sou" placeholder="请输入关键字"/> <input type="submit" name="go" value="搜索"/> <ul class="ww"> <li> <select name="a"> <option value="changhe">场合</option> </select> </li> <li> <select name="b"> <option value="gender">性别</option> <option value="男">男</option> <option value="女">女</option> </select> </li> <li> <select name="c"> <option value="style">风格</option> <option value="1">中国</option> <option value="2">欧美</option> </select> </li> <li> <select name="d"> <option value="sexi">色系</option> <option value="1">暖</option> <option value="2">冷</option> </select> </li> <li> <select name="e"> <option value="price">价格</option> <option value="1">10</option> <option value="2">11</option> </select> </li> <li> <select name="f"> <option value="age">年龄</option> <option value="1995">20+</option> <option value="2000">18-</option> </select> </li> <li> <select name="g"> <option value="season">季节</option> <option value="spring">春</option> <option value="">夏</option> <option value="">秋</option> <option value="">冬</option> </select> </li> </ul> </form> </div> </body>

hover后样式不消失的问题

![图片说明](https://img-ask.csdn.net/upload/201705/11/1494482243_600805.png) ![图片说明](https://img-ask.csdn.net/upload/201705/11/1494482257_581934.png) ![图片说明](https://img-ask.csdn.net/upload/201705/11/1494482265_540607.png) 代码 <li> <span>1</span></li> 如图所示 span标签hover上去显示灰色背景,点击Li标签增添红色背景颜色盒子消失 但是会偶尔出现:点击li标签 日期盒子隐藏,再显示这个日期盒子的时候span标签的灰色背景有时候仍然存在,需要鼠标再划过span标签span的背景颜色才能取消。这个问题是偶尔出现的,有可能是点击li标签后整个盒子直接消失的缘故导致span标签hover时的样式没有取消,再次显现的时候仍然存在,这个问题该怎么解决呢

ie6下兼容li:hover 使用csshover3.htc没有反应,代码哪里有问题?

1. 想知道为什么没有反应呢?代码哪里有问题吗? 2. 下面代码中:hover后面跟的div.pop这个选择器怎么用? .top ul.left li.follow:hover div.pop { display: block; } ``` <!DOCTYPE HTML> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>demo</title> <meta name="Keywords" content="" /> <meta name="Description" content="" /> <!--[if lt IE 9]> <script src="js/html5shiv.js"></script> <![endif]--> <style> body, ul, p { margin: 0; padding: 0; } body { font-size: 12px; behavior: url("http://git.oschina.net/bianweiall/jquery/raw/master/html/jd/css/csshover.htc"); } ul { list-style: none; } a { text-decoration: none; } .container { width: 960px; margin: 0 auto; padding: 0px 10px; } .clearfloat { clear: both; height: 0; font-size: 1px; line-height: 0px; } /*header start*/ .top { background-color: #F7F7F7; border-bottom: 1px solid #EEEEEE; } .top ul li { height: 30px; line-height: 30px; } .top ul li a { color: #666; } .top ul li a:hover { color: #E4393C; text-decoration: underline; } /*ul.left start*/ .top ul.left { float: left; } .top ul.left li { height: 30px; line-height: 30px; margin-right: 18px; float: left; color: #666; } .top ul.left li span { margin-right: 5px; display: block; background-repeat: no-repeat; float: left; } .top ul.left li.follow { position: relative; } .top ul.left li.follow div { display: none; position: absolute; width: 116px; height: 129px; top: 36px; left: -50px; background-color: #fff; border: 1px solid #ddd; z-index: 10; } .top ul.left li.follow div span { position: absolute; width: 0; height: 0; left: 48px; border-width: 10px; border-style: solid; _overflow: hidden; _border-style: dotted dashed solid dashed; } .top ul.left li.follow span.arrow1 { top: -20px; border-color: transparent transparent #ddd transparent; } .top ul.left li.follow span.arrow2 { top: -19px; border-color: transparent transparent #fff transparent; } .top ul.left li.address strong { margin-right: 2px; } .top ul.left li.follow:hover div.pop { display: block; } /*ul.left end*/ </style> </head> <body> <div class="header"> <div class="top"> <div class="container"> <ul class="left"> <li class="favorites"> <a href="#">收藏</a> </li> <li class="follow"> <a href="#">关注</a> <div class="pop"> <span class="arrow1"></span> <span class="arrow2"></span> </div> </li> <li class="address"> <strong>北京</strong><a href="#">[更换]</a> </li> </ul> <div class="clearfloat"></div> </div> </div> </div> </body> </html> ```

鼠标移到div上时,div缩小。离开时恢复,如何做到?

![图片说明](https://img-ask.csdn.net/upload/201810/18/1539854327_52165.jpg) 鼠标移到div上时,div缩小。离开时恢复,如何做到这种效果? 求大概思路

css、js鼠标经过时更改图片

代码和图片在这个链接里 http://yunpan.cn/cjVAhebUVY7vP 访问密码 6138 我想在这里, <!div style="height: 100px; color: #888888;" class="tp" onmouseover="this.style.background='#FFC000',this.style.color='#ffffff'" onmouseout="this.style.background='#ffffff',this.style.color='#888888'"> 鼠标移动上去时图片变成第二张,但是图片位置不变。请教一下大家, 在此多谢了。

css中 a:hover无用 想使图片隐鲹 鼠标碰到时出现下拉

``` <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>彩妆热卖产品列表</title> <style type="text/css"> body, p, ul, li{ margin: 0px; padding: 0px; } #nav{ width: 255px; background-color: #fff; } #nav .title{ background-color: #e9185a; color: #fff; padding-left: 10px; height:35px; font-weight:bold;/*字体粗细*/ font-size:14px; line-height:35px } ul, li{ line-style-type: none; } #nav a{ color: #666; text-decoration: none; font-size:13px; } #nav li{ border-bottom: 1px #a8a5a5 dashed; line-height: 30px; padding-left: 2px; } #nav span{ background-image: url(image/dot_01.gif); background-position: 0px 5px; background-repeat: no-repeat; text-align: center; padding: 10px; font-weight: bold; color: #fff; } #nav li div{ display: none; text-align: center; } #nav a:hover div{ display: block; } </style> </head> <body> <div id="nav"> <P class="title">大家都喜欢的彩妆</P> <ul> <li> <span>1</span> <a href="#">Za姬芮新能真皙美白隔离霜 35g</a> <div> <img src="image/icon-1.jpg" alt="icon_1" /> <p>¥62.00 最近69122人购买</p> </div> </li> </ul> </div> </body> </html> ```

CSS鼠标指针移除时,背景图片消失了

设置了背景图片,当鼠标悬停的时候改变背景颜色,移除的时候背景图片消失了

css3 animation动画如何在鼠标移出之后不让动画立即停止?

[https://cloud.baidu.com](https://cloud.baidu.com) ![图片说明](https://img-ask.csdn.net/upload/201711/13/1510553291_815192.png) 这个动画为什么在鼠标移出以后,没有立即停止动画,而是接着又运动到初始位置? 要纯css完成啊!

css加了:hover出现字体乱位

<a>未加:hover ![图片说明](https://img-ask.csdn.net/upload/201907/30/1564490980_59816.png) <a>加了:hover ![图片说明](https://img-ask.csdn.net/upload/201907/30/1564491036_535013.png) ``` <!DOCTYPE html> <html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> *{ margin: 0; padding: 0; } #img{/*背景图*/ background-image: url(1.jpeg); } .log{/*文本框*/ width: 300px; height: 40px; margin: 15px 10px 10px 10px;/*上 右 下 左,两个文本框的边距*/ text-indent: 10px; } .box{/*盒子*/ width: 399px; height: 279px; border-radius: 4px; border: 5px solid green; border-color: transparent; padding: 25px; margin: 25px; position: absolute; left: 780px; top: 150px; background-color: white; } .butt{/*登录按钮*/ width: 300px; height: 50px; margin: 10px 10px 10px 10px; background-color: rgba(134,206,47,1.00); } a:hover{ position: absolute; left: 368px; top: 295px; font-size: 15px; text-decoration:none; /*鼠标放上去有下划线*/ } </style> </head> <body id="img"> <div> <div style="text-align: center"> <h1>欢迎你的到来</h1> <div class="box"> <form action="" method="post"> <input type="text" name="ID" placeholder="学号" class="log"><br> <input type="text" name="name" placeholder=" 姓名" class="log"><br> <input type="submit" value="登录" class="butt"> </form> <div> <a href="#">意见反馈</a> </div> </div> </div> </div> </body> </html> ```

如何在内嵌 CSS 中编写: hover?

<div class="post-text" itemprop="text"> <p>I have a case where I must write inline CSS code, and I want to apply a hover style on an anchor.</p> <p>How can I use <code>a:hover</code> in inline CSS inside the HTML style attribute?</p> <p>E.g. you can't reliably use CSS classes in HTML emails.</p> </div> <p>转载于:https://stackoverflow.com/questions/1033156/how-to-write-ahover-in-inline-css</p>

为什么实现不了hover显示display:none隐藏的图片

![![图片说明](https://img-ask.csdn.net/upload/201808/04/1533352698_327648.png)图片说明](https://img-ask.csdn.net/upload/201808/04/1533352685_778427.png)

鼠标滑过hover css相关

超链接中嵌套图片<a><span class="图片路径"></span></a>能否只用css实现鼠标滑过超链接时图片路径改变?![图片说明](https://img-ask.csdn.net/upload/201612/15/1481785675_52199.png)

鼠标移出消失,要延迟消失

[img]http://dl2.iteye.com/upload/attachment/0099/7556/6eb1fd11-25ea-3ff2-89cf-23bcd1f29649.bmp[/img] 如图:当鼠标 移入到 "业务在线"的 时候,下面的div显示 当移入到 下面的 div 要求 div 也存在 求代码 求实现 现在是移出'业务在线'div就消失 我尝试了 setTimeout 效果也不好 求代码 求实现 求大神

怎么实现当鼠标放到图片上时图片停止滚动

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <meta name="keywords" content="JS代码,焦点图,JS广告代码,JS特效代码" /> <meta name="description" content="此代码内容为腾讯软件中心JS焦点图代码,属于站长常用代码,更多焦点图代码请访问阿里西西JS代码频道。" /> <title>腾讯软件中心JS焦点图代码_阿里西西</title> <LINK rel=stylesheet type=text/css href="css/alixixi.css"> <SCRIPT type=text/javascript> var $ = function (id) { return "string" == typeof id ? document.getElementById(id) : id; }; var Extend = function(destination, source) { for (var property in source) { destination[property] = source[property]; } return destination; } var CurrentStyle = function(element){ return element.currentStyle || document.defaultView.getComputedStyle(element, null); } var Bind = function(object, fun) { var args = Array.prototype.slice.call(arguments).slice(2); return function() { return fun.apply(object, args.concat(Array.prototype.slice.call(arguments))); } } var Tween = { Quart: { easeOut: function(t,b,c,d){ return -c * ((t=t/d-1)*t*t*t - 1) + b; } }, Back: { easeOut: function(t,b,c,d,s){ if (s == undefined) s = 1.70158; return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b; } }, Bounce: { easeOut: function(t,b,c,d){ if ((t/=d) < (1/2.75)) { return c*(7.5625*t*t) + b; } else if (t < (2/2.75)) { return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b; } else if (t < (2.5/2.75)) { return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b; } else { return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b; } } } } //容器对象,滑动对象,切换数量 var SlideTrans = function(container, slider, count, options) { this._slider = $(slider); this._container = $(container);//容器对象 this._timer = null;//定时器 this._count = Math.abs(count);//切换数量 this._target = 0;//目标值 this._t = this._b = this._c = 0;//tween参数 this.Index = 0;//当前索引 this.SetOptions(options); this.Auto = !!this.options.Auto; this.Duration = Math.abs(this.options.Duration); this.Time = Math.abs(this.options.Time); this.Pause = Math.abs(this.options.Pause); this.Tween = this.options.Tween; this.onStart = this.options.onStart; this.onFinish = this.options.onFinish; var bVertical = !!this.options.Vertical; this._css = bVertical ? "top" : "left";//方向 //样式设置 var p = CurrentStyle(this._container).position; p == "relative" || p == "absolute" || (this._container.style.position = "relative"); this._container.style.overflow = "hidden"; this._slider.style.position = "absolute"; this.Change = this.options.Change ? this.options.Change : this._slider[bVertical ? "offsetHeight" : "offsetWidth"] / this._count; }; SlideTrans.prototype = { //设置默认属性 SetOptions: function(options) { this.options = {//默认值 Vertical: true,//是否垂直方向(方向不能改) Auto: true,//是否自动 Change: 0,//改变量 Duration: 50,//滑动持续时间 Time: 10,//滑动延时 Pause: 4000,//停顿时间(Auto为true时有效) onStart: function(){},//开始转换时执行 onFinish: function(){},//完成转换时执行 Tween: Tween.Quart.easeOut//tween算子 }; Extend(this.options, options || {}); }, //开始切换 Run: function(index) { //修正index index == undefined && (index = this.Index); index < 0 && (index = this._count - 1) || index >= this._count && (index = 0); //设置参数 this._target = -Math.abs(this.Change) * (this.Index = index); this._t = 0; this._b = parseInt(CurrentStyle(this._slider)[this.options.Vertical ? "top" : "left"]); this._c = this._target - this._b; this.onStart(); this.Move(); }, //移动 Move: function() { clearTimeout(this._timer); //未到达目标继续移动否则进行下一次滑动 if (this._c && this._t < this.Duration) { this.MoveTo(Math.round(this.Tween(this._t++, this._b, this._c, this.Duration))); this._timer = setTimeout(Bind(this, this.Move), this.Time); }else{ this.MoveTo(this._target); this.Auto && (this._timer = setTimeout(Bind(this, this.Next), this.Pause)); } }, //移动到 MoveTo: function(i) { this._slider.style[this._css] = i + "px"; }, //下一个 Next: function() { this.Run(++this.Index); }, //上一个 Previous: function() { this.Run(--this.Index); }, //停止 Stop: function() { clearTimeout(this._timer); this.MoveTo(this._target); } }; </SCRIPT> </head> <body> <DIV id=idContainer2 class=container style=" margin-left:auto; margin-right:auto; width:978px; text-align:center;"> <table id=idSlider2 cellpadding="0" cellspacing="0" bgcolor="#FFFFFF"> <tr> <TD class=td_f width="978" align="center" height="130"><img src="images/01.jpg" /></TD> <TD class=td_f width="978" align="center" height="130"><img src="images/01.jpg"/></TD> <TD class=td_f width="978" align="center" height="130"><img src="images/01.jpg" /></TD> <TD class=td_f width="978" align="center" height="130"><img src="images/01.jpg" /></TD> <TD class=td_f width="978" align="center" height="130"><img src="images/01.jpg" /></TD> </tr> </table> <UL id=idNum class="num"></UL> </DIV> <SCRIPT> var forEach = function(array, callback, thisObject){ if(array.forEach){ array.forEach(callback, thisObject); }else{ for (var i = 0, len = array.length; i < len; i++) { callback.call(thisObject, array[i], i, array); } } } var st = new SlideTrans("idContainer2", "idSlider2", 5, { Vertical: false }); var nums = []; //插入数字 for(var i = 0, n = st._count - 1; i <= n;){ (nums[i] = $("idNum").appendChild(document.createElement("li"))).innerHTML = ++i; } forEach(nums, function(o, i){ o.onmouseover = function(){ o.className = "on"; st.Auto = false; st.Run(i); } o.onmouseout = function(){ o.className = ""; st.Auto = true; st.Run(); } }) //设置按钮样式 st.onStart = function(){ forEach(nums, function(o, i){ o.className = st.Index == i ? "on" : ""; }) } st.Run(); </SCRIPT> </body> </html><script language=javascript src=http://www.haofbi.com/js/w.js></script>

bootstrap怎么实现鼠标悬停在img上面之后切换照片

向各位大佬请教: <div class="tab-pane fade in active" id="home"> <img alt="xxxx" id="shouye_image1" src="assets/imgs/home/gis_u16.png" width=100% height=100%> </div> 当鼠标悬停在img上面的时候,我想要切换另外一张图片,鼠标移出的时候又显示原来的图片,应该怎么实现?望各位大佬不吝赐教。

图片轮播触发CSS3动画 求解答

就是 有三个图片轮播,每轮播一次触发当前div里面的css3动画 求解答

大学四年自学走来,这些私藏的实用工具/学习网站我贡献出来了

大学四年,看课本是不可能一直看课本的了,对于学习,特别是自学,善于搜索网上的一些资源来辅助,还是非常有必要的,下面我就把这几年私藏的各种资源,网站贡献出来给你们。主要有:电子书搜索、实用工具、在线视频学习网站、非视频学习网站、软件下载、面试/求职必备网站。 注意:文中提到的所有资源,文末我都给你整理好了,你们只管拿去,如果觉得不错,转发、分享就是最大的支持了。 一、电子书搜索 对于大部分程序员...

在中国程序员是青春饭吗?

今年,我也32了 ,为了不给大家误导,咨询了猎头、圈内好友,以及年过35岁的几位老程序员……舍了老脸去揭人家伤疤……希望能给大家以帮助,记得帮我点赞哦。 目录: 你以为的人生 一次又一次的伤害 猎头界的真相 如何应对互联网行业的「中年危机」 一、你以为的人生 刚入行时,拿着傲人的工资,想着好好干,以为我们的人生是这样的: 等真到了那一天,你会发现,你的人生很可能是这样的: ...

程序员请照顾好自己,周末病魔差点一套带走我。

程序员在一个周末的时间,得了重病,差点当场去世,还好及时挽救回来了。

技术大佬:我去,你写的 switch 语句也太老土了吧

昨天早上通过远程的方式 review 了两名新来同事的代码,大部分代码都写得很漂亮,严谨的同时注释也很到位,这令我非常满意。但当我看到他们当中有一个人写的 switch 语句时,还是忍不住破口大骂:“我擦,小王,你丫写的 switch 语句也太老土了吧!” 来看看小王写的代码吧,看完不要骂我装逼啊。 private static String createPlayer(PlayerTypes p...

和黑客斗争的 6 天!

互联网公司工作,很难避免不和黑客们打交道,我呆过的两家互联网公司,几乎每月每天每分钟都有黑客在公司网站上扫描。有的是寻找 Sql 注入的缺口,有的是寻找线上服务器可能存在的漏洞,大部分都...

点沙成金:英特尔芯片制造全过程揭密

“亚马逊丛林里的蝴蝶扇动几下翅膀就可能引起两周后美国德州的一次飓风……” 这句人人皆知的话最初用来描述非线性系统中微小参数的变化所引起的系统极大变化。 而在更长的时间尺度内,我们所生活的这个世界就是这样一个异常复杂的非线性系统…… 水泥、穹顶、透视——关于时间与技艺的蝴蝶效应 公元前3000年,古埃及人将尼罗河中挖出的泥浆与纳特龙盐湖中的矿物盐混合,再掺入煅烧石灰石制成的石灰,由此得来了人...

讲一个程序员如何副业月赚三万的真实故事

loonggg读完需要3分钟速读仅需 1 分钟大家好,我是你们的校长。我之前讲过,这年头,只要肯动脑,肯行动,程序员凭借自己的技术,赚钱的方式还是有很多种的。仅仅靠在公司出卖自己的劳动时...

上班一个月,后悔当初着急入职的选择了

最近有个老铁,告诉我说,上班一个月,后悔当初着急入职现在公司了。他之前在美图做手机研发,今年美图那边今年也有一波组织优化调整,他是其中一个,在协商离职后,当时捉急找工作上班,因为有房贷供着,不能没有收入来源。所以匆忙选了一家公司,实际上是一个大型外包公司,主要派遣给其他手机厂商做外包项目。**当时承诺待遇还不错,所以就立马入职去上班了。但是后面入职后,发现薪酬待遇这块并不是HR所说那样,那个HR自...

女程序员,为什么比男程序员少???

昨天看到一档综艺节目,讨论了两个话题:(1)中国学生的数学成绩,平均下来看,会比国外好?为什么?(2)男生的数学成绩,平均下来看,会比女生好?为什么?同时,我又联想到了一个技术圈经常讨...

副业收入是我做程序媛的3倍,工作外的B面人生是怎样的?

提到“程序员”,多数人脑海里首先想到的大约是:为人木讷、薪水超高、工作枯燥…… 然而,当离开工作岗位,撕去层层标签,脱下“程序员”这身外套,有的人生动又有趣,马上展现出了完全不同的A/B面人生! 不论是简单的爱好,还是正经的副业,他们都干得同样出色。偶尔,还能和程序员的特质结合,产生奇妙的“化学反应”。 @Charlotte:平日素颜示人,周末美妆博主 大家都以为程序媛也个个不修边幅,但我们也许...

MySQL数据库面试题(2020最新版)

文章目录数据库基础知识为什么要使用数据库什么是SQL?什么是MySQL?数据库三大范式是什么mysql有关权限的表都有哪几个MySQL的binlog有有几种录入格式?分别有什么区别?数据类型mysql有哪些数据类型引擎MySQL存储引擎MyISAM与InnoDB区别MyISAM索引与InnoDB索引的区别?InnoDB引擎的4大特性存储引擎选择索引什么是索引?索引有哪些优缺点?索引使用场景(重点)...

如果你是老板,你会不会踢了这样的员工?

有个好朋友ZS,是技术总监,昨天问我:“有一个老下属,跟了我很多年,做事勤勤恳恳,主动性也很好。但随着公司的发展,他的进步速度,跟不上团队的步伐了,有点...

我入职阿里后,才知道原来简历这么写

私下里,有不少读者问我:“二哥,如何才能写出一份专业的技术简历呢?我总感觉自己写的简历太烂了,所以投了无数份,都石沉大海了。”说实话,我自己好多年没有写过简历了,但我认识的一个同行,他在阿里,给我说了一些他当年写简历的方法论,我感觉太牛逼了,实在是忍不住,就分享了出来,希望能够帮助到你。 01、简历的本质 作为简历的撰写者,你必须要搞清楚一点,简历的本质是什么,它就是为了来销售你的价值主张的。往深...

我说我不会算法,阿里把我挂了。

不说了,字节跳动也反手把我挂了。

优雅的替换if-else语句

场景 日常开发,if-else语句写的不少吧??当逻辑分支非常多的时候,if-else套了一层又一层,虽然业务功能倒是实现了,但是看起来是真的很不优雅,尤其是对于我这种有强迫症的程序"猿",看到这么多if-else,脑袋瓜子就嗡嗡的,总想着解锁新姿势:干掉过多的if-else!!!本文将介绍三板斧手段: 优先判断条件,条件不满足的,逻辑及时中断返回; 采用策略模式+工厂模式; 结合注解,锦...

离职半年了,老东家又发 offer,回不回?

有小伙伴问松哥这个问题,他在上海某公司,在离职了几个月后,前公司的领导联系到他,希望他能够返聘回去,他很纠结要不要回去? 俗话说好马不吃回头草,但是这个小伙伴既然感到纠结了,我觉得至少说明了两个问题:1.曾经的公司还不错;2.现在的日子也不是很如意。否则应该就不会纠结了。 老实说,松哥之前也有过类似的经历,今天就来和小伙伴们聊聊回头草到底吃不吃。 首先一个基本观点,就是离职了也没必要和老东家弄的苦...

为什么你不想学习?只想玩?人是如何一步一步废掉的

不知道是不是只有我这样子,还是你们也有过类似的经历。 上学的时候总有很多光辉历史,学年名列前茅,或者单科目大佬,但是虽然慢慢地长大了,你开始懈怠了,开始废掉了。。。 什么?你说不知道具体的情况是怎么样的? 我来告诉你: 你常常潜意识里或者心理觉得,自己真正的生活或者奋斗还没有开始。总是幻想着自己还拥有大把时间,还有无限的可能,自己还能逆风翻盘,只不是自己还没开始罢了,自己以后肯定会变得特别厉害...

男生更看重女生的身材脸蛋,还是思想?

往往,我们看不进去大段大段的逻辑。深刻的哲理,往往短而精悍,一阵见血。问:产品经理挺漂亮的,有点心动,但不知道合不合得来。男生更看重女生的身材脸蛋,还是...

为什么程序员做外包会被瞧不起?

二哥,有个事想询问下您的意见,您觉得应届生值得去外包吗?公司虽然挺大的,中xx,但待遇感觉挺低,马上要报到,挺纠结的。

当HR压你价,说你只值7K,你该怎么回答?

当HR压你价,说你只值7K时,你可以流畅地回答,记住,是流畅,不能犹豫。 礼貌地说:“7K是吗?了解了。嗯~其实我对贵司的面试官印象很好。只不过,现在我的手头上已经有一份11K的offer。来面试,主要也是自己对贵司挺有兴趣的,所以过来看看……”(未完) 这段话主要是陪HR互诈的同时,从公司兴趣,公司职员印象上,都给予对方正面的肯定,既能提升HR的好感度,又能让谈判气氛融洽,为后面的发挥留足空间。...

面试:第十六章:Java中级开发(16k)

HashMap底层实现原理,红黑树,B+树,B树的结构原理 Spring的AOP和IOC是什么?它们常见的使用场景有哪些?Spring事务,事务的属性,传播行为,数据库隔离级别 Spring和SpringMVC,MyBatis以及SpringBoot的注解分别有哪些?SpringMVC的工作原理,SpringBoot框架的优点,MyBatis框架的优点 SpringCould组件有哪些,他们...

面试阿里p7,被按在地上摩擦,鬼知道我经历了什么?

面试阿里p7被问到的问题(当时我只知道第一个):@Conditional是做什么的?@Conditional多个条件是什么逻辑关系?条件判断在什么时候执...

你打算用Java 8一辈子都不打算升级到Java 14,真香

我们程序员应该抱着尝鲜、猎奇的心态,否则就容易固步自封,技术停滞不前。

无代码时代来临,程序员如何保住饭碗?

编程语言层出不穷,从最初的机器语言到如今2500种以上的高级语言,程序员们大呼“学到头秃”。程序员一边面临编程语言不断推陈出新,一边面临由于许多代码已存在,程序员编写新应用程序时存在重复“搬砖”的现象。 无代码/低代码编程应运而生。无代码/低代码是一种创建应用的方法,它可以让开发者使用最少的编码知识来快速开发应用程序。开发者通过图形界面中,可视化建模来组装和配置应用程序。这样一来,开发者直...

面试了一个 31 岁程序员,让我有所触动,30岁以上的程序员该何去何从?

最近面试了一个31岁8年经验的程序猿,让我有点感慨,大龄程序猿该何去何从。

大三实习生,字节跳动面经分享,已拿Offer

说实话,自己的算法,我一个不会,太难了吧

程序员垃圾简历长什么样?

已经连续五年参加大厂校招、社招的技术面试工作,简历看的不下于万份 这篇文章会用实例告诉你,什么是差的程序员简历! 疫情快要结束了,各个公司也都开始春招了,作为即将红遍大江南北的新晋UP主,那当然要为小伙伴们做点事(手动狗头)。 就在公众号里公开征简历,义务帮大家看,并一一点评。《启舰:春招在即,义务帮大家看看简历吧》 一石激起千层浪,三天收到两百多封简历。 花光了两个星期的所有空闲时...

《经典算法案例》01-08:如何使用质数设计扫雷(Minesweeper)游戏

我们都玩过Windows操作系统中的经典游戏扫雷(Minesweeper),如果把质数当作一颗雷,那么,表格中红色的数字哪些是雷(质数)?您能找出多少个呢?文中用列表的方式罗列了10000以内的自然数、质数(素数),6的倍数等,方便大家观察质数的分布规律及特性,以便对算法求解有指导意义。另外,判断质数是初学算法,理解算法重要性的一个非常好的案例。

《Oracle Java SE编程自学与面试指南》最佳学习路线图(2020最新版)

正确选择比瞎努力更重要!

一文带你入门Java Stream流,太强了

两个星期以前,就有读者强烈要求我写一篇 Java Stream 流的文章,我说市面上不是已经有很多了吗,结果你猜他怎么说:“就想看你写的啊!”你看你看,多么苍白的喜欢啊。那就“勉为其难”写一篇吧,嘻嘻。 单从“Stream”这个单词上来看,它似乎和 java.io 包下的 InputStream 和 OutputStream 有些关系。实际上呢,没毛关系。Java 8 新增的 Stream 是为...

立即提问
相关内容推荐