zhoumeina99的博客

小明妈妈：小朋友们，这是飞机的机翼，仔细观察，可以发现机翼的上表面是凸起的，当机翼上、下表面产生气压差时，就会生成“升力”。无人机游戏，无人机服务员，无人机烟花，火星探测无人机，扫雷无人机，手势操控无人机，蜜蜂无人机，无人机出租车，快递无人机，急救无人机，农用无人机，水中无人机，救援无人机，无人机足球等。小明妈妈：对呀，我们国家有很多厉害的科学家，他们发明了很多先进的科技，让我们的国家变得更强大。小明妈妈操作遥控器的左右侧操纵杆，调整无人机的飞行方向，还有油门杆调节无人机的速度。小明同学：原来如此。

之前写博客，经常需要引用一些基础的内容，每次都花不少时间找合适的文章，索性花点时间自己写。于是有了这个系列的文章。执行上下文是对JavaScript代码执行环境的一种抽象，每当JavaScript运行时，它都是在执行上下文中运行。全局执行上下文— 这是默认或者说基础的上下文，任何不在函数内部的代码都在全局上下文中。它会执行两件事：创建一个全局的window对象（浏览器的情况下），并且设置this的值等于这个全局对象。一个程序中只会有一个全局执行上下文。函数执行上下文— 当执行一个js函数时，js。

Chrome DevTools的performance面板可以记录和分析页面在运行时的所有活动。配合无痕模式，可以避免chrome插件的影响。

参数，最好对造成的执行顺序影响多加考虑，否则容易出现错误。则表示其后面的表达式需要等待结果，函数最终返回一个。函数的语义，它表示函数中有异步操作，我们可以使用 for…可能没办法到达预期目的哦。这样就能输出预期结果。

《浏览器工作原理与实践》是极客时间上的一个浏览器学习系列，在学习之后特在此做记录和总结。未激活的页面，setTimeout执行最小间隔是1000毫秒。为了协调这些任务有条不紊地在主线程上执行，页面进程引入了消息队列和事件循环机制，渲染进程内部会维护多个消息队列，比如延迟执行队列和普通的消息队列。把这些消息队列中的任务称为宏任务。

一旦把 SessionStack 整合进网络应用或网站的生产环境，它会开始记录所有的一切：所有的 DOM 变化，用户交互，JavaScript 异常，堆栈追踪，失败的网络请求和调试数据。当你想在生成的 JavaScript 代码中查询特定的行和列的代码的时候，可以在源码映射中进行查找以获得代码的原始位置。现在，我们将会剖析 WebAssembly 的工作原理，而最重要的是它和 JavaScript 在性能方面的比对：加载时间，执行速度，垃圾回收，内存使用，平台 API 访问，调试，多线程以及可移植性。

好了，今天就讲到这里，下面我来总结下今天所讲的内容。如果有一些确定好的任务，可以使用一个单线程来按照顺序处理这些任务，这是第一版线程模型。要在线程执行过程中接收并处理新的任务，就需要引入循环语句和事件系统，这是第二版线程模型。如果要接收其他线程发送过来的任务，就需要引入消息队列，这是第三版线程模型。如果其他进程想要发送任务给页面主线程，那么先通过IPC把任务发送给渲染进程的IO线程，IO线程再把任务发送给页面主线程。消息队列机制并不是太灵活，为了适应效率和实时性，引入了微任务。

引起回流的因素，第一是dom节点增加或者是删除，第二是元素的尺寸，边距，填充，边框，宽高，第三dom节点位置变化，第四dom节点display显示与否，第五，页面渲染初始化，浏览器窗口尺寸变化，向浏览器请求某些样式信息。前端是个很大的概念，是用户能够看到，直接接触到的层面都算是前端，比如IOS客户端界面，安卓客户端界面，网页界面，甚至PC/MAC 桌面端软件界面，现在的说法一般是指Web前端，也就是针对于网页端开发的工作。多线程可以并行处理任务，但是线程是不能单独存在的，它是由进程来启动和管理的。

我们用js建几个div，之后添加到一个节点下，再立刻打印一下这个节点下子元素的个数，这几行执行完之后，我们可以看出打印了5，页面上也显示了五段话，这没有什么问题。有些了解的可以看出，先打印出100 400肯定是没有毛病的了，问题应该就出在200跟300上，它俩之间300为什么要比200打印的早呢？会阻断js执行，也会阻断DOM渲染，利用这一点，我们可以直观的去看出谁先谁后和DOM渲染在什么时候执行的。首先我们知道，js是单线程了，按照顺序一行一行执行，如果某行报错则停止后续执行，然后就是。

CSS animation 和 transition 的性能探究

图片来源：https://zhuanlan.zhihu.com/p/97768916这篇主要介绍Blob和ArrayBuffer相关的一些API之间的关系和用途，并不会详细介绍每个属性和方法，更多的是想讲述清楚一些概念。

route history模式为什么要重定向页面

If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.TypeError: Cannot set properties of undefined (setting 'Fld_ST_00020_r')一直报这个错误，找了很久，才发现原来一个标签写错了，太粗心了template 写成了 tempalte 导致认为.

需要动态添加属性，一直报错不能添加某个属性为undefined，原来我设置的是一个字符串ref()默认是普通类型，需要变成ref({})默认对象的才行 let formRule = ref<any>({}); // 保存input表单验证规则function changedItem(key, val){ formRuleData.value[key] = val }报错图片如上...

本文实例为大家分享了vue实现锚点定位的具体代码，供大家参考，具体内容如下这里主要是实现了一个简单的滚动触发锚点高亮，以及点击锚点触发滚动的功能如果是获取浏览器的滚动高度，各个浏览器有所差异，使用以下几种方式：Chrome： document.body.scrollTopFirefox： document.documentElement.scrollTopSafari： window.pageYOffset我这里是局部元素滚动，因此稍有差异。先附上html及css代码块：scroll-

总结了一下最近面试遇到的一些题目，比较偏React。1.HTML中居中的方式text-align:center方式，水平居中块级元素中的行内元素，如inline，inline-block margin:0 auto方式，这种对齐方式要求内部元素是块级元素，并且不能脱离文档流（如设置position:absolute）,否则无效。 display:table-cell，配合width，text-align:center,vertical-align:middle让大小不固定元素垂直居中,这个方式将

脏检查的全名是 脏数据检查。是AngularJS命名的。脏数据也就是产生了变化的数据。脏检查因一个原因而被称为脏。它定时检查而不是直接监听属性变化。我们把这个检查称为摘要周期(digest)。angularJS监测对象变化不是像vue.js那样通过Object.defineproperty这种接口，而是在某些情况下制定策略，通过复制保存一份数据，进行快照对比，来监测变化。脏检查这个东西，其实在三大主流前端框架中或多或少都有涉及。React 每次生成新的Virtual DOM，与旧Vi..

JS常用内置方法1——slice()和splice()的区别　　以前还是纯小白的时候，总会搞混JS数组的 slice() 和splice() 方法。因为这2个方法名字太像了，就差一个字母，语法也有类似之处。　 现在久了没用，有时候也会忘记，所以做一个总结来区分一下。　　slice()　　　　slice()定义：从已有的数组中返回你选择的某段数组元素　　　　 slice()语法：arrayObject.slice(start,end)　　　　　　注：　　　　　　①...

理解并实现PubSub模式假如我们正在构建一个类似于 Google Docs 的应用程序，当用户按下一个按键时，需要做的事情有很多： 新字符显示到屏幕上；插入点向后移动；将本次动作加入到撤销的历史记录中； 保持与服务器同步；拼写错误检查；统计字数和页数等等。按照传统的做法，假如我们监听 keypress 事件，并在一个处理中完成所有的任务，这想想都觉得可怕了。 那么有没有什么方法可以更好的解决这个问题，答案就是分布式事件。PubSub 模式，是 Publish/Subscribe 的缩写，意为.