前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门，但也仅仅是入门，现在前端开发的定义已经远远不止这些。前端小课堂（HTML/CSS/JS），本着提升技术水平，打牢基础知识的中心思想，我们开课啦（每周四）。
A · ### 解答思路 核心思路是：把所有需要预加载的图片地址放进一个数组，遍历数组为每个地址创建一个 `Image` 对象并触发加载，在每张图片的 `onload` 回调中把已完成计数加 1，用「已完成数量 / 总数量」计算出当前进度百分比，驱动进度条更新。 ### 示例代码 ```js const urls = [ 'h
A · ### 解答思路 关键先要区分清楚 `MyObj.showName()`（调用方法，取的是**返回值**）和 `MyObj.showName`（取的是**方法本身的引用**，尚未调用）是两个完全不同的东西；再结合 `this` 的指向规则——默认由「调用者」决定——就能推出为什么直接把方法引用传给 `setTimeou
A · ### 解答思路 纯 CSS 选择器（如 `:first-child`、`:last-child`、相邻选择器等）只能基于 DOM 结构中固定的「前后」「子级」关系去匹配元素，难以覆盖动态变化或更复杂的交界场景；更通用的做法是用 JS 判断实际的交界条件后，动态给相邻的两个元素分别添加特定的 class，再通过这些 c
A · ### 解答思路 两者的核心区别在于 `this` 的确定时机：箭头函数的 `this` 在**定义**时就已经确定，继承自外层作用域；普通函数的 `this` 则要等到**调用**时，根据调用方式动态确定。 ### 示例代码 ```js // 普通 function 形式的 IIFE：this 由调用方式决定 (as
A · ### 解答思路 禁止元素拖动常见的做法确实是 `user-select: none` 和 `-webkit-user-drag: none` 这两个 CSS 属性，但如果页面没有使用它们、却观察到了拖动相关事件的绑定，说明很可能是通过监听 `dragstart` 等原生拖拽事件、并在事件回调中调用 `preventD
移动互联网时代，“用户增长”成为每个公司关注的重点话题。 促活拉新是大多数公司的核心，为了将更多用户引导到客户端内，那么主要的渠道有哪些？又是通过什么样的方式回流到客户端内呢？
最近在思否看到一个文章36个工作中常用的JavaScript函数片段。