个人技术分享

Promise 是异步编程的一种解决方案。所谓promise，简单说是一个容器，里面保存着一个异步操作的结果。从语法上说，promise是一个对象，从它可以获取异步操作的消息，promise提供了统一的API，各种异步操作都可以用同样的方法进行处理。传统开发主要问题 1.命名冲突，多个js文件的全局变量有冲突问题。2.文件依赖，多个js文件必须按顺序下载于是引申出模块化开发 模块化开发就是把单独的一个功能封装到一个模块（文件中），模块之间相互隔离，但是可以通过特点的接口公开内部成员，可以依赖别的模块。

因为我的tsconfig配置是分了多个文件，所以我就在。我们可以发现，配置了别名之后，我们从。组件，我们需要下面这种方式。懒，为了少些几个字母。

关于实例对象身上的对象原型作用、指向问题；附带对象原型、原型对象、构造函数三者指向关系图

React.memo是 React 的一个高阶组件，用于对函数组件进行性能优化。它通过记忆化（memoization）来避免不必要的重新渲染。当组件的 props 没有变化时，React.memo可以防止组件重新渲染，从而提高应用的性能。

注意：在实际项目中，你通常会使用构建工具（如Webpack）和打包器（如Babel）来编译和打包你的React代码，以便在浏览器中运行。首先，你需要确保已经安装了React和ReactDOM。方法将React组件渲染到DOM中的指定元素。以下是一个示例，展示如何将上述函数组件渲染到ID为。React组件可以是函数组件或类组件。在这个示例中，你需要确保你的HTML文件中有一个ID为。标签只是一个占位符，表示你应该引入编译后的构建文件。

/ 将 token 存储在 localStorage 中。'登录失败，请检查用户名和密码'// 重定向到主页或其他页面。

以上示例中，CalendarPicker 组件封装了 el-date-picker 组件，并通过 props 接收了日期格式和日期范围的配置参数。在用户选择日期后，通过事件向父组件传递了所选的日期信息。可以通过 props 接收传入的日期格式、日期范围等参数，以便灵活配置日历组件的显示方式。可以通过事件（event）向父组件传递用户选择的日期信息。组件，并根据需求对其进行定制和封装。创建一个新的 Vue 组件，命名为。或者其他合适的名称。

【代码】解决element-plus没有导出的成员FormInstance。

Icon是用于在界面上显示矢量图标的组件。它提供了很多内置的矢量图标，也支持自定义图标。要使用Icon组件，可以通过指定图标资源的名称或引用来创建一个Icon对象。例如，使用Icons.Default.Home来创建一个默认风格的首页图标。可以通过设置图标的大小、颜色、和点击事件等属性来自定义Icon的外观和行为。Image是用于在界面上显示位图图像的组件。它支持从本地资源、网络URL或图像字节数组加载图像。要使用Image组件，可以通过指定图像资源的路径或源来创建一个Image对象。

1、vue会监听data中所有层次的数据2、如何检测对象中的数据？​ 2.1 通过setter实现监视，且要在new Vue时就传入要监测的数据​ 2.2 如需给后添加的属性做响应式，请使用如下API：​或​ 或3、如何检测数组中的数据？通过包裹数组更新元素的方法实现，本质就是做了两件事：​ 3.1 调用原生对应的方法对数据进行更新​ 3.2 重新解析模板，进而更新页面4、在Vue修改数组中的某个元素一定要用如下方法：​ 4.1 使用这些APIpush 后面进入pop 最后删除。

鼠标右键点击节点时，出现“复制”功能，点击其他部位，隐藏“复制”；鼠标右键事件的文案，始终在鼠标点击位置的右下方；点击复制，提示复制成功。

在 vue 项目中，我们书写css的方式很简单，就是在 .vue文件中写style标签，然后加上scope属性，就可以隔离当前组件的样式，但是在react中，是没有这个东西的，如果直接引入css文件，很可能会导致样式覆盖的问题。CSS Modules 可以将 CSS 作用域限制在单个组件内，避免全局污染。可以看到，这里的div的class给了哈希值，就避免了全局污染。以上就是常用的在react中书写css的方法。也有许多第三方插件可以供我们使用，像。直接书写行内样式，通常只用于一些。

elementui 输入框里面禁止浏览器自动填充用户名密码、弹出浏览器历史密码提示框

首先准备好前端简单的页面结构。

理解 React 源码的 Fiber 需要对 React 的内部工作原理和性能优化有深入的了解。Fiber 是 React 16 及以后版本中引入的一种新的内部表示形式，用于在 React 的核心算法中更好地管理组件树的更新和渲染。

声明一个全局变量，给弹窗的确定绑定点击事件，点击确定，给声明的变量赋值为1，并使用临时存储存起来，然后将弹窗隐藏，设置自执行定时器，判断取的临时存储的值等于1时将弹窗隐藏，否则就让弹窗显示；开屏弹窗是什么，其实就是第一次登录后进入页面给你的一种公告提示，此后再回到当前这个页面时弹窗是不会再出现的。也就是说这个弹窗只会出现一次。最主要的就是存取值而已！

路由的基本概念

【代码】Vue 封装组件之Input框。

免责声明:本文仅做技术交流与学习...

最近有个小项目, 客户希望像打开 网易云音乐 那么简单的运行起来系统. 前端用 Vue 会比较快一些, 因此决定使用 electron 结合 Vue3 的方式来完成该项目.然而, 在实施过程中发现没有完整的博客能够记录从创建到打包的流程, 摸索一番之后, 随即梳理成文供大家参考.废话不多说, 直接开始!对了, 开始之前, 先给 Vue3 和 electron 在 package.json 中的版本号展示出来供大家参考.