lio零度

分类

未归档(375)

/ 注册

全部文章（共375篇）

过滤并排序字符串列表

假如我们有一个字符串数组，需要过滤掉重复的名字并按字母表将其排序。实现如下： const names = ['D.O', 'K.O', 'LAY', 'KAI', 'IU', 'D.O', 'K.O', 'IU'] 使用 Array.prototype.filter 它将基于我们传递的...

2021-07-15

0 274

如何在 JavaScript 中检查数字是正数还是负数

ES6 的 Math.sign 方法返回一个数字的符号，指示数字是正数，负数还是零。使用起来很简单： Math.sign(6) // 1 Math.sign(-6) // -1 Math.sign(0) // 0 Math.sign 返回值 Math.sign() 有5个可能的返回值： ...

2021-07-14

0 319

JavaScript 中的数字截断

ES6 引入的 Math.trunc() 方法用于截断浮点数并返回其整数部分。此函数不进行任何舍入，它只是删除小数点后的所有数字。 const number = 100.6 // 旧方法 number < 0 ? Math.ceil(number) : Math.floor(number)...

2021-07-13

0 471

查找元素最近的相对位置祖先

您是否曾经遇到过 CSS 定位困境，即带有 position: absolute 的元素没有按预期进行定位？我们知道，在元素上设置绝对位置将使其相对于最近的祖先进行定位，最近的祖先将其 position 设置为 static 以外的值（默认值）。 ...

2021-07-12

0 263

10个 Web 开发人员的常用的 Chrome 扩展程序

Google Chrome 的开发者工具可以进一步提高你的工作效率。以下是我个人日常 Web 开发中常用的十个 Chrome 扩展。 CSS Peeper CSS Peeper 是一个用于 CSS 检查的多功能工具，它允许您快速查看任何网站的样式、字体、调色板和资源。 ...

2021-07-11

0 282

CSS Reset 与 Sprites

CSS Reset 与 Sprites 总结起来就两段话： Reset —— 重置浏览器默认属性 Sprites —— 由多个小图片组成的图像。目的是为了提高性能，减少服务器对图片的请求数为什么要初始化 CSS 样式因为浏览器的兼容问题，不同浏...

2021-07-09

0 238

对于特定于语言的样式，在 lang 属性选择器上使用 :lang 伪类

HTML 文档的内容可以是多种不同的语言。为了指定文档的主要语言，我们可以在根元素上使用 lang 属性。 <html lang="zh"> 我们还可以在页面中使用 lang 属性来划分与文档主语言不同语言的特定元素或部分。 <html lang=&...

2021-07-08

0 237

CSS 盒模型

CSS 是关于盒子的。屏幕上显示的所有内容都有一个框，"盒模型"（box model）描述了如何计算该框的大小 —— 考虑了边距（margin）、填充（padding）和边框（border）。标准 CSS 盒模型采用给定元素的宽度，然后在该宽度上添加 padding 和 ...

2021-07-07

0 222

JavaScript 中响应图像的最大宽度和高度

当我们操作砌体布局时，经常需要获取图像的当前宽度和高度，现代浏览器为我们提供了两个属性来方便的获取这些值。现代浏览器（包括 IE9）为 <img> 元素提供 naturalWidth 和 naturalHeight 属性。这些属性包含图像的实际、未修改的宽度和高度。 var max...

2021-07-06

0 249

使 abbr 元素适用于触摸屏、键盘和鼠标

<abbr> 元素用于表示和定义首字母缩略词，当你传递一个 title 属性时，它将创建一个工具提示。 <abbr title="我是超人">I am Superman</abbr> 如果用户将鼠标悬停在缩写词上，则完整定义将显示在本机浏...

2021-07-05

0 272