当地时间1月22日，特斯拉首席执行官埃隆·马斯克在平台发文称，特斯拉公司开始在奥斯汀提供无安全员的无人驾驶出租车服务。上个月，马斯克曾宣布公司已开始进行车内完全无人的测试。特斯拉人工智能负责人Ashok Elluswamy在另一篇帖子中表示，该公司无人驾驶出租车车队中将有“少数”车辆不配备安全员。他称，随着时间推移，无安全监控车辆的占比将逐步提高。（界面）

36氪获悉，A股三大指数集体高开，沪指高开0.18%，深成指高开0.15%，创业板指高开0.16%；贵金属、发电设备、石油化工板块领涨，齐翔腾达涨超7%，中金黄金、湖南白银涨超6%，金风科技涨超2%；能源设备、半导体、电脑硬件板块跌幅居前，海光信息跌超4%，中国长城跌超3%，中曼石油跌超2%。

36氪获悉，恒指开盘涨0.87%，恒生科技指数涨0.96%；消费、零售、有色金属板块领涨，赤峰黄金、泡泡玛特涨超4%，阿里巴巴涨超3%；石油石化板块跌幅居前，元亨燃气跌超5%。

36氪获悉，1月23日，人民币对美元中间价调升90个基点，报6.9929，上一交易日中间价7.0019。

1月23日，记者从人民银行深圳市分行了解到，自“跨境理财通”2.0版本实施以来，深圳银行新增个人投资者约3.2万名，跨境收付金额合计526亿元，金额占粤港澳大湾区比重近五成，业务规模较1.0时期增长超8倍，持续满足大湾区居民跨境理财需求。（央视新闻）

36氪获悉，现货白银突破97美元/盎司，再创历史新高，日内涨0.9%。

36氪获悉，中信证券研报称，白酒行业即将迎来春节旺季营销活动，渠道在经销商大会后持续学习吸收龙头企业进行的渠道、产品等多维度改革经验。行业或在新改革和新方向下重新聚焦市场培育和消费者教育，促进开瓶动销并为经销商减负。综合考虑到动销已逐步平稳、2026年春节假期多一天、白酒春节消费场景等诸多因素，判断2026年春节白酒实际动销有望维持平稳，无须过度悲观。再考虑到后续逐步复苏趋势明确，看好白酒行业底部配置机会。预计2026年啤酒行业将在底部位置温和复苏，建议关注渠道控制力强、具备品牌溢价能力的行业龙头。

北京时间1月23日，TikTok发布公告称，已成立TikTok美国数据安全合资有限责任公司（TikTok USDS Joint Venture LLC）。该合资公司将负责TikTok美国的数据保护、算法安全、内容审核及软件保障。公告提到，TikTok美国数据安全合资公司中，甲⻣⽂、银湖资本、MGX各持股15%。其他投资⽅包括海纳国际集团关联企业Vastmere战略投资有限责任公司、Alpha Wave Partners等多家企业。其中，字节跳动保留19.9%的股份，仍为合资公司最大单一股东。合资公司还将由一个七人组成的董事会管理，董事会成员包括TikTok CEO周受资等。（第一财经）

36氪获悉，截至1月22日，上交所融资余额报13651.43亿元，较前一交易日增加22.81亿元；深交所融资余额报13334.14亿元，较前一交易日增加17.53亿元；两市合计26985.57亿元，较前一交易日增加40.34亿元。

36氪获悉，华创证券研报称，我国商用航空发动机市场潜力巨大。测算未来20年，中国商用航空发动机总规模将超过2.6万亿元，简单年化超1300亿元规模；而售后市场进一步打开天花板，预计约千亿规模/年；两者合计达到2400亿元/年。建议关注国产商发产业链三条线索，其一是核心配套商，关注航发动力、航发科技、航发控制；其二是高温合金等基础件供应商，继续推荐应流股份，关注万泽股份、航亚科技、航宇科技；其三是原材料供应商，关注中航高科。

36氪获悉，华泰证券研报称，21日万科发布公告，“21万科02”债券持有人会议高票通过核心展期议案（议案一、议案四）。此次方案以“本息兑付调整+固定兑付安排+增信措施”为核心，短期压力下降。对行业而言，龙头房企短期压力缓释有助于阶段性稳定市场预期，为行业“止跌回稳”带来更有利条件。华泰证券看好“三好”房企、优秀商业运营商、港资房企、高分红物管公司的投资机遇。

36氪获悉，中信证券研报称，在原材料价格上涨、AI和存储等需求增加的背景下，当前有望步入新一轮封装涨价的起点，而在国产算力需求牵引下先进封装的市场关注度有望提升。建议当前核心围绕先进封装和存储封装环节进行布局。

近日，华夏国证自由现金流ETF规模突破100亿元，达101.91亿元，成为该策略赛道首只“百亿基”。从发展节奏看，自由现金流ETF赛道自2025年2月份首只产品成立以来快速扩容，多只产品规模实现翻倍式增长，彰显出资金对优质现金流企业长期价值的认可。Wind资讯数据显示，当前全市场跟踪自由现金流相关指数的ETF多达101只，截至1月21日，整体规模达292.91亿元。（证券日报）

作为近 10 年来的首次重大更新，jQuery 4.0.0 经历了漫长的开发周期与多个预发布版本后正式推出。

我真的以为 jQuery 死了

这款仍被广泛使用的 JavaScript 库 jQuery 现已推出 4.0.0 版本。作为近 10 年来的首次重大更新，jQuery 4.0.0 新增了可信类型（Trusted Types）支持，并提供了一个更精简的构建包。

该版本于 1 月 17 日正式发布，可从 jquery.com 下载。jQuery 4.0.0 中的可信类型功能确保，只有 TrustedHTML 接口的 HTML 内容才能传入 jQuery 的 DOM 操作方法，从而严格遵守浏览器内容安全策略（CSP）的 require-trusted-types-for 指令。

此外，尽管部分 AJAX 请求已在使用 <script> 标签来维护 crossdomain 等属性，jQuery 开发团队仍将大多数异步脚本请求切换为使用 <script> 标签，以避免内联脚本引发的 CSP 错误。仅在少数场景（如传递 headers 选项）下仍会使用 XHR 发起异步脚本请求，但只要条件允许，就会优先使用 <script> 标签。

jQuery 4.0.0 还带来了更精简的构建包，移除了 Deferred 对象和回调函数。

Deferred 长期以来支持 Promises A+ 标准，用于实现可互操作的 JavaScript Promise；不过在绝大多数场景下，除 IE 11 外，所有 jQuery 支持的浏览器都已支持原生 Promise。

官方表示，虽然 Deferred 具备一些原生 Promise 没有的额外功能，但大多数用法都可以迁移到 Promise 方法。如果你的项目仍需支持 IE 11，建议使用主构建包，或为原生 Promise 添加 polyfill。需要注意的是，jQuery 4.0.0 不再支持 IE 10 及更早版本。

根据 Web 技术调查机构 W3Techs 的数据，已诞生 20 年的 jQuery 目前仍被 70.9% 的网站使用。

该项目现由 OpenJS 基金会管理，旨在通过跨浏览器的 API 简化 HTML 文档遍历与操作、事件处理和动画等功能。jQuery 4.0.0 的其他重要更新包括：

• 焦点事件顺序标准化：现在遵循万维网联盟（W3C）规范，使 jQuery 与大多数浏览器最新版本支持的事件顺序保持一致。这一事件顺序与旧版 jQuery 不同，属于破坏性变更。从 4.0.0 开始，库不再支持覆盖原生行为，将严格遵循当前 W3C 规范的顺序：blur → focusout → focus → focusin。
• 移除内部私有方法：从 jQuery 原型中移除了仅内部使用的数组方法（如 push、sort、splice）。这些方法的行为与其他 jQuery 方法不一致，仅用于内部逻辑。开发者如果用到了这些被移除的方法，可以用 [].push.call($elems, elem) 替代原来的 $elems.push(elem)。
• 3.x 版本进入维护模式：jQuery 3.x 系列今后将只接收关键安全更新。

总结

我想起了那句话，老兵不死，只是慢慢凋零。

“这个Bug我调了俩小时！” “早知道有这个属性就好了……”

这种对话，在程序员之间可以说是太常见了。

很多问题，一旦知道诀窍，三五分钟就能解决；可如果不知道，很可能就需要耗上大半天的时间去处理。

于是我就决定，把这些平时可能没人专门讲，但又特别实用的前端冷知识整理了一下，保准你看完有收获。

1. CSS中的:hover伪类也可以用于非链接元素

很多人以为:hover只能用在a标签上，其实不然！任何元素都可以使用:hover伪类。

/* 不只是链接，div也可以有悬停效果 */
div:hover {
  background-color: #f0f0f0;
  transition: all 0.3s ease;
}

实用场景：为表格行、卡片组件等添加悬停效果，提升用户体验。

2. 箭头函数没有自己的this绑定

这是ES6箭头函数的一个重要特性，但经常被忽略：

const obj = {
  name: "前端小白",
  regularFunc: function() {
    console.log(this.name); // "前端小白"
  },
  arrowFunc: () => {
    console.log(this.name); // undefined（这里的this是外层作用域的this）
  }
};

原理分析：箭头函数不绑定自己的this，而是继承父级作用域的this值。

3. 快速浮点数转整数

// 这三种方式都可以将浮点数转为整数
console.log(~~3.14);        // 3
console.log(3.14 | 0);      // 3
console.log(3.14 >> 0);     // 3

注意：这些方法只适用于32位整数，大数情况下可能会出现问题。

4. 使用dataset操作自定义数据属性

<div id="user" data-id="123" data-user-name="小明"></div>

<script>
const user = document.getElementById('user');
console.log(user.dataset.id);        // "123"
console.log(user.dataset.userName); // "小明"（注意驼峰命名）
</script>

优势：比getAttribute/setAttribute更简洁，且自动进行数据类型转换。

5. 使用navigator.onLine检测网络状态

// 检测用户是否在线
if (navigator.onLine) {
  // 在线逻辑
} else {
  // 离线逻辑
}

// 监听网络状态变化
window.addEventListener('online', () => {
  console.log('网络已连接');
});

应用场景：PWA应用、资源加载优化等。

6. 使用contenteditable使元素可编辑

<div contenteditable="true">
  点击我就可以直接编辑内容！
</div>

实用技巧：可以结合localStorage实现简单的实时预览编辑器。

7. 使用currentScript获取当前执行的script标签

<script>
console.log('当前脚本:', document.currentScript.src);
</script>

应用场景：在脚本中动态加载依赖资源时非常有用。

8. 使用passive优化滚动性能

// 不好的做法（可能阻塞滚动）
document.addEventListener('touchmove', function(e) {
  // 处理逻辑
});

// 好的做法
document.addEventListener('touchmove', function(e) {
  // 处理逻辑
}, { passive: true });

原理：告诉浏览器事件处理函数不会调用preventDefault()，从而提升滚动性能。

9. 使用clamp实现响应式字体大小

.text {
  font-size: clamp(16px, 4vw, 24px);
}
/* 字体大小会在16px-24px之间自适应 */

优势：比媒体查询更简洁，实现真正的流体排版。

10. 使用in操作符检查对象属性

const obj = { name: '小明', age: 20 };

// 检查属性是否存在
if ('name' in obj) {
  console.log('name属性存在');
}

与hasOwnProperty的区别：in会检查原型链上的属性，而hasOwnProperty只检查自身属性。

11. 使用Array.from将类数组转为真实数组

// 将NodeList转为数组
const divs = Array.from(document.querySelectorAll('div'));

// 将arguments转为数组
function example() {
  const args = Array.from(arguments);
  // 现在可以使用数组方法了
}

12. 使用performance API进行性能监控

// 标记开始时间
performance.mark('start');

// 执行一些操作
for(let i = 0; i < 1000000; i++) {}

// 标记结束时间并测量
performance.mark('end');
performance.measure('操作耗时', 'start', 'end');

const measure = performance.getEntriesByName('操作耗时')[0];
console.log(`操作耗时: ${measure.duration}毫秒`);

13. 使用structuredClone进行深拷贝

const obj = { name: "小明", hobbies: ["篮球", "游泳"] };
const cloned = structuredClone(obj); // 真正的深拷贝

优势：比JSON.parse(JSON.stringify(obj))更可靠，可以处理循环引用。

14. 使用CSS的:where和:is简化选择器

/* 传统写法 */
header h1, header h2, header h3 {
  margin-bottom: 1rem;
}

/* 简化写法 */
header :is(h1, h2, h3) {
  margin-bottom: 1rem;
}

优势：代码更简洁，易于维护。

15. 使用requestIdleCallback进行任务调度

function processTask(deadline) {
  while (deadline.timeRemaining() > 0 && tasks.length > 0) {
    // 在空闲时间执行任务
    processTask(tasks.shift());
  }
  
  if (tasks.length > 0) {
    requestIdleCallback(processTask);
  }
}

requestIdleCallback(processTask);

应用场景：大数据渲染、复杂计算等需要优化性能的场景。

16. 你可能不知道的console.log黑科技

最后一个，你可能不知道console.log还有这些用法：

// 1. 使用CSS样式
console.log('%c这是红色大字', 'color: red; font-size: 20px;');

// 2. 分组打印
console.group('用户信息');
console.log('姓名: 小明');
console.log('年龄: 20');
console.groupEnd();

// 3. 条件打印
console.assert(1 === 2, '这个条件为false时会打印');

总结

说实话，上面这些小技巧，我现在也记不全。平时写业务代码，可能80%的时间都用不上它们。

但看上一两遍有点印象之后，在哪天碰到某种问题时，你也会突然想起来：

“好像有个属性/方法就是干这个的”

本文首发于公众号：程序员大华，专注分享前后端开发的实战笔记。关注我，少走弯路，一起进步！

一位网友在X上发帖称：“马斯克基本上已经确认SpaceX将于今年上市，并将利用募集的资金建造太阳能驱动的AI卫星，目标是在三年内扩大到数百太瓦。”马斯克回复称：“不，大概情况（即第50百分位的预测）是，在未来3到4年内，从地球上发射的太空AI卫星的年发射量将达到100吉瓦。每年100太瓦意味着要在月球上大规模制造卫星，并通过一种名为“质量驱动器”的装置将其发射至深空，这还需要10年以上的时间才能实现。值得注意的是，美国每年的平均用电量仅为0.5太瓦，这意味着需要发射相当于地球当前发电量200倍的卫星。”（新浪财经）

马斯克在X上回复网友时称：“不能掉以轻心，但倘若文明持续进步，人类将在5 到10年内登上火星。真正重要的是要在火星上建立一个能够自给自足的文明，这还需要20到30年的时间。”（新浪财经）

36氪获悉，中信建投发布2026年民航春运前瞻。综合民航局统计数据、同程旅行春运出行报告等多方权威来源：国内航线预订量升温，票价与时段呈现“双高峰”，2026年民航春运国内市场热度提前释放，截至1月11日，同程旅行数据显示国内机票预订量较2025年同期上涨8%，元旦假期后预订曲线持续上扬；国际航线搜索量大涨，目的地与票价冰火两重天，区域分化显著，日韩、澳洲、中东非、美洲等区域票价较去年同期下降明显，东南亚地区票价则较2025年同期有所上涨；国内航司整体增长，航司表现差异显著，具体来看华夏航、西部航、藏航等航司运力增幅领先；千万级机场引领，区域表现分化，预计春运期间客运航班起降量突破百万架次，其中八成机场同比实现增长。

鸿海1月22日在日本召开记者会，宣布将在下半年与三菱FUSO卡客车（MFTBC）合资成立新公司，双方各持股50%，以富山工厂为据点，专注于电动巴士的开发与生产，目标于2027年开始在日本国内接受大型电动巴士订单，并以此为起点拓展海外市场。新公司将由现任MFTBC巴士事业本部长高罗克人出任CEO，总部设于川崎市。（界面）