qq_44849271的博客

button元素绑定submit函数，按钮点击之后会获取Generator函数并让Generator函数先执行到第一个yield，等到setTimeout执行完成，回调函数输出“发送1号请求”，再让Generator函数执行到第二个yield或者return处。ES6新增了Generator函数，Generator函数不同于其他函数，Generator函数可以将函数的执行流程挂起(暂停或停止函数的执行)Generator函数除了*号，还有yield关键字，yield关键字有点类似return。

用户点击元素的时候，会先找到第一层元素（html），再找到第二层元素（body），再继续找到下一层元素（div），最后找到目标元素（p）。因为红色方块元素是html——body——div(.one)中的元素，所以点击红色方块元素冒泡会让所有的父元素绑定的函数都执行。获取目标之后就是 冒泡阶段，代码中元素绑定的事件（onclick）一般是冒泡阶段执行的。冒泡阶段也是从目标元素依次往外层元素执行，所以最外层元素绑定的事件也会被执行。DOM事件流分为三个阶段：捕获阶段——目标阶段——冒泡阶段。

BroadcastChannel以广播的形式进行通信BroadcastChannel用于创建浏览器标签页之间的通信使用BroadcastChannel的浏览器标签页面必须要遵循同源策略页面1使用BroadcastChannel创建一个频道，页面2使用BroadcastChannel链接频道，页面1与页面2即可通信。实例。

翻转效果建议IOS系统、安卓系统、window系统都要进行实机测试，免得线上环境出现兼容问题。1、定义一个父元素，父元素中两个子元素，两个子元素分别是背面与正面，2、定义一个父元素，父元素中两个子元素，两个子元素分别是背面与正面，元素翻转的效果能让用户有良好的体验感。CSS实现元素翻转的效果有两种思路。

Vue插槽相当于一个占位元素，在组件中留下占位元素，不同的父组件使用相同的子组件，就可以自定义不同的子组件内容。Vue有3种类型的插槽：匿名插槽、具名插槽、作用域插槽。

DOMCharacterDataModified监听的是元素中文本节点的变化，但是innerHTML、innerText与textContent都是监听不到的，使用el.firstChild.nodeValue才会触发DOMCharacterDataModified的监听。DOMNodeInserted监听的是元素的插入，属性节点的添加是监听不到的。DOMNodeRemoved监听的是元素的移除，属性节点移除是监听不到的。DOMAttrModified监听的是元素属性的变化。

双向绑定我们可以简单的理解为，当js中的数据发生改变，视图层/结构层(标签)就会重新渲染。比如，在JS中定义了一个a变量，操作a变量赋值，一旦赋值完成，html的标签就会重新渲染。，在没有Proxy的时候，要实现双向绑定，就会使用Object.defineProperty，Vue2使用的就是Object.defineProperty。那就离不开Object.defineProperty与Proxy这两个API了。只要修改了state对象中的值，就会改变DOM结构。既然要实现双向绑定，

该文章主要描述的是align-content，并且与align-items的区别

监控可以观察到人的动作、周围的环境，如果有情况也可以通过监控还原现场。前端也可以通过设置“监控”观察用户，在遇到一些无法复现、奇奇怪怪的问题，或者单个用户所在的环境与大部分用户的环境不一样时产生的问题，例如 该用户对浏览器设置了不允许cookie 等；这些问题通过前端监控记录下来，让开发者模拟出问题环境、操作步骤，能更好的解决问题。

Vue2与Vue3都有该组件可以用于控制组件切换时的效果，让用户有更好的体验感。先看效果：页面切换的时候由透明逐渐显示。

immediate属性可以让watch在页面初始化后就执行。

Webview是一个基于webkit引擎，可以解析DOM元素，展示html页面的控件，它和浏览器展示页面的原理是相同的，所以可以把它当做浏览器看待。（chrome浏览器也是基于webkit引擎开发的，Mozilla浏览器是基于Gecko引擎开发的）开发过小程序的话对这个标签应该比较熟悉，web-view标签与iframe标签类似，可以在我们的页面中渲染第三方页面。...

不了解路由守卫的next很容易让页面陷入死循环。以全局前置路由为例，陷入路由死循环一般报错是堆栈溢出也就是：RangeError: Maximum call stack size exceededrouter.js当从Index.vue离开时就会陷入死循环。要清楚前置路由陷入死循环的原因,就要明白前置路由守卫的next函数流程解析：刚开始的时候 目标路由是/Center，来源路由是/Index，执行前置路由守卫，判断到if为true,于是执行next(‘/an’)，目标路由改成了/an，但来源路由仍

先看要求：有个公共函数需要在进入页面前就要执行，用于设置缓存，首页或者其他页面都需要使用这个缓存数据，并且用户可以自由进出不同页面，所以设置缓存的函数在首页执行并不可取，但每个页面都执行设置缓存函数会使得代码变得有些冗余。App.vuemain.jsindex.vue因为async/await可以将Promise的异步操作像同步一样操作。...

先在浏览器复现问题在浏览器控制台中，可以发现’3’>'200’的结果是true。如果在浏览器控制台中输入 3>200，结果是false。字符串对比是ASCII码的对比，而且是用字符串首位进行对比，例如’3’>‘200’这里的对比实际上是’3’>'2’的对比，最后根据变量的ASCII码得出结果ASCII码表：根据ASCII码表，字符串类型的3，ASCII值是51；字符串类型的2，ASCII值是50；‘3’>'200’的对比可以看成 51>50，所以结果是true。String.fromCharCod

Vue2、3框架使用i18n实现国际化

Vue全局注册组件Vue2//Vue2注册全局组件//main.jsimport Vue from 'vue'import App from './App.vue'import router from './router'import store from './store'import helloworld from '@/components/helloworld.vue'Vue.config.productionTip = falseVue.component('hellowo

Vue挂载变量或者函数Vue2挂载变量//main.js//挂载变量Vue.prototype.$variant="变量";//挂载函数Vue.prototype.$fun=function(){ return "function"}//在页面中通过this即可获取挂载的变量//index.vuemounted(){ //使用挂载的变量 console.log(this.$variant); //使用挂载的函数 this.$fun();}Vue3挂载变量Vue3相比Vu

JS中的 || 与 &&符号的区别JS在判断中使用 let a=1,b=2;if(a==1||b==1){ // 在判断中，只要有一个满足为true的条件就执行 console.log(a==1); console.log(b==1);}if(a==1&&b==2){ //&&需要多个判断条件都为true console.log(a==1); console.log(b==2);}结果都是输出：在语法中使用||的使

长按点击功能主要用到的是onmousedown、onmouseup、setTimeout()、clearTimeout()事件移动端中则是ontouchstart、ontouchend