摘要: 1、左右居中可,用margin:0 auto,但是上下居中就不能像这样用margin:auto 0了,可以用定位。 2、对一个元素同时用position和magin的话,会产生一些问题。例如:只有margin属性,没有position,这是设置margin:0 auto;会居中对齐。但是例如如果加了 阅读全文
posted @ 2018-07-10 21:43 mojito1996 阅读(89) 评论(0) 推荐(0)
摘要: hhh,终于创建了博客园博客~ 开张大吉!!! 阅读全文
posted @ 2018-05-10 19:58 mojito1996 阅读(76) 评论(0) 推荐(0)
摘要: 事件冒泡:触发事件的那个节点,如果外层绑定了同类型的事件如click,则事件会从触发的那个节点开始向外触发(往外冒泡,一层一层,只要绑定了同类型事件<无论是通过事件委托绑定的还是单独绑定的>,依次触发事件,表现对应的事件内容,因为各事件绑定的内容可能不一样,所以事件表现也会不同)直到含有同类型事件的 阅读全文
posted @ 2018-09-28 20:12 mojito1996 阅读(145) 评论(0) 推荐(0)
摘要: 1、 居中对齐 给父节点设置一个position为非static的属性,然后给目标属性设置position为absolutely,top为50%,再设置一个transform:translateY(-50%) div {position: relative;width: 100px;height: 阅读全文
posted @ 2018-08-02 12:12 mojito1996 阅读(136) 评论(0) 推荐(0)
摘要: 标签1:hover 表达鼠标滑过标签1时标签1发生属性变化 标签1:hover 标签2{} 表达鼠标滑过标签1时标签2发生属性变化 有时候我们做某个功能的时候例如轮播图里面按钮的显示与隐藏,对按钮的某个class或者id设置了隐藏,不能再对同一个选择器设置它的伪类 因为这样会不起作用,按钮已经隐藏, 阅读全文
posted @ 2018-08-01 16:26 mojito1996 阅读(86) 评论(0) 推荐(0)
摘要: 自定义属性 data-methodName 属性赋予我们在所有 HTML 元素上嵌入自定义 data 属性的能力 调用该属性使用 dataset.methodName 进行调用 objectName.closest(Selctor) 方法找到该对象最近的含有 Selctor 匹配元素的选择器 ... 阅读全文
posted @ 2018-07-28 17:40 mojito1996 阅读(126) 评论(0) 推荐(0)
摘要: // this 代表的是函数前边那个点左边的那个东西 Student.prototype.update = function(name, sexy) { this.name = name this.sexy = sexy}var obj = new Student(); // 此时 this 代表的 阅读全文
posted @ 2018-07-26 12:00 mojito1996 阅读(101) 评论(0) 推荐(0)
摘要: margin: top right bottom left 4个 margin:(top/bottom) (left/right) 2个 margin:top (left/right) bottom 3个 阅读全文
posted @ 2018-07-20 10:17 mojito1996 阅读(222) 评论(0) 推荐(0)
摘要: static: 默认属性; absolute:绝对定位,忽略其他所有东西,往上以一个离得最近的非static元素为基准进行定位,没有非static元素则以body为基准, 使用绝对定位会造成原本结构的变化,原本位置会被其他元素占用; relative:相对定位,以该元素原本位置为基准进行定位, 使用 阅读全文
posted @ 2018-07-20 09:33 mojito1996 阅读(98) 评论(0) 推荐(0)
摘要: 一个函数调用本身或者两个函数相互调用 举例(函数调用本身,求阶层) return 6 * factorial(5) 5 * factorial(4) 4 * factorial(3) 3 * factotial(2) 2 * factorial(1) 1 * factorial(0) 1 阅读全文
posted @ 2018-07-18 09:39 mojito1996 阅读(91) 评论(0) 推荐(0)
摘要: 一个js文件中,包含多个函数,应该只有一个调用,例如: 阅读全文
posted @ 2018-07-17 12:21 mojito1996 阅读(134) 评论(0) 推荐(0)
摘要: var fun = function(x) { if (x < 1) { return x; } else { return -x; } } // 自动测试 function ensure(condition, message) { if (!condition) { console.log(message) } } // 运行testFun(),发现结果不符自动输出错误... 阅读全文
posted @ 2018-07-17 11:51 mojito1996 阅读(128) 评论(0) 推荐(0)