王铁柱6 - 博客园

2024年12月7日

怎样在`<pre>`标签内不转义<和>符号（原样输出html标签）？

摘要：在 <pre> 标签内原样输出 < 和 > 符号，你需要使用 HTML 实体： < 代表 < > 代表 > 例如，要显示 <div> 标签，你需要在 <pre> 标签内写成 <div>。 <pre> <div> This is some content insid 阅读全文

posted @ 2024-12-07 09:01 王铁柱6 阅读(53) 评论(0) 推荐(0)

固定的外框尺寸，里面的图片尺寸不固定，如何让图像自适应外框呢？

摘要：在前端开发中，要让不同尺寸的图片自适应固定大小的外框，你可以使用以下几种方法： 1. object-fit CSS 属性: 这是最推荐的方法，object-fit 属性可以控制图像在容器内的缩放和对齐方式。常用的值有： contain: 图片完整显示在容器内，保持宽高比，可能会留白。 cover: 阅读全文

posted @ 2024-12-07 09:01 王铁柱6 阅读(156) 评论(0) 推荐(0)

2024年12月6日

发现了一个严重的bug，需跨多个部门协作定位并修改问题时，如何提升协作的效率？

摘要：当发现一个需要跨多个部门协作定位和修改的严重 bug 时，提升协作效率至关重要。以下是一些从前端开发角度出发，提升跨部门协作效率的建议： 1. 清晰的问题描述和复现步骤: 详细记录 bug 表现: 包括错误信息、截图、屏幕录制等，尽可能全面地展现 bug 的现象。提供清晰的复现步骤: 确保其他部门阅读全文

posted @ 2024-12-06 09:54 王铁柱6 阅读(85) 评论(0) 推荐(0)

页面布局时你使用最多的标签是什么？div吗？在什么情况下会使用到div？

摘要：是的，在前端开发中，div 标签是我使用最多的标签之一。它是一个块级元素，本身没有任何语义含义，这意味着它不代表任何特定的内容类型（不像 article、nav、aside 等）。这使得它非常通用且灵活，适用于各种布局场景。我通常会在以下情况下使用 div：创建结构和分组内容： div 最主要阅读全文

posted @ 2024-12-06 09:53 王铁柱6 阅读(61) 评论(0) 推荐(0)

不用换行的标签，怎么伪元素实现换行的效果？

摘要：要让一个本身不换行的标签（例如 <span>，<a>，<strong> 等）中的文本换行，同时利用伪元素，你可以使用以下几种方法： display: inline-block; 结合 word-wrap 或 overflow-wrap: 这是最常用的方法。将元素的 display 属性设置为 inl 阅读全文

posted @ 2024-12-06 09:52 王铁柱6 阅读(72) 评论(0) 推荐(0)

手写一个trim()的方法

摘要： function trim(str) { // Check if the input is a string. If not, return the input as is. if (typeof str !== 'string') { return str; } // Use a regular 阅读全文

posted @ 2024-12-06 09:51 王铁柱6 阅读(22) 评论(0) 推荐(0)

如果你是Leader，如何提升团队的战斗力呢？

摘要：作为前端开发团队的Leader，提升团队战斗力需要多管齐下，关注个人成长、团队协作和项目管理等方面。以下是一些策略：一、技术能力提升: 明确技术方向和目标: 制定清晰的技术发展路线图，让团队成员了解未来的发展方向和需要掌握的技术栈，并设定可衡量的目标。例如，采用新的前端框架、提升性能优化技能等。阅读全文

posted @ 2024-12-06 09:51 王铁柱6 阅读(112) 评论(0) 推荐(0)

如何在网页中打开腾讯QQ？

摘要：在网页中打开腾讯QQ，通常指打开一个聊天窗口，可以直接与指定的QQ号进行对话。实现这功能主要有两种方式：使用 Tencent QQ 提供的官方 API - TIM: 这是推荐的方式，TIM 是腾讯云提供的即时通讯服务，功能强大且稳定。它提供 Web SDK，可以方便地集成到网页中，实现包括但不限于阅读全文

posted @ 2024-12-06 09:50 王铁柱6 阅读(841) 评论(0) 推荐(0)

给一个图片设置透明有哪些方式呢？

摘要：在前端开发中，设置图片透明的方法主要有以下几种： 1. 使用 CSS 的 opacity 属性: 这是最常用且最简单的方法。opacity 属性可以设置元素的透明度，取值范围从 0.0 (完全透明) 到 1.0 (完全不透明)。 img { opacity: 0.5; /* 设置图片透明度为 50% 阅读全文

posted @ 2024-12-06 09:49 王铁柱6 阅读(525) 评论(0) 推荐(0)

你是如何比较js函数的执行速度的？

摘要：在前端开发中，比较 JavaScript 函数的执行速度可以使用多种方法，各有优缺点： 1. console.time() 和 console.timeEnd(): 这是最简单直接的方法，适合快速粗略的比较。优点: 简单易用，内置于浏览器控制台。缺点: 精度不高，容易受到其他因素干扰，例如浏览器阅读全文

posted @ 2024-12-06 09:48 王铁柱6 阅读(40) 评论(0) 推荐(0)

公告