Avan's Blog

一、事件捕获与事件冒泡

事件的捕获和冒泡，分别由微软和网景提出。他们分别决定了事件发生顺序的问题。

1
2
3

<div class="outer">
    <button class="inner">按钮</button>
</div>

一、问题

在你使用 Wechat 或 QQ 自带的浏览器打开网页时，你会发现向上滑动时页面正常，但你向下滑动时会出现软件自带的功能，这时我们想禁止页面移动来固定页面，可以使用下面代码实现

二、解决代码

预解析

JavaScript引擎运行时，分两步

1. 预解析
   JavaScript会将 var 和 function 优先解析
   • 变量提升
     只提升变量，不提升赋值
   • 函数提升
     只提升声明，不调用函数
2. 代码执行
   预解析结束后，按代码从上往下执行

一、JavaScript的简述

1. JavaScript的发明者

一、URL

统一资源定位符（Uniform Resource Locator，缩写为 URL）
或称 统一资源定位器、定位地址、URL地址，俗称网页地址或简称网址，如同网络上的门牌定位到固定的地址。

URL组成部分

一、盒模型种类

1. content-box 内容盒模型
2. border-box 边框盒模型

二、区别

一、组合语句

使用 && 当上一条指令成功才执行下一条指令

1

touchu 1.txt && echo '成功'

案例

准备2个文件：Main.vue、Child.vue

- 代码

首先看一个代码

1
2
3
4
5
6

let i
for(i = 0; i<6; i++){
  setTimeout(()=>{
    console.log(i)
  },0)
}

上的代码看起来只是简单的for循环输出i的值。但是当你运行上面代码，你会发现，竟然输出了6个6。

• 完整版和运行版的名字区别
• tenplate和render的使用方法
• 使用codesandbox快速生成Vue项目
• 总结

一、完整版和运行版的名字区别

可以去BootCDN里面引用，进去后直接搜索 Vue 即可。
BootCnd官网
完整版的后缀是 —— vue.js
运行版的后缀多了个runtime —— vue.runtime.js
所有版本都有压缩版，压缩版功能一致，只是体积相对要小 —— 版本.min.js