前端开发
-
前端开发环境的一些常用记录
Git 以下是Git常用的命令: 初始化一个仓库:git init 查看分支:git branch 将已修改或未跟踪的文件添加到暂存区:git add [file] 或 git a…
-
Vue3的响应式实现
vue3的响应式是通过proxy实现的,在源码的/packages/reactivity目录下。 整个响应式系统的流程如下: 1、通过state = reactive(target…
-
vue3在哪些方面提升了性能
通过响应式系统的重写、编译优化、源码体积的优化(按需加载)三个方面提升了性能。 1. 响应式系统提升 vue2在初始化的时候,通过Object.defineProperty对dat…
-
vue3 Hooks的主要功能及使用方式
vue3 Hooks的主要功能及使用方式 Vue 3 Hooks 是 Vue 3 提供的一种新的响应式系统,它允许开发者在不使用组件的情况下使用状态和其他可配置选项。Hooks 提…
-
Vue3常用的hooks方法1
useVModel 组件绑定一个v-model属性。 源码 /** * @description 组件绑定一个v-model * @param {Object} props 组件的…
-
Vue3常用的hooks方法2
本地存储方法 我们经常需要使用localStorageAPI,一个好用的可组合函数封装将帮助我们更好地使用它 import { customRef } from “vue”/** …
-
Vue3常用的hooks方法3
验证码发送完之后的读秒 我们需要封装一个 计时器 Hooks import { ref } from ‘vue’export function useCountDown() { c…
-
this指向问题
1 分析代码下面输出什么 function Foo() { getName = function () { console.log(1); }; return this;}Foo.…
-
vue面试题八股文简答大全 让你更加轻松的回答面试官的vue面试题
你对vue框架的理解? Vue.js是一个流行的JavaScript框架,它使得构建复杂的交互式应用程序变得更容易。Vue.js基于MVVM模式设计,采用了响应式数据绑定和组件化的…
-
经典JavaScript手写面试题和答案
实现一个函数去重? function unique(array) { return Array.from(new Se…
-
在JavaScript中的栈数据结构(Stack )
导文 JavaScript 中可以通过数组实现栈数据结构。栈是一种遵循后进先出(LIFO)原则的数据结构,它只允许在栈顶进行插入和删除操作。 什么是Stack 类? 栈是一种遵从后…
-
在JavaScript中的数据结构(队列)
什么是队列? 当我们在浏览器中打开新标签时,就会创建一个任务队列。这是因为每个标签都是单线程处 理所有的任务,它被称为事件循环。浏览器要负责多个任务,如渲染HTML,执行JavaS…
-
在JavaScript中的数据结构(链表)
链表是什么? JavaScript链表是一种数据结构,用于存储和组织一系列的元素。它由一系列节点(Node)组成,每个节点包含了两部分:数据域(存储数据)和指针域(指向下一个节点)…
-
JavaScript ES11新特性
导文 “ JavaScript ES11,也被称为ES2020,引入了一些新特性和语言改进 可选链操作符(Optional Chaining Operator) 可选链操作符 ?.…
-
JavaScript ES12新特性有哪些?
导文 “ JavaScript ES12(也称为ECMAScript 2022)是JavaScript的最新版本,它引入了一些新的特性和语言功能,以提供更好的开发体验和更强大的编程…
-
JavaScript性能优化怎么实现?12种优化方式你知道嘛
当涉及到JavaScript性能优化时,有几个关键的方面需要考虑。下面是一些常见的JavaScript性能优化技巧和实践: 减少DOM操作: 频繁的DOM操作会导致重绘和重新布局,…