全部文章
共 1299 篇文章
探索 Electron 应用的本地存储：SQLite3 与 Knex.js 的协同工作
electron 简介 是一个使用 , 和 构建跨平台桌面应用程序的框架。 它允许开发者使用 技术来创建桌面软件，而不需要学习特定于平台的编程语言。 应用程序实际上是一个包含 内容的 浏览器实例，并且可以访问丰富的 来执行系统级任务。 这使得 成为开发桌面应用程序的强大工具，因为它结合了 技术的灵活性和 的功能。 sqlit3 简介 是一个 语言编写的轻量级数据库，它具有以下特点: 1、 轻量级 ： 的数据库是一个单一的文件，不需要一个...
面试官：手写Promise，我瞅瞅
手写 promise 1.Promise 构造函数 参数 构造函数接受一个函数作为参数，该函数有两个参数也是函数 resolve 函数用于将 Promise 对象的状态从 pending 变为 fulfilled reject 函数用于将 Promise 对象的状态从 pending 变为 rejected 状态 三个：pending、fulfilled 和 rejected，状态不可逆 构造函数： executor 函数中，所以 pr...
CSS 锚点定位终于来了！
盼了好久，最近 终于迎来了 锚点定位的正式支持。这是一个和 滚动驱动动画一样，足以颠覆整个 开发领域的新特性。有了这个特性，很多以前强依赖 的方式，都可以纯 解决，并且实现起来更加简单、更加灵活，一起看看吧 一、快速了解 CSS 锚点定位 在过去，要实现一个元素定位，通常需要一个相对定位。比如这样一个 tooltip 如果不借助 ，让这个气泡位于按钮的正上方，就只能约束 结构，让这个气泡位于按钮内部 并且设置按钮为相对定位，才能通过绝对...
同源策略、跨域相关以及script等标签带来的问题和处理方式
一、同源策略定义 同源策略（Same origin policy）是一种在web应用中重要的安全策略，用于限制一个源（origin）的文档或者它加载的脚本如何与来自另一个源的资源进行交互。这里的“源”由协议、域名和端口组成，只要这三者不完全相同，就算是不同源。 二、同源策略作用 1、防止信息泄露： 同源策略阻止恶意网站通过跨域请求获取用户在其他站点上的敏感信息。例如，禁止一个网页中的脚本访问另一个不同域的网页中的数据，包括读取、修改或删...
实现一只碎片化效果的鸟
老板：别人有的，我们也要有！ 效果如下，每一只动物都是一块一块碎片组成的，并且每一次切换的时候，碎片都有一种 重组动画效果 ，如下： 实现起来不难，分享给大家 一探究竟 进到这个网站中看，可以看到每一只动物都是由无数个碎片DOM节点叠加而成的，而这些碎片是怎么画的呢，可以看出用了两个样式： clip path ：碎片形状的绘制 background color ：碎片背景颜色 如果对 这个样式感兴趣的，可以去 MDN 文档上看 碎片数据...
CommonJS 和 ES Module 终于要兼容了？
最近网上看到一个挺有意思的消息，让我不禁想跟大家聊聊。那就是 和 的互操作性问题终于有望解决了！是不是很惊喜，这可是困扰咱们开发者多年的老大难问题啊。说到这儿，你是不是又想起了 ？ CJS 和 ESM 的前世今生 在 的世界里，模块化是构建大型应用程序的基础。模块化可以帮助开发者在不影响全局命名空间的前提下管理代码，便于功能分离、代码复用和依赖管理。 和 就是这两大模块化方案的代表。 CommonJS（CJS） 是 原生支持的模块系统，...
React新旧DOM和key的关系
我们都知道， 是通过 对比，进行更新渲染的。这样一方面可以积累多次更新到一次渲染中，减少渲染次数；另一方面通过 的对比，尽可能复用之前的 ，提示性能。这里我主要说一下 的对比以及与 的关联性。 1. 新的虚拟 是基于组件的最新 和 的值计算得出的，然后再和旧 进行比较。 这里我想强调的是新的 不是基于旧的 生成的 。 2. 会给每一个 元素，优先使用开发自定义的 ，没有的话会提供默认的 ，这个 是基于该组件在父组件中的索引，比如第一个就...
什么？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类的定义非常简单，使用 关键字即可： 在上述代码中： 使用 定义了一个名为 的类。 方法是类的构造函数，用于初始化实例对...