07 2018 档案

data- & closest()
摘要：自定义属性 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缩写
摘要：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)
position
摘要：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规范
摘要：一个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)
debug的调试
摘要：console.log() 显示运行路径/显示相关参数 阅读全文
posted @ 2018-07-16 16:32 mojito1996 阅读(75) 评论(0) 推荐(0)
question
摘要：1、animation设置动画， 例如 animation: p1_lantern .5s infinite alternate; @keyframes p1_lantern { 0% { opacity: .5; -webkit-transform: scale(.8, .8); transfor 阅读全文
posted @ 2018-07-11 10:58 mojito1996 阅读(94) 评论(0) 推荐(0)
零碎记
摘要：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)
最近的祖先元素position为absolute/relative对后代元素的影响区别
摘要：父级元素absolute/relative好像对子级元素的定位如absolute没影响，对子级有影响的是子级自己的定位方式如absolute或relative 阅读全文
posted @ 2018-07-10 19:19 mojito1996 阅读(277) 评论(0) 推荐(0)
百度前端技术学院第二天-简历制作
摘要：效果图： CSS： HTML: 阅读全文
posted @ 2018-07-08 16:08 mojito1996 阅读(137) 评论(0) 推荐(0)
百度前端技术学院开学第一天！
摘要：之前就粗略了解过百度技术前端学院，但是报名的时候显示结束了。今天的一次偶然机会报名成功，这对自己的前端学习又多了一个好地方。 为什么选择前端？因为自己的专业是电子商务，学的东西很多很杂，但是有一个好处就是接触面广，所以我们有些课程就涉及到了网页的制作，让自己了解了“哦，还有这方面的内容！”。大三开始 阅读全文
posted @ 2018-07-04 17:59 mojito1996 阅读(140) 评论(0) 推荐(0)