冰茶

Hooks 为什么有Hooks？ Hooks之前，类组件和函数组件分工明确： 类组件提供了完整的状态管理和生命周期控制，通常用来承接复杂的业务逻辑 函数组件则是纯粹的从数据...

Http缓存 什么是缓存： 把一些不需要重新获取的内容再重新获取一次。 为什么需要缓存？ 网络请求相比于CPU的计算和页面渲染是非常非常慢的。 那些资源可以被缓存？ 静态资...

浏览器垃圾回收机制 垃圾回收策略有两种 标记清除： 标记阶段即为所有活动对象加上标记，清除阶段则把没有标记(非活动对象)销毁。 引用计数：把对象是否不需要简化定义为对象有没...

本文已收录在Github github.com/Geekhyt，欢迎Star。 从头发的浓密程度和干练的走路姿势我察觉到，面前坐着的这位面试官也是一把好手。我像以往一样，准...

什么是跨域？ 跨域是因为浏览器的同源策略引起的。 同源策略：从一个域名的网页去请求另一个域名的资源时，域名、协议、端口号，只要有一个不同就是跨域。 如何解决跨域 方法1 在...

今天在向后端传递参数时发现，前端Date类型 2022-01-01 00:00:00 的时间在通过JSON.stringify()之后时间变成了2021-12-31 16:...

宏任务与微任务 Event Loop：事件循环 我们都知道 Js 是单线程的，但是一些高耗时操作就带来了进程阻塞问题。为了解决这个问题，Js 有两种任务的执行模式：同步模式...

RxJS 1.1 概述 1.1.1 什么是 RxJS ? RxJS 是一个用于处理异步编程的 JavaScript 库，目标是使编写异步和基于回调的代码更容易。 1.1.2...

条件渲染 v-if、v-else、v-else-if v-if： 表达式为真时渲染内容 v-else： 与v-if联用 else 时展示 v-else-if： else时，...

类与样式的绑定 绑定HTML class 通过*:class(v-bind:class 的缩写)*传递一个对象来切换class：...

计算属性 栗子 定义一个计算属性publishedBooksMessage。 computed()方法期望接收一个getter函数，返回值为一个计算属性ref，计算属性的r...

选项式API： 在Vue2.x项目中使用的都是选项式API 组合式API：在Vue3中使用的就是组合式API，代码竖着写在setup中 声明响应式状态 使用reactive...

一、创建应用 应用实例： 通过CreateApp函数创建,传入CreateApp的对象实际是一个组件，每个应用都需要有一个根组件，有且只有一个 挂载应用： 应用实例必须调用...

前端Object 用法总结 Object是Javascript的重要数据结构，ES6中有进行扩展。 对象(Object)扩展 属性的简介表示法： 即属性名就是变量名，属性值...

自定义函数库，包含大量原生API的实现，如数组，字符串，对象。还有一些高级手写，如Promise，axios。快速提升JS能力，突破成为中高级前端的必经之路。...

创建Module 直接生成模块和路由然后定义声明的模块 组件+模块+路由+指向的声明路径 生命周期 DoCheck 和 onChanges 的区别 当我们传入数组或者对象的...

组件的生命周期 生命周期钩子分类 指令与组件共有的钩子 ngOnChanges ngOnInit ngDoCheck ngOnDestroy 组件特有的钩子 ngAfter...