explore-ray

摘要： 面试题 浏览器是如何渲染页面的？ 当浏览器的网络线程收到 HTML 文档后，会产生一个渲染任务，并将其传递给渲染主线程的消息队列。 在事件循环机制的作用下，渲染主线程取出消息队列中的渲染任务，开启渲染流程。 整个渲染流程分为多个阶段，分别是： HTML 解析、样式计算、布局、分层、绘制、分块、光栅化 阅读全文

摘要： 基本使用： 父容器的设置： display：flex，默认主轴为row（横轴），父容器内的子元素会横向排列。 flex-direction：row | row-reverse。改变主轴方向使用属性。 justify-content: center，子元素主轴方向居中。 align-item:cent 阅读全文

摘要： 设置镜像 npm config set registry https://registry.npmmirror.com npm config get registry 初始化，生成package.json文件 npm init -y 安装开发依赖 npm i -d xxx 阅读全文

摘要： 常用命令 检测是否安装ts tsc -v 全局安装tsc npm i -g typescript 编译一个ts到js的命令，加上w是自动监视文件的更改并进行同步编译 tsc main.ts -w 编译整个目录的ts文件，前提有tsconfig.json文件 tsc tsconfig.json配置项（ 阅读全文

摘要： 声明式渲染 通过结合数据属性、花括号插值和指令，您可以在Vue模板中实现动态的、基于数据驱动的渲染。 组件系统 Vue的组件系统使得应用程序的开发变得模块化、可维护和可扩展。通过将应用程序拆分为多个组件，可以更好地组织代码、提高复用性，并实现更好的开发团队协作。 组件通信 单向数据流 生命周期钩子 阅读全文

摘要： user agent：用户代理，可以看作是浏览器，浏览器作为用户获取服务器数据的中介，代替用户从服务器获取数据，将数据以合适的布局展示给用户。 box-sizing： 当值为content-box时，元素的宽度是内容。不包括内边距和边框。 当值为border-box时，元素的宽度就是边框、内容和内边 阅读全文

摘要： position的值有四种： static（默认，就是没有设置定位） relative（相对） absolute（绝对） fixed（固定） sticky（粘性） static 属于普通流。 relative 会保留自己原本的位置，并根据原本的位置进行定位，属于普通流。 absolute 不会保留自 阅读全文

摘要： 一、Promise实例的状态 pedding 初始的状态，即等待 rejected 返回的promise对象属性值，代表失败 fulfilled 返回的promise对象属性值，代表成功 以上状态保存在实例属性的PromiseState中，同样的也有一个实例属性PromiseResult保存执行结果 阅读全文