王铁柱6 - 博客园

2024年11月26日

摘要：我用过 SCSS 和 Sass。它们都是 CSS 预处理器，用来扩展 CSS 的功能，让 CSS 的编写更简洁、更易于维护。主要区别在于语法： Sass (Syntactically Awesome StyleSheets) 使用缩进语法（indented syntax）。它不使用大括号 {} 和分阅读全文

posted @ 2024-11-26 06:01 王铁柱6 阅读(63) 评论(0) 推荐(0)

如何实现一个全屏的功能？

摘要：实现前端全屏功能，可以使用 JavaScript 的 Fullscreen API。以下是如何实现全屏以及退出全屏的示例代码，并包含一些最佳实践和常见问题的解决方案： // 获取要全屏显示的元素，可以是任何元素，例如 <video>、<img> 或 <div>。 const element = do 阅读全文

posted @ 2024-11-26 06:00 王铁柱6 阅读(205) 评论(0) 推荐(0)

说说你对重构的理解

摘要：在前端开发中，重构是指在不改变软件外部行为的前提下，改进其内部结构。它的目标是提高代码质量，使其更易于理解、维护、扩展和测试，同时不引入新的功能或修改现有功能的行为。重构不仅仅是代码的简单清理，它更像是一种对代码的“手术”，需要谨慎和有计划地进行。以下是我对前端重构的一些理解，涵盖了目标、常见场阅读全文

posted @ 2024-11-26 06:00 王铁柱6 阅读(36) 评论(0) 推荐(0)

2024年11月25日

请问WebSql是HTML5的一个规范吗？

摘要： Web SQL曾经是HTML5的一个规范草案，但它已经被废弃，不再被推荐使用。 W3C已经停止了它的开发，主流浏览器虽然可能仍然支持，但不建议在新项目中使用它。应该使用IndexedDB作为替代方案，它是一个更强大、更标准化、更被广泛支持的客户端存储方案。 IndexedDB 提供了类似于关系数据阅读全文

posted @ 2024-11-25 09:38 王铁柱6 阅读(30) 评论(0) 推荐(0)

absolute的containing block（容器块）计算方式和正常流有什么区别？

摘要：绝对定位元素（position: absolute;）的 containing block 的计算方式与正常流元素不同。正常流元素的 containing block 通常是其父元素，而绝对定位元素的 containing block 则是最近的非 static 定位的祖先元素。具体来说：正常流阅读全文

posted @ 2024-11-25 09:37 王铁柱6 阅读(43) 评论(0) 推荐(0)

举例说明js关闭当前窗口有哪些方法？

摘要： JS关闭当前窗口的方法有很多种，但并非所有方法都 universally reliable，因为浏览器安全策略的限制。以下是一些常见方法，并附带其局限性： 1. window.close(): 说明: 这是关闭窗口最常用的方法。局限性: 只能关闭通过 JavaScript 代码打开的窗口。如果窗口阅读全文

posted @ 2024-11-25 09:36 王铁柱6 阅读(2380) 评论(0) 推荐(0)

关于重复造轮子这件事你是怎么理解的？

摘要：在前端开发领域，“重复造轮子”指的是重新开发已经存在且成熟的解决方案或工具，而不是直接使用它们。这通常会浪费时间和资源，并且可能导致代码质量下降、维护成本增加以及与现有生态系统的不兼容。然而，“重复造轮子”并非总是坏事，在某些情况下，它可能是合理的，甚至是有益的。关键在于理解其利弊，并根据具体情况阅读全文

posted @ 2024-11-25 09:36 王铁柱6 阅读(172) 评论(0) 推荐(0)

精灵图和base64如何选择呢？

摘要：在前端开发中，精灵图（Sprite Sheet）和Base64编码都是常用的优化图片加载的技巧，但它们各有优劣，需要根据具体情况选择。精灵图 (Sprite Sheet) 原理: 将多个小图标或图片合并成一张大图，通过CSS的background-position属性来控制显示哪一部分。优点: 阅读全文

posted @ 2024-11-25 09:35 王铁柱6 阅读(42) 评论(0) 推荐(0)

说说visibility属性的collapse属性值有什么作用？在不同浏览器下有什么区别？

摘要： visibility: collapse; 的作用是隐藏元素，但在某些情况下会保留元素占据的空间。它的行为与 visibility: hidden; 相似，主要区别在于表格元素（table，row，column 等）。对大多数元素: visibility: collapse; 的效果与 visib 阅读全文

posted @ 2024-11-25 09:34 王铁柱6 阅读(143) 评论(0) 推荐(0)

说说你对js包装对象的理解

摘要：在 JavaScript 中，基本类型（primitive types）例如数字、字符串、布尔值、null 和 undefined，本身并不是对象。然而，为了方便开发者访问属性和方法，JavaScript 提供了一种机制，当我们试图访问基本类型的属性或方法时，它会自动创建一个对应的包装对象（wrap 阅读全文

posted @ 2024-11-25 09:33 王铁柱6 阅读(19) 评论(0) 推荐(0)

公告