什么？React19暂停发布了
在 4月25日 React 发布了 19RC 版本（发布主版本前的最后一步），而根据 React 核心团队成员 Joe Savona 的描述，React 出现了问题因此停止了 19 的发布直到他们找到一个合理的修复方式： 那发生了什么呢？ 在 React18 中，当 包裹多个 时，当第一个组件抛出了 promise 时，React 会继续渲染这个组件的兄弟节点。而 React 团队认为这是非常影响效率的，因为当抛出了 promise 之...
深入浅出ES6 Class
ES6（ECMAScript 2015）引入了许多新特性，其中Class（类）的引入让JavaScript的面向对象编程变得更加直观和易于理解。本文将深入浅出地讲解ES6中的Class类，帮助读者从基础知识到进阶使用，全面掌握Class类的应用。 Class类的基本语法 1\. 定义Class类 在ES6中，Class类的定义非常简单，使用 关键字即可： 在上述代码中： 使用 定义了一个名为 的类。 方法是类的构造函数，用于初始化实例对...
简化访问：深入理解SSO单点登录
概念 是一种身份验证和授权机制，它允许用户只需登录一次，就能够访问多个相关但独立的系统或应用。 这种机制通过在用户登录时颁发令牌的方式实现，令牌包含有关用户身份和权限的信息，服务提供者可以通过验证这个令牌来确认用户的身份，而无需用户提供额外的凭证。 的主要优点包括： 1. 用户友好性：用户只需登录一次，即可访问多个应用程序，提供了更好的用户体验和便利性。 2. 提高安全性：通过集中的身份验证，可以减少密码泄露和密码管理问题。此外， 还可...
跨域问题及其解决方案
跨域是指浏览器受同源（协议、域名、端口）策略的限制，不允许不同源的站点之间进行某些操作（如发送ajax请求，操作dom，读取cookie） 假设 源A 和 源B 是非同源的，则浏览器有以下限制： 1. DOM 访问限制 ：源A 的脚本不能读取和操作 源B 的 DOM 2. Cookie 访问限制 ：源A 不能访问 源B 的 cookie 3. Ajax 响应数据限制 ：源A 可以给 源B 发请求，但是无法获取 源B 响应的数据 1. 跨...
Electron自动更新实践
前言 自动更新检测是指在应用启动或运行过程中，自动检查服务器上的最新版本，并下载和安装更新的功能。这一功能保证了应用始终处于最新状态，减少了用户因手动更新而产生的麻烦。在构建基于 Electron 的桌面应用时，自动更新功能是提升用户体验的重要环节之一。通过实现自动更新，应用可以自动下载和安装最新版本，用户无需手动更新，保持应用的最新状态和安全性。 自动更新的好处： 提升用户体验 ：自动更新减少了用户的操作步骤，确保用户始终使用最新版本...
很多人都答错了的面试题，vue3的ref是如何实现响应式的？
最近在我的 有位面试官分享了一道他的面试题： vue3的ref是如何实现响应式的？ 下面有不少小伙伴回答的是Proxy， 其实这些小伙伴只回答对了一半 。 当ref接收的是一个对象时确实是依靠 去实现响应式的。 但是ref还可以接收 、 或 这样的原始类型，当是原始类型时，响应式就不是依靠 去实现的，而是在 属性的 和 方法中去实现的响应式。 本文将通过debug的方式带你搞清楚当ref接收的是对象和原始类型时，分别是如何实现响应式的。...
Effect：渲染之外的副作用
React 借鉴了许多函数式编程的理念，使得它在构建复杂用户界面时能够保持代码的简洁、可维护和可测试性。函数式编程在很大程度上依赖于纯函数 纯函数（Pure Function）是指在计算机科学和函数式编程中使用的一类函数。一个函数如果具备以下两个主要特性，我们就可以称之为纯函数： 1. 引用透明性：纯函数在相同的输入下总是产生相同的输出。也就是说，函数的输出仅依赖于其输入参数，不依赖于任何外部状态或变量。 2. 无副作用：纯函数不会改变...
Electron+Vue客户端一键生成多版本差分全资源增量更新包
Electron+Vue开发客户端时，一般安装包体积太大，如果使用常规的electron updater来更新的话，每次升级都会重新下载整个安装包，一是浪费流量，最主要的是太耗时间。 因为我的客户端里不只是纯electron的资源，还有第三方的dll、exe等，所以使用网上使用比较多的差分【app.asar】的方式是行不通的，因为第三方的资源不会包含在app.asar中。 差分【app.asar】的更新方式可以参照以下我筛选的文章： h...
Electron增量更新1
上一期我们完成了electron的全量更新，本期我们介绍的是如何只修改部分文件以实现增量更新的几种方案。 asar 我们将electron软件进行安装后右键打开文件所在位置进入 目录（mac显示包内容），可以看到 这个文件，这个文件是electron程序的主业务文件，这东西可不是什么加密文件，实际上是一种压缩文件，我们可以用npm包解压这个文件 解压后发现，实际上就是 里面的东西，其实我们如果只修改了渲染进程里面的东西的话，并不需要进行...