sql.js 可以在浏览器中运行SQLite数据库

SQL.js是一个JavaScript库,允许您完全在浏览器中创建和查询关系数据库。 它使用一个存储在浏览器内存中的虚拟数据库文件,所以它不会持久化对数据库的修改。SQL.js的核心是一个JavaScript实现的SQLite数据库引擎。 SQLite是一个轻量级的开源关系数据库,它被广泛用于嵌入式系统和移动应用程序。

2024-04-18 3850 0 数据库 SQLite 浏览器 sql.js

为什么都在说 React 比 Vue 难?

React和Vue都是现代前端开发中非常流行的框架,它们都有各自的优点和缺点,但是为什么有些人会觉得React比Vue难呢?这个问题可能有多种原因,下面我将从几个方面来探讨这个问题。

2024-04-13 2518 0 React Vue

NueCSS 框架要取代 Tailwind、CSS-in-JS?

Nue CSS 是 Tailwind、BEM 和 CSS-in-JS 的更易于维护和扩展的替代方案,是一种编写和构建 CSS 的新方法。Nue CSS 采用一种全新的设计方法来构建出色的用户体验。每个 Nue 项目都始于一个设计系统,设计系统是 “单一事实来源”。

2024-04-07 2373 0 Tailwind 框架 NueCSS CSS-in-JS

ESLint9.0 正式发布 带来重大更新和破坏性更改

ESLint是一个插件化的代码检测工具,它可以静态分析代码,快速发现问题。它可以内置在大多数文本编辑器中,开发者可以将 ESLint 作为 DevOps 的一部分来运行。ESLint v9.0.0 是一次重大版本升级。该版本增加了一些新功能,带来 38+ 破坏性更改、 20+ 特性更新以及相关问题修复。需要升级的同学可以参考官网提供的集成指南。

2024-04-06 2514 0 ESLint ESLint9 重大更新 破坏性更改

提升程序性能的JavaScript优化技巧

现在当应用程序变得越来越复杂的同时,提升性能成了我们必需要考虑的一个事情,因为一个程序上线后,它的体验否流畅,加载是否快,显得非常重要。今天给大家列6个基本的JavaScript优化方案。

2024-03-27 2092 0 JavaScript 性能 优化

react useEffect 在组件挂载时运行了两次

在开发环境下,如果开启严格模式,React 会在实际运行 setup 之前额外运行一次 setup 和 cleanup。这是一个压力测试,用于验证 Effect 的逻辑是否正确实现。如果出现可见问题,则 cleanup 函数缺少某些逻辑。cleanup 函数应该停止或撤消 setup 函数所做的任何操作。一般来说,用户不应该能够区分 setup 被调用一次(如在生产环境中)和调用 setup → cleanup → setup 序列(如在开发环境中)。

2024-03-26 1906 0 react useEffect 组件

Angular 管道 Pipes用法示例

Angular 管道(Pipes)是一种用于在模板中对数据进行转换和格式化的机制。它们可以用于将日期、货币、文本等数据转换为所需的格式,以便在视图中显示。

2024-03-24 1799 0 Angular 用法 管道 Pipes

window.close()方法什么时候能执行?

window.close()方法只能在由window.open()打开的窗口或者直接由浏览器输入URL打开的页面中执行。window.close()是JavaScript中的一个方法,用于关闭当前窗口。然而,出于安全考虑,现代浏览器通常限制了这个方法的使用。

2024-03-20 2209 0 window 执行 window.close

2024年JavaScript更新引入6个新功能

JavaScript 在2024 年更新引入了 6个关键功能。从使文本和日期更易于处理,到程序等待和协同工作的新方法,甚至使模式更容易查找。格式正确的 Unicode 字符串。Atomic waitSync。正则表达式 v 带有集合表示法的标志 + 字符串属性。Pipeline Operator (|>)。Temporal API。Records and Tuples。

2024-03-18 2526 0 JavaScript 2024 更新 新功能

script 标签 defer参数有什么用?

defer 是 HTML <script> 标签的一个属性,它用于告诉浏览器延迟执行脚本,直到文档解析完成之后再执行。这意味着带有 defer 属性的脚本将在文档完全解析后才会执行,而不会阻止文档的解析过程。

2024-03-07 2473 0 标签 script defer 参数

美国身份证的js正则表达式

以下是美国身份证的正则表达式:^(?!000|666|900)\d{9}$。以下是使用 JavaScript 验证美国身份证号码有效性的示例。该示例首先定义了一个名为 is_valid_us_id 的函数,该函数接受一个参数 id_number,表示美国身份证号码。然后,使用正则表达式 ^(?!000|666|900)\d{9}$ 验证 id_number 的格式是否有效。

2024-03-01 2228 0 js 正则表达式 美国 身份证

spacetime 轻量级javascript时区库

什么是 spacetime?spacetime 是一个日期计算器,非常小,而且非常方便。目前 spacetime 在 Github 通过 MIT 协议开源,有超过 3.9k 的 star、3.4k 的项目依赖量,代码贡献者 50+,是一个值得关注的开源开源项目。默认情况下,spacetime 将使用本地的时区,即. goto(null) 将从浏览器或计算机中安全地获取当前的 tz。

2024-02-25 2631 0 JavaScript spacetime 轻量级 时区库

jquery ajax如何异步上传图片

使用 jQuery 和 AJAX 进行异步上传图片是相对简单的。你可以使用 FormData 对象来收集表单数据(包括文件),然后通过 AJAX 将其发送到服务器。以下是一个基本的示例。在服务器端,你需要有相应的代码来接收并处理上传的文件。示例中的 upload.php 文件是一个可能的处理上传文件的 PHP 脚本。

2024-02-23 2154 0 jquery ajax 上传图片 异步

CSS图像遮罩mask-image属性用法

在CSS的世界里,视觉效果的呈现方式多种多样,其中mask-image属性就是一个强大的工具,它允许我们利用图像作为遮罩层来隐藏元素的部分内容。本文将深入探讨mask-image属性的用法、功能以及实际应用场景。mask-image是CSS的一个属性,用于定义一个图形遮罩应用于元素的背景和/或内容区域,以此决定哪些部分可见,哪些部分不可见。

2024-02-23 3656 0 CSS 用法 图像遮罩 mask-image 属性

JSON.parse 会丢失数字精度

JSON.parse() 会丢失数字精度的原因是 JSON 格式对数字的表示有限,它不支持超出一定范围的大数字或者精确到小数点后很多位的小数。JSON 标准规定数字只能是有限精度的 IEEE 754 浮点数。解决这个问题的方法通常是使用字符串来表示数字,或者使用自定义的解析方法来处理数字。例如,可以将数字转换为字符串来避免精度丢失,然后在需要进行数值计算时再将其转换回数值类型。另外,也可以使用一些第三方库或者自定义函数来解析 JSON 字符串,以保持数字的精度。

2024-02-22 2199 0 JSON parse JSON.parse 丢失 数字 精度

jQuery4.0有哪些新功能?

jQuery 4.0 是 jQuery 库的重大更新,引入了许多新功能和改进。以下是 jQuery 4.0 中一些重要的更新:1. 弃用旧版本 2. 模块化 3. 性能改进 4. 新的 API 5. 对 ES6 的支持。

2024-02-19 2451 0 jQuery jQuery4.0 新功能

javascript几种异步编程方法

JavaScript异步编程是一种编程模式,用于处理异步操作,例如网络请求、文件读取、定时器等,以确保在等待操作完成时不阻塞程序的执行。异步编程的目的是提高程序的性能和响应性,并允许在执行其他任务时继续执行代码。在JavaScript中,有几种处理异步编程的方式:回调函数(Callbacks),Promise和Async/Await。

2024-02-08 2023 0 编程 JavaScript 异步 异步编程

React UT报错 thrown: "Exceeded timeout of 5000 ms for a test.

React UT 报错:thrown: "Exceeded timeout of 5000 ms for a test.Use jest.setTimeout(newTimeout) to increase the timeout value, if this is a long-running test."。这个错误是由 Jest 测试框架引发的,表明某个测试用例执行超出了默认的超时时间(5000 毫秒),需要增加超时时间以允许长时间运行的测试用例完成。您可以按照错误消息建议的方式,使用 jest.setTimeout(newTimeout) 来增加超时时间。

2024-02-07 1867 0 timeout thrown Exceeded test UT报错

LocalStorage平替RemoteStorage用法示例

什么是 RemoteStorage?在 localStorage 中存储数据很有用,但当数据需要在多个设备或浏览器之间共享时,这并不是一个好的解决方案。这就是 RemoteStorage 的用武之地,其使用与 localStorage 相同的 API,remoteStorage 允许开发者轻松地动态读写数据,同时跨浏览器和设备维护状态,以提供更好的用户体验。

2024-02-04 2888 0 用法 LocalStorage RemoteStorage

Web前端开发技术发展趋势

Web 前端开发是一个不断发展的领域,随着新技术的不断涌现,未来的发展趋势也将呈现出多样化。以下是一些值得关注的 Web 前端开发趋势。总体而言,Web 前端开发的未来将是多样化的,新技术将不断涌现。Web 开发人员需要不断学习新技术,才能适应不断变化的行业需求。

2024-01-31 2507 0 前端 Web 开发 发展趋势

顶部