Tech轩_

TypeScript是JavaScript的超集，它可编译为纯JavaScript，是一种给 JavaScript 添加特性的语言扩展。 最基本的数据类型就是简单的true/false值，在JavaScript和TypeScript里叫做boolean（其它语言中也一样）。 和…

Composition API字面意思是组合API，它是为了更方便的实现逻辑的组合而产生的。 无法监听Set/Map的变化;Class类型的数据无法监听;属性新加或删除无法监听;数组元素 增加和删除无法监听;对于数组需要额外实现方法拦截，对应的修改语法也有限制。 vue3响应式…

传统web开发，网页内容在服务端渲染完成，一次性传输到浏览器。 单页应用优秀的用户体验，使其逐渐成为主流，页面内容由JS渲染出来，这种方式称为客户端渲染。 打开页面查看源码，浏览器拿到的仅有宿主元素#app，并没有内容。 ssr是一种折中方法，利用vue语法编写程序，还能在服务…

首先，复杂的逻辑写测试代码不容易这点，对于哪些业务、功能需要写测试代码，你要有清晰的认知，知道这点后，那么写代码的时候就要注意了，多个地方用到的尽量提取成公用的代码，逻辑复杂的要尽量往细了拆分，而且通过测试代码也能看出，测试的时候关注的也仅仅是输入输出，中间经历了哪些弯弯折折的…

后面慢慢出现了雪碧图，将很多图标整合到一个图片上，css利用background-position 定位显示不同的 icon 图标，比起最开始img的方式，雪碧图已经有了很大的优化，但是依然有一个非常大的痛点，那就是每新增一个图标，就得去更新原先的雪碧图，这样做风险是很大的，不…

vue2.0需要用到VNode描述视图以及各种交互，让开发者手写render函数是不太可行的，因此只需要开发者编写类似HTML代码的vue模板，通过编译器将模板转换为可返回VNode的render函数。 优化器的作用是在AST中找出静态子树并打上标记。静态子树是在AST中永远不…

浏览器渲染进程中有GUI渲染线程，负责渲染浏览器界面，解析HTML、CSS，构建DOM树和RenderObject树，布局与绘制等。 1. 创建DOM树 2. 生成css样式表 3. 构建Render树 4. 布局 5. 绘制页面 虚拟DOM（virtual DOM）是对DOM…

JavaScript语言的一大特点就是：单线程，同一时间只能做一件事。往细了讲，就是JS的这个线程用来负责解释和执行JavaScript代码，也就是我们说的主线程。主线程上的代码是按顺序执行的。 JavaScript的单线程，与它的用途有关。作为浏览器脚本语言，JavaScri…

1. 两个核心点 2. 测试代码 3. 数据劫持-数据变更时通知watcher更新 4. dep.js 5. watcher.js-入队操作 6. queueWatcher方法 7. nextTick怎么实现异步刷新队列？