-
web
-
css盒子居中对齐div {
width:200px;
height:200px;
background-color:pink;
position:absplute;
left:50%;
top:50%;
/*margin-left:100px; 需要计算不合适*/
/*水平/垂直 移动自己宽度的一半*/
transform:translate
-
web
-
css实现过度动画div {
width:300px;
height:100px;
/*transition写在div中 而不是hover中*/
/*transition: width 0.6s ease 0s,height 0.3s ease-in 1s;*/
transition: all 0.6s;/*所有属性都变化,后面连个参数可省略*/
}
/*鼠标经过盒子
-
web
-
直接上代码.div {
width:100px;
height:100px;
position:relative;/*子绝父相*/
}
.div:hover::before {
content:"";
width:100%;
height:100%;
border:10px solid rgba(255,255,255,.3);
display:bloc
-
web
-
直接上代码.overflow {
white-space:nowrap;/*首先强制一行*/
overflow:hidden;
text-overflow:ellipsis;/*超出部分使用省略号*/
}
-
web
-
直接上代码:.clearfix:after {
content:".";/*内容为小点,尽量不要空,否者旧版本浏览器有空隙*/
display:block;
height:0;
visibility:hidden;/*隐藏盒子*/
clear:both;
}
.clearfix {
*zoom:1;/* *代表ie6/7能识别的特殊符号 zoom就是ie6/7清
-
web
-
1.清除浮动.clearfix:after {
content:".";/*内容为小点,尽量不要空,否者旧版本浏览器有空隙*/
display:block;
height:0;
visibility:hidden;/*隐藏盒子*/
clear:both;
}
.clearfix {
*zoom:1;/* *代表ie6/7能识别的特殊符号 zoom就是ie6/7清
-
web
-
链接伪类选择器
:link /未访问的链接/
:visited /已访问的链接/
:hover /鼠标移到链接上/
:active /选定的链接,当我们点击别松开鼠标 显示的状态/
结构(位置)伪类选择器(css3)
:first-child /选取属于其父类的首个子元素的指定选择器/
:last-child
-
web
-
datalist<input placeholder="请输入明星" list="star">
<datalist id="star">
<option>刘德华</option>
<option>刘落英</option>
<option>刘一</
-
java
-
在高并发业务场景下,消息队列在流量削峰、解耦上有不可替代的作用。当前使用较多的消息队列有 RabbitMQ、RocketMQ、ActiveMQ、Kafka、ZeroMQ、Pulsar 等。消息队列这么多,到底该选择哪款消息队列呢?选择消息队列的基本标准虽然这些消息队列在功能和特性方面各有优劣,但我们在选择的时候要有一个基本标准。首先,必须是开源的产品。开源意味着,如果有一天你使用的消息队列遇到了一
-
zixun
-
Python 3.8.0 正式发布了,以下是主要更新内容:PEP 572, 赋值表达式PEP 570, 仅位置参数PEP 587, Python 初始化配置(改进嵌入)PEP 590, Vectorcall:CPython 的快速调用协议PEP 578, 运行时审核挂钩PEP 574, 带外数据的 Pickle 协议 5Typing 相关:PEP 591,PEP 586,PEP 589并行文件系统
-
zixun
-
TIOBE在前段时间公布了编程语言排行榜2019年10月的数据,编程语言10月的排名有了新的变化,Python继教占领第三名,Java还是稳居第一,C++本月又降了1.36%。下面一起来看看2019年10月编程语言排行榜。
2019年10月编程语言排行榜看点: TIOBE编程语言排行榜10月的标题比较有趣 ——“Top 8 of the TIOBE index quite stable
-
cheng
-
医患是相辅相成的,医生在病患身上开拓着医学的荒漠,而病人则从医学的进步获益。但医学史,并非都如此美好,也经常突破着道德的底线。 病人马丁和医生博蒙特,就是一对不符合人类道德观的科学伴侣。在病人身上,医生用 8 年间完成了 238 次残忍的人体实验,自己成了胃生理学之父。 而病人马丁,则获得了一个伴随一生的胃部“大窟窿”。如果不捂紧,连饭菜都会从洞口流出。左:病人马丁,右上:医生博蒙特,右下:马丁胃
-
cheng
-
信息技术行业,也就是我们所说的IT行业,有着传统行业所未有的发展速度和模式,当然也有着它独特的发展定律。如果你是从事相关行业,下面讲到的三条定律,不可不知。摩尔定律比尔·盖茨曾跟通用公司老板说:如果汽车工业能够像计算机领域一样发展,那么今天,买一辆一车只需要25美元,一升汽油能够跑400公里。在传统行业这是不可能的事,而在计算机行业却是司空见惯的。摩尔定律是由英特尔(Intel)创始人之一戈登·摩
-
cheng
-
最近整理了一些在GitHub上比较热门的开源项目关于GitHub,快速了解请戳这里其中涵盖了:学习教程,面试总结,实用工具,框架,机器学习等东西比较杂,要学的东西也比较多,先存着,然后一点一点学小伙伴们有收藏的好项目,也请分享一下呀~1.JavaGuidehttps://github.com/Snailclimb/JavaGuideJava学习+面试指南:一份涵盖大部分Java程序员所需要掌握的核
-
hgweb
-
十八、生成随机数1,random 函数介绍random 函数原型如下,它将产生一个包括 lower 与 upper 之间的随机数:如果只提供一个参数,则返回一个 0 到提供数之间的数。如果 floating 设为 true,或者 lower 或 upper 是浮点数,则结果返回浮点数。 _.random([lower=0], [upper=1], [floating])2,生成随机整数(1)下面代
-
hgweb
-
十七、类型检查、类型判断1,inNumber该方法可以检查 value 是否是原始 Number 数值型或者对象。注意:对于 Infinity、-Infinity、以及 NaN 数值类型,该方法也是返回 true。如果需要将它们排除,可以用 _.isFinite 方法。_.isNumber(3); // => true
_.isNumber(Number.MIN_VALUE);
-
hgweb
-
十六、判断是否为空1,isEmpty(1)isEmpty 方法可以检查 value 是否为一个空对象、集合、映射或者 set:对象如果没有自己的可枚举属性的对象,则被认为是空。类数组值,比如 arguments 对象、array、buffer、string 或者类 jQuery 集合的 length 为 0,被认为是空。同样的 map 和 set 的 size 为 0,被认为是空。(2)下面是一个
-
hgweb
-
十五、深比较,判断是否包含某属性或属性值1,两个对象进行深比较(1)isEqual 方法可以执行深比较来确定两者的值是否相等。 该方法支持比较 arrays, array buffers, booleans, date objects, error objects, maps, numbers, Object objects, regexes, sets, strings, symbols, 以
-
hgweb
-
十四、浅拷贝1,什么是浅拷贝?浅拷贝(浅克隆)指的是只拷贝第一层的原始类型值,和第一层的引用类型地址。对象的 Object.assign(),数组的 Array.prototype.slice() 和 Array.prototype.concat(),还有 ES6 的扩展运算符,都属于浅拷贝。
2,clone 方法(1)clone 方法可以创建一个 value 的浅拷贝。 下面是浅拷贝一个 Ob
-
hgweb
-
十三、创建对一个函数结果取反的函数1,negate 方法negate 方法可以创建一个针对断言函数 func 结果取反的函数。2,使用样例function isEven(n) {
return n % 2 == 0;
}
var even = _.filter([1, 2, 3, 4, 5, 6], isEven);
console.log("偶数", even);
v