被前端耽误的全能选手-CSDN博客

原创 Vue+Nestjs分库分表实现数据国际化

本文介绍了如何利用Vue作为前端框架，NestJS作为后端框架，实现数据国际化，并采用分库分表的方式进行数据存储。

2024-01-01 17:56:25 497

原创手写 Redux Hooks：实现状态管理

Redux 是一个用于 JavaScript 应用的可预测状态容器，它可以用于管理应用的状态和数据流。在 React 应用中使用 Redux 可以使状态管理更加清晰和可维护。本文将手写实现一个简化版的 Redux Hooks，通过自定义的 createStore 和 connect 函数来实现状态管理。

2023-05-22 23:00:02 182

是用于创建缓存的回调函数的Hook。它接受一个回调函数和一个依赖数组，并返回一个被缓存的版本。它接受一个状态更新函数和一个初始状态，并返回当前状态和一个派发状态更新的函数。它接受一个副作用函数和一个依赖数组，并在每次渲染后执行该副作用函数。用于在函数组件中创建可变的引用的Hook。它返回一个包含可变引用的对象，该引用在组件的整个生命周期内保持不变。用于创建缓存的值的Hook。它接受一个回调函数和一个依赖数组，并返回一个被缓存的值。它接受一个初始状态，并返回一个由当前状态和更新状态的函数组成的数组。

2023-05-21 23:10:02 231

原创手写 Axios 源码（使用 TypeScript）

Axios 是一个流行的基于 Promise 的 JavaScript HTTP 客户端，用于在浏览器和 Node.js 中发送 HTTP 请求。本文将引导您使用 TypeScript 手写 Axios 的简化版本，以帮助您更好地理解其内部工作原理。这段代码是一个使用TypeScript编写的简化版Axios类。Axios是一个流行的HTTP请求库，用于在浏览器和Node.js中发送HTTP请求。* 发起一个HTTP请求* @param config 请求配置。

2023-05-20 21:45:49 197

原创 ES6 基础

本文将介绍 JavaScript ES6 的基础知识，重点关注数组、对象、字符串和函数的新增方法。我们将提供示例代码来演示这些方法的使用。

2023-05-17 21:55:28 72

原创 JavaScript 浏览器函数执行机制：VO 到 AO

在 JavaScript 中，函数执行的过程是非常重要的。它决定了代码在运行时的行为和结果。在浏览器环境中，函数执行过程中涉及到两个重要的概念：VO 和 AO。

2023-05-16 15:33:12 533

原创虚拟dom跟Diff算法

虚拟 DOM（Virtual Document Object Model）是指将 DOM 结构抽象成 JavaScript 对象树，在这个虚拟的 JavaScript 对象树上进行操作和计算，最终再将变化的部分渲染到真实的 DOM 上。虚拟 DOM 的优点是可以最小化对真实 DOM 的操作，减少浏览器的重排和重绘，提高渲染性能和用户体验。code {其中type表示标签名，props表示属性和子元素。Diff 算法是虚拟 DOM 中用来比较两个虚拟 DOM 树之间的差异的算法。

2023-05-14 22:38:44 404

原创前端ssr跟ssg的区别

前端SSR(Server-side Rendering)与SSG(Static Site Generation)是两种不同的技术，用于提高网站性能和用户体验。

2023-02-06 16:36:14 4079 3

原创 vue模糊查询

vue当中第一种方案:(不推荐)/* templeta */<div id="app-4"> <input type="text" @input="handleInput"> <ul> <li v-for="pika in pikachu">{{pika}}</li> </ul></div>/* script */<script>var app4 = new Vue({

2020-11-20 21:01:21 548

原创 js深拷贝和浅拷贝

请说说你理解的JS中的深克隆和浅克隆？区别：浅拷贝：只复制指向某个对象的指针，而不复制对象本身，新旧对象还是共享同一块内存。把一个对象赋值给一个新的变量时，赋的其实是该对象的在栈中的地址，而不是堆中的数据。也就是两个对象指向的是同一个存储空间，无论哪个对象发生改变，其实都是改变的存储空间的内容，两个对象是联动的。深拷贝：会另外创造一个一模一样的对象，新对象跟原对象不共享内存，修改新对象不会改到原对象。实现：深拷贝基础版（递归）：<script>function deepCopy.

2020-11-20 16:07:18 75

原创 JavaScript中map和set

MapMap是一组键值对的结构，具有极快的查找速度。举个例子，假设要根据同学的名字查找对应的成绩，如果用Array实现，需要两个Array：var names = [‘Michael’, ‘Bob’, ‘Tracy’];var scores = [95, 75, 85];给定一个名字，要查找对应的成绩，就先要在names中找到对应的位置，再从scores取出对应的成绩，Array越长，耗时越长。如果用Map实现，只需要一个“名字”-“成绩”的对照表，直接根据名字查找成绩，无论这个表有多大，查找速

2020-11-19 18:55:00 96

原创 JavaScript对象

JavaScript对象JavaScript对象有：array（数组）Boolean （布尔）date（日期），math（算数），number，string（字符串），regexp（正则），这些都是内置对象一个对象有属性跟方法Date 对象：Date 对象用于处理日期与时间。创建 Date 对象： new Date().以下四种方法同样可以创建 Date 对象：var d =new Date();var d =new Date(milli...

2020-11-19 18:53:02 95

原创 JavaScript快速入门

JavaScript字符串：由于多行字符串用\n写起来比较费事，所以最新的ES6标准新增了一种多行字符串的表示方法，用反引号 * … * 表示：这是一个多行字符串;注意：反引号在键盘的ESC下方，数字键1的左边：toUpperCasetoUpperCase()把一个字符串全部变为大写：var s = ‘Hello’;s.toUpperCase(); // 返回’HELLO’toLowerCasetoLowerCase()把一个字符串全部变为小写：var s = ‘Hello’;va

2020-11-19 18:52:21 74

原创 vue入门

基本使用引入vue.js创建Vue对象, 指定选项对象el : 指定dom标签容器的选择器data : 指定初始化状态属性数据的对象对象/函数(返回一个对象)页面中使用v-model: 实现双向数据绑定使用{{}} ; 显示数据Vue对象的选项el指定dom标签容器的选择器Vue就会管理对应的标签及其子标签data指定初始化状态属性数据的对象vue对象可以直接访问其属性页面中可以直接访问使用methods包含多个方法的对象供页面中的事件指令来绑定回调回调函数默认有ev

2020-11-19 18:51:13 130

原创快速入门vue

vue优点体积小\更高的运行效率\双向数据绑生态丰富\学习成本低vue数据的双向绑定v-modelvue强制数据绑定,用于a标签的href属性v-bind例子v-bind:href=“liaok”注:简化写法直接 : :=v-bind例子 :href=“liaok”绑定事件监听v-on用法<button v-on:click="方法">学习vue</button>简化<button @click="方法">学习vue</button

2020-11-19 10:41:47 95

原创学习

需不需要学习技术是困扰很多入行产品经理的一个问题。问这个问题的人其实知道学是最好的，但是他们又不想学，所以才会问要不要学习技术，这反映了他内心的纠结，知道要学习的不会问这个问题，感觉不要学习的也不会问这个问题，只有纠结的人才会问这个问题。那产品经理要不要学习技术？本文不仅告诉你要不要学，同时还将要学习的技术通俗易懂的解释给你。产品经理要不要学习技术1、如果你把自己定位一个打工仔，那么你了解一些技术皮毛，然后工作中遇到不懂得技术点，去和程序员交流，去查阅相关资料，随着工作经验的积累，你对技术的理解能力也会

2020-11-11 19:36:11 166 1

qq_45777332的博客