摘要: 1.事件流: (1)事件捕获 (2)处于目标阶段 (3)事件冒泡 2.事件对象 对每一个事件都会回调函数,会有一个默认的事件对象,就是this event.target 触发的目标对象 event.type 事件类型 event.keyCode 键码 3.事件冒泡 event.stopPropaga 阅读全文
posted @ 2018-10-09 16:21 逆欢 阅读(269) 评论(0) 推荐(0) 编辑
摘要: 1.事件流: (1)事件捕获 (2)处于目标阶段 (3)事件冒泡 2.事件对象 对每一个事件都会回调函数,会有一个默认的事件对象,就是this event.target 触发的目标对象 event.type 事件类型 event.keyCode 键码 3.事件冒泡 event.stopPropaga 阅读全文
posted @ 2018-10-09 16:16 逆欢 阅读(273) 评论(0) 推荐(0) 编辑
摘要: 1.jquery位置信息 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <style> 7 *{ 8 padding: 0; 9 margin: 0; 1 阅读全文
posted @ 2018-10-08 17:44 逆欢 阅读(126) 评论(0) 推荐(0) 编辑
摘要: 1.库和框架 库:小而精 直接操作DOM css() jquerry封装js的那些操作: 事件,属性, ajax(交互的技术),DOM,选择器 框架:大而全 事件,DOM,属性操作,ajax,"模板引擎" 2.jquerry 的入口函数: //等待文加载后使用 $(function{}); $(wi 阅读全文
posted @ 2018-09-29 19:42 逆欢 阅读(319) 评论(0) 推荐(0) 编辑
摘要: 1.关于路由的跳转 核心是 a 再取出后缀作为参数判断 最后 innerHTML 上 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 </head> 7 < 阅读全文
posted @ 2018-09-27 17:25 逆欢 阅读(206) 评论(0) 推荐(0) 编辑
摘要: 1.关于dom 首先要有三要素 1.获取事件源 2.事件 3.事件驱动 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <style> 7 #warp{ 8 阅读全文
posted @ 2018-09-26 18:54 逆欢 阅读(170) 评论(0) 推荐(0) 编辑
摘要: 1. JavaScript基础分为三个部分: ECMAScript:JavaScript的语法标准。包括变量、表达式、运算符、函数、if语句、for语句等。 DOM:操作网页上的元素的API。比如让盒子移动、变色、轮播图等。 BOM:操作浏览器部分功能的API。比如让浏览器自动滚动。 ECMAScr 阅读全文
posted @ 2018-09-25 21:28 逆欢 阅读(159) 评论(0) 推荐(0) 编辑
摘要: 相对定位:参考点 相对原来的位置 1.如果是一个单独的文档流盒子,及你姐设置了相对定位,和普通盒子一样 2.相对定位后,如果调整位置,会留下坑 作用:微调元素 子绝父相 提升层级 绝对定位 参考点:父盒子嵌套 如果父辈设置了相对定位,那么子盒子还是以父盒子的左上角为参考点 单个盒子设置绝对定位,如果 阅读全文
posted @ 2018-09-21 16:30 逆欢 阅读(128) 评论(0) 推荐(0) 编辑
摘要: 1.将浮动居中 这需要三个盒子 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <style> 7 *{ 8 padding: 0; 9 margin: 0 阅读全文
posted @ 2018-09-20 19:15 逆欢 阅读(692) 评论(0) 推荐(0) 编辑
摘要: 1.padding 有小属性 1 padding-top: 30px; 2 padding-right: 30px; 3 padding-bottom: 30px; 4 padding-left: 30px; 综合属性 1 <!DOCTYPE html> 2 <html lang="en"> 3 < 阅读全文
posted @ 2018-09-19 20:27 逆欢 阅读(125) 评论(0) 推荐(0) 编辑