m0_47999208的博客

原创 vue3，element-plus,图片预览

【代码】vue3，element-plus,图片预览。

原创 面试题、、、

mutations 允许你明确定义状态的变更操作，避免了直接在组件中进行状态更改导致的混乱和不可预测性。使用 mutations 可以确保应用遵循单向数据流的原则，即数据的流动是单向的，只能通过特定的方式进行更改。通过使用 mutations，状态的更改是可追踪的。你可以在 mutation 中记录状态的变化，以便在调试和排查问题时更容易追踪状态的变化历史。虽然在某些情况下，直接更改状态可能会更简单和方便，但使用 mutations 有助于提高代码的可维护性、可扩展性和可预测性。

原创 react,Chart

同一个窗口打开官网地址能获取到的人家的Json数据的。控制台可见：右击 Copy object就复制了。解决办法2：在示例代码中添加如下代码。2.然后实现下这个案例。

原创 埋点，自己写插件，自己写的按钮埋点，掘金同款投递简历

vite的生命周期啥的。

原创 图片懒加载

的页面，这有两个属性src和data-src。页面滚动到图片的位置才会加载相应的图片。

原创 .call，循环类数组对象

4.Array.prototype.forEach()（借助Function.prototype.call()）这里不是重点介绍如何循环类数组对象的。1.使用for循环（基于index）

原创 type GetNamespaces＜M＞ = { [K in keyof M]: M[K] extends { namespace: string } ? M[K][‘namespace

是一个包含多个属性的接口，每个属性都是一个对象，可能包含一个。，其中包含多个属性，每个属性都是一个对象，而这些对象可能具有。属性的子属性的集合。类型来定义函数参数，确保只能传递有效的命名空间。现在我们想要从这些对象中提取所有具有。属性的子属性的集合，并将其赋值给。下面是一个示例，演示了如何使用。类型可以用于从一个对象类型。假设我们有一个对象类型。属性的子属性的集合。

原创 Awaited,Promise

现在，我们想要在另一个文件中使用这个异步函数的返回值，并且希望能够推断出这个返回值的类型。函数，它返回一个 Promise，我们等待该 Promise 解析，并将结果赋给。这将返回一个 Promise，该 Promise 的解析值类型为。函数返回的 Promise 的类型，你可以直接使用。下面是一个简单的示例，展示了如何使用。在这个示例中，我们首先定义了一个类型。对象的属性，这些属性的类型是根据。函数并等待其解析，然后使用。的类型，而不需要手动指定。函数返回的类型推断出来的。在这个示例中，我们使用。

原创 InstenceType

在 TypeScript 中，InstanceType 是一个用于获取构造函数类型的实例类型的工具类型。它接受一个构造函数类型，并返回该构造函数的实例类型。这对于在编写 TypeScript 代码时操作类和构造函数非常有用。这样可以在编写 TypeScript 代码时，以类型安全的方式操作类和构造函数的实例类型。来获取它的实例类型。在这个示例中，我们首先定义了一个类。，它有一个构造函数和一个方法。的构造函数类型，并使用。的一个实例，然后调用了。

原创 Argument of type ‘Person‘ is not assignable to parameter of type ‘Record＜string, string＞‘ Index si

可以添加索引签名（[key: string]: string;

原创 node中可以使用js的三个模块dom，bom,ecmSrimpt吗

Node.js使用V8 JavaScript引擎来执行ECMAScript代码，这意味着在Node.js中，你可以编写和使用符合ECMAScript标准的语法、数据类型、函数、对象、控制结构等语言特性。在Node.js环境中，不能直接使用浏览器提供的Document Object Model (DOM)和Browser Object Model (BOM)，因为这两个概念是浏览器特有的API集合，它们与浏览器的用户界面、窗口管理、事件处理、文档结构操作等功能紧密关联，专为浏览器环境设计。

原创 微前端学习

在微前端架构中，with关键字和Proxy对象常被用来实现子应用的运行时隔离，确保不同微应用之间的全局变量、函数等资源互不影响，从而保障系统的稳定性与安全性。with。

原创 子传父vue/react

子传父：很多都是结合defineEmit来实现的，这里通过给子组件传递函数，子组件调用传递下来的函数实现传值。

原创 https怎么加密的

HTTPS（HyperText Transfer Protocol Secure）是HTTP的安全版本，其加密过程主要基于两个协议：SSL（Secure Sockets Layer，安全套接层）和TLS（Transport Layer Security，传输层安全）。TLS是SSL的继任者，目前更广泛地被使用。值得注意的是，虽然HTTPS可以提供更高的安全性，但并不意味着绝对安全，仍然可能存在某些攻击手段能够破解或者绕过HTTPS的加密机制，因此在实际应用中还需要综合考虑其他安全措施。

原创 js的模块是怎么加载的

以上是几种常见的 JavaScript 模块加载方式。不同的加载方式适用于不同的场景，选择合适的模块加载方式可以更好地组织和管理 JavaScript 代码。：UMD 是一种通用的模块定义规范，兼容 CommonJS、AMD 和全局变量方式，适用于各种环境。在现代浏览器和 Node.js 环境中，可以直接使用 ES6 模块。有amd,cmd,commonjs,esm,umd模块类型。：ES6 模块是 JavaScript 中官方的模块化方案，使用。：AMD 是一种异步加载模块的规范，使用。

原创 项目运行起来跑到浏览器上

使用vueCli创建的工程/vite创建的：添加--open。

原创 快速删除node_modules

亲测可用。

原创 Wireshark,结合wireshark讲讲，一个请求从发出到收到响应都经过了什么

Wireshark 是一款强大的网络协议分析工具，用于捕获和分析网络数据包。当我们使用 Wireshark 跟踪一个请求从发出到收到响应的过程时，它能够揭示出这个过程中涉及的各个网络层次、协议交互以及数据包的详细内容。

原创 react的闭包陷阱

React 的闭包陷阱是指在使用 React Hooks 时，由于闭包特性导致在某些函数或异步操作中无法正确访问到更新后状态或 prop 的值，而仍旧使用了旧值。

原创 antdPro运行

使用antd-pro脚手架搭建react ts项目_antd pro react-CSDN博客

原创 ts发请求

原创 弹幕功能1

今天看pure-admin的时候发现有个弹幕功能。

原创 leet144反转二叉树

【代码】leet144反转二叉树。

原创 面试题。。

【代码】面试题。。

原创 闭包用运。

闭包的核心价值在于它能捕获并保持对外部作用域的访问，提供了一种灵活且安全的方式来组织和控制代码中的数据访问。闭包可以保持对外部函数作用域中变量的引用，即使外部函数已经执行完毕，这些变量也不会被垃圾回收机制回收，从而延长了它们的生命周期。外部代码无法直接访问到闭包内部的变量，只能通过提供的公共接口进行交互。在这个例子中，每个按钮的点击事件处理器（闭包）都绑定了对应的按钮元素，即使所有处理器共享同一个事件处理逻辑（函数不能直接捕获外部作用域中的变量，通过闭包可以解决这个问题，确保回调函数访问到正确的变量值。

原创 今天也是学python的一天

~~if else语句。~~~range函数。

原创 pandas

Pandas 是 Python 编程语言中一个非常流行且功能强大的数据分析库。它的主要作用是为数据清洗、转换、分析和可视化提供高效、灵活且易于使用的工具。Pandas 建立在 NumPy 库之上，特别擅长处理表格型数据，即以行和列形式组织的数据。总的来说，Pandas 是数据分析工作中不可或缺的工具，尤其在数据探索、特征工程、模型训练前的数据准备工作阶段，其高效的数据操作能力极大地简化了数据处理流程，提高了工作效率。无论是数据科学家、数据工程师还是业务分析师，都经常利用 Pandas 来处理和分析数据。

原创 three.js

【代码】three.js。

原创 vue3面试题

2.watch需要显示的添加deep，immediate，watchEffect默认自带deep(深度监听)。immediate（首次加载时执行）1.watch需要指定依赖，watchEffect不需要。1.watch和watchEffect的区别。现在template中有这么几行代码。

原创 echarts 3D示例 echart, echarts-gl

来尝试实现下，使用原本的柱状图或者折线图代码创建echarts示例。echarts官网有很多的炫酷的3D模型。在官网案例添加代码查看模型的数据。

原创 压缩图片，cdn

TinyPNG – Compress WebP, PNG and JPEG images intelligently

原创 Redux Toolkit

Redux Toolkit（RTK） – 李立超 | lilichao.comRedux | Redux 中文文档

原创 python学习

Python面试题大全 - 50道经典面试题 - 掘金yoloV5:yolov5: YOLOv5 汉化版，保持官方同步更新

原创 pure-admin

vue-pure-admin: 🔥 全面ESM+Vue3+Vite+Element-Plus+TypeScript编写的一款后台管理系统（兼容移动端）

原创 vue3进阶

vue3中的。

原创 vue3中封装防抖ref

【代码】vue3中封装防抖ref。

原创 闭包学习，闭包和高阶函数

简而言之，闭包是JavaScript中函数作用域和执行上下文相结合的产物，它使得内部函数可以长期保存外部函数的状态，这一特性在诸如函数工厂、模块化、异步编程（回调函数）、事件处理等领域具有广泛的应用价值。3.代码编写与调试技能：提供闭包相关的代码示例，能让面试官看到候选人如何避免常见的闭包陷阱，例如循环引用、变量捕获等问题，并判断他们是否具备调试闭包相关bug的能力。： 在JavaScript中，闭包是指有权访问另一个函数作用域中变量的函数，即使这个函数是在其外部函数执行完之后才被执行。

原创 defer,async

script.MDN

原创 table随高度自适应

【代码】table随高度自适应。

原创 child_process

Node.js 中的模块提供了一系列用于创建和管理子进程的API。