前端
winfield821
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
URL 对字母大小写敏感么?
最佳实践是始终将 URL 视为区分大小写,特别是在路径和参数部分,以确保跨平台的一致性和兼容性。原创 2025-02-26 21:28:58 · 914 阅读 · 0 评论 -
package-lock.json 文件是做什么用的?
文件是 npm(Node Package Manager)在版本 5 及以上自动生成的文件,用于锁定当前项目的依赖包的版本。文件应该被提交到版本控制系统中(如 Git),以便其他开发者在其他环境中都能够使用相同的依赖版本。文件对于确保项目的依赖包版本一致性和可重复性非常重要,并且可以提高依赖包的安装速度。命令时,npm 会自动生成或更新。文件中的依赖项,运行。原创 2024-08-29 18:39:40 · 1261 阅读 · 0 评论 -
TypeScript 项目,自身 package 是 A,它引用了 B package。项目编译时,选择依赖版本的机制是什么?
在 TypeScript 项目中,当 package A 引用了 package B,编译 A 的过程中,B package 将按照 B package 自身的 package.json 文件中指定的各个库的版本进行编译,而不是按照 A package 中的库版本。总之,在编译 package A 时,A 中引用的 package B 将按照 B 自身的 package.json 文件中指定的库版本进行编译,确保了每个 package 使用其声明的依赖项版本,保持了 package 之间的独立性。原创 2024-06-03 01:16:07 · 503 阅读 · 0 评论 -
webpack 是什么?
它是前端开发中常用的构建工具之一,主要用于将项目中的多个模块和文件打包成一个或多个静态资源文件(通常是 JavaScript 文件),以便在浏览器中加载和运行。webpack 在现代前端开发中被广泛使用,它帮助开发者更有效地管理和构建复杂的前端项目,处理模块之间的依赖关系,提高了开发效率和项目的可维护性。提供了丰富的插件系统,允许开发者通过插件来扩展和定制构建过程,执行各种任务,例如代码优化、压缩、资源管理等。可以处理项目中的各种模块,并将它们打包成适合在浏览器中运行的静态资源。原创 2024-01-14 19:52:48 · 730 阅读 · 0 评论 -
如何在 Cypress 测试中通过 URL 下载文件?
要在 Cypress 中下载一个文件,可以使用。命令来发送 HTTP 请求以获取文件,并使用。原创 2023-09-18 12:11:28 · 458 阅读 · 0 评论 -
Cypress 做 e2e 测试,如何在获得某个 checkbox 后先判断它是否被 check 然后再更改它的状态?
比如如果这个 checkbox 已经被 check 了,就不做操作,否则将它 check。我们假设这个 checkbox 的 data-testid 属性是。原创 2023-08-22 22:51:36 · 1158 阅读 · 0 评论 -
React state 的生命周期
Recoil 的全局状态(global state)生命周期并不是由 Recoil 库直接管理的,而是由包含全局状态的顶层组件(如根组件或应用程序的主组件)创建和管理的。组件加载(Component Mounting):顶层组件加载时,创建并初始化全局 Recoil 状态。组件卸载(Component Unmounting):当顶层组件或包含全局状态的组件卸载时,全局状态也会被清理,以释放内存和资源。当状态发生变化时,相关组件将会重新渲染以反映最新的状态。当顶层组件卸载时,全局状态也会被销毁。原创 2023-06-23 00:05:59 · 277 阅读 · 0 评论 -
前端开发中常说的 bundle 是什么?
通过使用捆绑工具(如Webpack、Parcel、Rollup等),可以将这些源文件打包为一个或多个捆绑包文件。捆绑工具会分析源文件之间的依赖关系,并将它们合并为一个文件,通常是一个 JavaScript 文件(称为主捆绑包),其中包含了所有的代码和资源。在前端开发中,“bundle”(捆绑包)是指将多个源文件(例如 JavaScript、CSS、图像等)合并为单个文件的过程和结果。捆绑包的目的是将多个文件捆绑在一起,以便在浏览器中更高效地加载和传输。原创 2023-06-11 21:33:37 · 7761 阅读 · 0 评论 -
HTML 如何将一段文字放在另一段文字之后?要紧随不换行,并且两段文字样式是不一样的。
可以防止文字换行。然后,使用不同的类名(例如 text-style1 和 text-style2)分别给两段文字应用不同的样式。要在一段文字之后紧随而不换行地添加另一段文字,并且两段文字具有不同的样式,可以使用。可以根据需要自定义样式和调整代码,以适应具体要求和设计。元素来包裹两段文字。通过设置该类的 CSS 样式。元素和 CSS 来实现。在上面的示例中,使用了一个带有。/* 样式1的CSS样式 *//* 样式2的CSS样式 *//* 防止换行 */原创 2023-06-11 00:56:20 · 1554 阅读 · 0 评论 -
HTML,文字过长截断并带有“显示更多“按钮。怎么判断文字是否被截断?
要在 HTML 中实现根据文本是否被截断来动态显示或隐藏"显示更多"按钮,可以使用 JavaScript 来进行判断并控制按钮的显示状态。通过这种方式,可以根据文本是否被截断来动态显示或隐藏"显示更多"按钮。只有当文本被截断时,按钮才会显示出来,以提供展开文本的选项。接下来,根据截断状态来动态控制"显示更多"按钮的显示与隐藏。如果容器的实际高度大于可见高度,则说明文本被截断,我们将显示"显示更多"按钮;事件监听器,以便在窗口大小变化时重新检查文本截断状态,以保持按钮的显示与隐藏状态的更新。原创 2023-05-21 23:51:10 · 1082 阅读 · 0 评论 -
如何让 HTML 的 input 组件的输入只能是数字?
属性设置为 “number”,这将限制用户只能输入数字。原创 2023-05-21 16:50:25 · 1095 阅读 · 0 评论 -
TypeScript 对于同步函数,如何暂停其执行一段时间?
后面的代码仍然会继续执行,不会等待回调函数执行完毕再执行。如果你需要在回调函数执行完毕后再执行后续代码,可以将后续代码也放到回调函数中,或者使用异步的方式来处理。的第二个参数是要暂停的时间,以毫秒为单位。在这个例子中,我们将要暂停的时间设置为 1000 毫秒,也就是 1 秒钟。函数可以让我们在指定的时间后执行一个函数,因此我们可以将要暂停的代码放到一个函数中,然后在。在 TypeScript 中,要暂停同步函数的执行一段时间,可以使用。函数是异步的,它会在指定的时间后才执行回调函数。原创 2023-05-12 00:40:04 · 1470 阅读 · 0 评论
分享