一颗帅土豆

Vue 的响应式原理 首先给对象设置代理拦截，如果发生对象取值行为（getter 被调用），可以在这里收集依赖（通常是组件）。当数据发生赋值（setter被调用），之前收集...

实现常见的两种使用方式 直接使用 这种性能比较差一些，需要递归取值。 函数返回 实现 参数处理 使用effect来处理数据变更回调 思路梳理 响应式数据，在取值的时候通过p...

张三面试记 张三是一名前端开发新人，经过几个月的努力学习，他终于鼓起勇气去面试了。今天，他穿着整洁的西装，信心满满地走进了面试公司。他觉得自己在面试前已经准备得很充分，尤其...

使用构建工具构建项目的意义 前端项目构建工具 常见的项目构建工具有Webpack、vite、Rollup、esbuild等；这些打包工具出生的时间，侧重的目的性上都会有一些...

事件循环概念 事件循环是Node.js处理非阻塞I/0操作的机制。目前大多数内核都是多线程的，所以他们可以在后台处理多种操作。但JavaScript引擎是单线程的，为了提高...

前端工程化 什么前端工程化 前端工程化（Front-end Engineering）是指通过一系列的工具和流程，将前端开发的工作进行系统化、自动化和模块化，以提高开发效率、...

解析 HTML。 解析过程中遇到 CSS 解析 CSS，遇到 JS 执行 JS。为了提高解析效率，浏览器在开始解析前，会启动一个预解析的线程，率先下载 HTML 中的外部 ...

你是否了解 CSS 的属性计算过程呢？ 有的同学可能会讲，CSS属性我倒是知道，例如： 上面的 CSS 代码中，p 是元素选择器，color 就是其中的一个 CSS 属性。...

一说到 CSS 盒模型，这是很多小伙伴耳熟能详的知识，甚至有的小伙伴还能说出 border-box 和 content-box 这两种盒模型的区别。 但是一说到 CSS 包...

什么是函数二义性 函数的作用有两个；第一是构造函数来创建实例对象，第二是普通函数来执行；这就是函数二义性。 在es6中引入箭头函数和class来消除二义性质 为什么要消除二...

什么是脚手架 为什么需要脚手架 1. 节约精力节约时间 自动化生成项目结构、配置文件和基础代码，避免了从零开始配置项目的繁琐步骤。 减少手动安装和配置开发工具的时间（如 W...

一句话回答JS面试题，基础、原型、作用域、闭包以及垃圾回收，异步事件环等等相关的问题。数据类型 js...

什么叫跨域 是浏览器为了安全性，设置同源策略导致的，是浏览器的一种限制。同源策略 规定了WEB页面只能请求同源的资源。url由协议，域名，端口号。里面只要有一个不同就会导致...

首先肯定想到，贼，数据算错了。导致渲染出问题。然后就苦哈哈的一步一步看我的数据哪里是不是算错了。我把数据id，计算好的transform 都渲染到dom上。然后比对。 是不...

离开北京已经快两年啦，每当电视剧或电影镜头中的闪过北京的街头时，心中不禁泛起波澜，想起了那些年，在那座城市，一起工作生活过的同事和朋友。因此，想写这篇文章很久了，但每次就跟...

JS基础知识 基础知识 栈 栈是一组数据存放的方式特点，先进后出，后进先出。例如函数调用栈等 队列 队列是一种操作受到限制的线性表 特殊之处在于他只允许在表的前端进行删除操...

CSS（Cascading Style Sheets，层叠样式表） 核心知识 选择器 标签选择器：根据元素的标签名来选择元素。例如，p 选择器将选择所有 <p> 标签。 类...