05 2025 档案

Web前端入门第 61 问：JavaScript 各种对象定义与对象取值方法
摘要：曾经有人说 JS 语言中万物皆对象，虽然这种说法不一定完全准确，但也有一定的道理。原因是 JS 的语法看起来所有的数据类型都像是一个对象，包括原始类型。 const a = 1.234; console.log(a.toString()); console.log(a.valueOf()); con 阅读全文
posted @ 2025-05-30 10:21 前端路引 阅读(542) 评论(0) 推荐(0)
Web前端入门第 60 问：JavaScript 各种数组定义与数组取值方法
摘要：数组可以算是程序里面最常用的数据结构了，但凡网页上任何一个列表数据，基本都是以数组的形式存在，像表格、banner图、菜单列表、商品列表，分类列表等等，在前端领域都是以数组处理。 数组的定义 JS 的数组花样很多，不像其他强类型语言中的数组限制颇多。 数组中的元素 JS 数组中的元素可以是任何类型， 阅读全文
posted @ 2025-05-28 10:50 前端路引 阅读(605) 评论(0) 推荐(2)
Web前端入门第 59 问：JavaScript 条件语句中善用 return 让代码更清晰
摘要：条件语句 JS 的条件语句不太多，就 if 和 switch 两个，不过他们的使用方式也可以算是眼花缭乱了。 if 语句 if 字面意思：如果 xxx。程序中的用法也是这样，如果条件为真，则执行执行代码块，反之则不执行。 语法： if (条件) { // 条件为真时执行 } else if (其他条 阅读全文
posted @ 2025-05-27 14:15 前端路引 阅读(703) 评论(0) 推荐(0)
Web前端入门第 58 问：JavaScript 运算符 == 和 === 有什么区别？
摘要：运算符 JavaScript 运算符是真的多，尤其是 ES6 之后还在不停的加运算符，其他编程语言看 JS 就像怪物一样，各种骚操作不断~~ 运算符分类 1、算术运算符 算术运算符的作用就是用来基础计算，跟小学课本一样，包含：加 +，减 -，乘 *，除 /，取余（也叫做取模） %，指数 **，自增 阅读全文
posted @ 2025-05-26 10:39 前端路引 阅读(630) 评论(0) 推荐(2)
Web前端入门第 57 问：JavaScript 数据类型与类型转换
摘要：在程序语言中，数据类型是基础，一切程序都是建立在基础数据之上。 如果说程序如同万丈高楼平地起，那么数据类型就像沙、石、钢筋、水泥等等最基础的原料。一样的高楼，不同的人，用相同的原料，造的方法也会有千般变化。 在 JS 中，数据类型可以分为 原始类型 和 对象类型。 原始类型 直接存储值，不可变（值的 阅读全文
posted @ 2025-05-22 10:27 前端路引 阅读(530) 评论(0) 推荐(0)
Web前端入门第 56 问：JavaScript 变量声明 var、let、const 区别
摘要：曾经 var 如帝王一般统治过 JS 的变量声明，直到后来大佬们实在是忍不了 var 那稀烂的声明规则，便引入了 let 和 const 这两大刀斧手，var 被轻轻松松的斩落马下，如今，再难看见 var 的身影。 变量声明 在 JS 中，所有变量都可以用 var、let 和 const 这三个关键 阅读全文
posted @ 2025-05-21 11:21 前端路引 阅读(708) 评论(0) 推荐(0)
Web前端入门第 55 问：JavaScript 严格模式与非严格模式区别
摘要：JavaScript 默认是非严格模式的，可以通过 "use strict"; 启用严格模式。此声明语句可以放在 JS 文件顶部，也可以放在函数内部。 启用严格模式 1、外部脚本在 JS 文件开头声明，内部脚本在 <script> 标签开头声明，声明后所有 JS 代码启用严格模式： "use str 阅读全文
posted @ 2025-05-20 09:08 前端路引 阅读(597) 评论(0) 推荐(1)
Web前端入门第 54 问：JavaScript 3 种书写位置及 script 标签的正确存放位置
摘要：JS 的代码并没有强制规定放在 HTML 中的某个位置，如果您有使用过开发者工具查看过网页源码，那么您会看到很多 JS 代码都以 .js 文件的形式存放，并且放在了 HTML 文件最后，也就是 </body> 结束标签之前。 但如果仔细观察，在 <head> 标签中，也会找到很多 script 标签 阅读全文
posted @ 2025-05-16 11:15 前端路引 阅读(562) 评论(0) 推荐(2)
Web前端入门第 53 问：JavaScript 的各种调试方法
摘要：任何一门编程语言，在学习之前都应该先弄清楚它的调试方法，毕竟没有不挖坑的人类！ 程序一旦出现问题，第一时间就是找到问题出在哪儿，其次才是拿出解决办法。如果都找不到问题原因，那又何从谈起解决办法呢？ 如何排查编程问题，这就是一门艺术了，同样的问题，也许 A 只需要 10 分钟，B 可能需要 30 分钟 阅读全文
posted @ 2025-05-15 10:28 前端路引 阅读(591) 评论(2) 推荐(8)
Web前端入门第 52 问：JavaScript 的应用领域
摘要：截至目前，您应该对前端的 HTML + CSS 应该有了很清楚的认知，至少实现一个静态网页已经完全不在话下了。 当然，CSS 功能绝不止这些，一些不太常用的 CSS 相关知识，后续将通过案例进行分享。 那么咱们接下来看看 JavaScript 的相关知识，作为前端领域三剑客之一，JavaScript 阅读全文
posted @ 2025-05-14 09:23 前端路引 阅读(761) 评论(0) 推荐(2)
Web前端入门第 51 问：移动端适配的视口元标签（meta）常见使用场景
摘要：经常查看网页源码的同学应该都有注意到，基本上面向移动端的所有网站都有个 <meta name="viewport" xxx> 这样的HTML元素。 为什么需要 meta 标签？ 在移动端刚起步的时候，默认网页是以 PC 端的宽度渲染，这就导致用户看到的网页过小，需要用户手动缩放才能看到网页内容。 在 阅读全文
posted @ 2025-05-13 09:24 前端路引 阅读(649) 评论(0) 推荐(4)
Web前端入门第 50 问：CSS 内容溢出怎么处理？
摘要：溢出：盒模型装不下内容的时候，超出盒子大小的内容就称之为内容溢出，这里的内容又分为盒模型和文本，所以 CSS 在处理溢出时候也分为文本和盒模型两种情况。 正常情况内容溢出应该换行自动撑开盒子大小，但某些情况下我们盒子大小可能是固定的，不允许自动撑开盒子大小，这种情况就需要处理溢出情况。 盒子溢出 盒 阅读全文
posted @ 2025-05-12 10:21 前端路引 阅读(338) 评论(1) 推荐(4)
Web前端入门第 49 问：CSS offset 路径动画演示
摘要：什么是路径动画？ 随手画一条不规则的线，让元素按照这条不规则的线运动起来，这就是所谓的路径动画。 前面说过的动画都只能针对某一个 CSS 属性，要想实现路径动画可没办法，路径动画必须借助 CSS3 的 offset 相关能力。 offset 相关属性 要实现路径动画，必须用到 offset 的相关属 阅读全文
posted @ 2025-05-11 10:18 前端路引 阅读(573) 评论(0) 推荐(4)
Web前端入门第 48 问：纯 CSS 使用 column 属性实现瀑布流布局
摘要：什么是瀑布流？ 看一张图，以下图片来源于花瓣网截图： 如上图所示，瀑布流就是让内容按列显示，自动填充空白。 使用 column 实现瀑布流 源码： <div class="masonry"> <div class="item"> </div> <div class="item"> </div> <d 阅读全文
posted @ 2025-05-09 09:31 前端路引 阅读(345) 评论(0) 推荐(3)
Web前端入门第 47 问：CSS @media 媒体查询不要只会视口宽度适配
摘要：@media 媒体查询的出现解决了什么问题？ 曾经，一个网页要兼容移动端和 PC 端，前端的代码复杂度嗖嗖嗖的飙升，需要使用多套代码对各种屏幕尺寸做适配。 @media 的出现解决了 CSS 中无法适配设备尺寸的问题，让 CSS 拥有了处理简单逻辑的能力。 媒体查询就像进店试穿衣服一样，穿得上，咱就 阅读全文
posted @ 2025-05-08 09:41 前端路引 阅读(325) 评论(0) 推荐(2)
Web前端入门第 46 问：CSS 中的数学函数不要只会 calc
摘要：数学函数可以用来做什么？ 最基础的当然是用来进行四则运算了，再进一步可以用来平方，对数，幂，绝对值，取余等，当然还可以用来计算三角函数。 CSS 中的数学函数 灵活运用 CSS 中的数学函数，可以抛弃很多原本需要 JS 才能实现的布局场景。 calc() 最基础的四则运算函数，对头，就是用来做小学就 阅读全文
posted @ 2025-05-07 10:09 前端路引 阅读(427) 评论(0) 推荐(1)
Web前端入门第 45 问：CSS 变量 var() 轻松实现主题换肤功能
摘要：HELLO，这里是大熊的前端开发笔记。 曾经主题切换功能可以作为软件中亮眼的卖点存在，毕竟那时候要实现换肤可不容易，一套主题一套样式，这代码的重复率嗖嗖嗖的就涨上去了~~当然也可以借助 CSS 预编译 语言编译出多套 CSS 样式表。 没有用觉得我们其实并不需要多套样式表实现换肤？我们只是想要一个像 阅读全文
posted @ 2025-05-06 10:06 前端路引 阅读(789) 评论(0) 推荐(4)