我有两层,一层是黑色叠加层： #overlay { background: rgba(0,0,0,0.7); width: 100%; height: 100%; position: fixed; left: 0; to…
标签：css
边距堆叠以及解决方案BFC
边距堆叠 一致的处理方案；设置padding或许border或许触发BFC 边距堆叠有一下三种状况： 首先把一切的margin花样清空 <head> <title>边距堆叠</title&g…
蘑菇街前端电话一面
蘑菇街电话一面 DOM事件流的介绍，事件流的顺序，IE下是否一致 跨域的了解，介绍JSONP的原理 如何实现在多行文字条件下，超过5行显示省略号 stopProgagation, preventDefault,retur…
BODY内容高度不够浏览器高时BODY背景不在最下面的解决办法
最近遇到这个问题，搜索引擎找到了答案，收藏于此文章。 我们在设计网页的时候经常会碰到要张BODY加背景的情况，BODY里面的内容足够多的时候这个问题一般不被发觉，但在BODY内容比较少的时候会发现BODY的底图背景就出现…
CSS学习笔记
IE6不支持position:fixed. 列表项目
CSS学习笔记(四) CSS优先级
为了解决冲突，确定哪条规则胜出并最终被应用，CSS提供了三种机制：继承、层叠和特指。 1.继承 CSS 中的祖先元素会向后代传递一样东西：CSS属性的值。可以继承的属性相当一部分都个文本有关，比如颜色、字体、字号。然而，…
利用键盘事件移动小方块小demo
思路： 根据键盘的unicode值来判断是键盘上的哪个键 通过定位利用键盘事件改编方块的top和left值 通过开启定时器消除长按键盘的首次卡顿情况 html <div><div> css div…
echart使用自定义单个柱状颜色实现
项目实践中遇到一个根据需要，当X轴等于某个值是，柱状变成特殊颜色的需求，大致有两个方案实现： 1、在前台遍历数据对象，判断设置； 2、在后台拼装数据是，按照格式要求拼装好； 具体代码如下： 方法一： option = {…
JS实现函数的节流和防抖
1.函数的节流 当持续触发事件时，保证一定时间段内只调用一次事件处理函数。也就是一个函数执行一次后，只有大于设定的执行周期后才会执行第二次。 记忆法：联系到水流的流量，我想让你1s只流出多少水你就只能流多少水，多的水流只…
元素总是居中且高度是宽度的一半
有一个元素element, 实现如下需求： 元素e水平垂直居中 元素e水平方向与父元素保持10px间距 元素e的高度是宽度的一半 <!DOCTYPE html> <html lang="en"> …
GRID布局
GRID布局 兼容性 IE10 IE11 支持老的语法 目前大多数的浏览器实现了支持, 或者停留在实验特性 基本概念 Grid Container 网格容器Grid Item 网格项Grid Line 网格项Grid T…
收藏 | 产品经理不可不知的 7 种技术思维
我们常说，作为技术人员要有产品思维，从产品和运营的角度去思考技术方案。是的，我们也这样做了。然而，从我多年的需求沟通及项目协调的经验来看，产品人员其实也可以有一点技术思维。 所谓技术思维，并不是让你真的用技术人员的思考方…
