今日励志语:要做行动上的巨人,不要把时间浪费在虚幻的梦想上
今日知识点:前端路由
概念:地址栏改变但是不刷新页面(不会请求HTML),根据地址栏的不同更新界面内容(切换业务场景)
改地址:
location.hash hash实现模式
history.pushState() history实现模式
理解hash实现的原理
知道vue-router插件的使用,实现的是:地址 映射 组件。
使用步骤:
引入
创建组件配置对象
配置路由规则
初始化路由
挂载到vue根实例
使用router-link代理a标签
使用router-view指定组件渲染位置
今日面试题:什么是事件冒泡/捕获?
答:
事件冒泡:子元素事件的触发会影响父元素事件;
开关事件冒泡:
A,开启事件冒泡:element.addEventListener(eventName,handler,
false);
B,关闭事件冒泡:假设传统方式事件的返回值为 e,就可以通过
e.stopPropagation()来关闭事件冒泡;
事件捕获:父元素的事件会影响子元素的事件;
开启事件捕获:element.addEventListener(eventName,handler,true)