Js中文网周刊第5、6期 —深入了解JavaScript引擎精华，让你的代码执行更高效、web页面录屏实现

Js中文网-前端进阶 Js中文网-前端进阶 博客等级 墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 200+累计阅读 271平均单平台 已同步平台 优快云 微信公众号 微博 知乎 掘金 百家号 博客园 抖音 小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网 我也要 码龄7年
关注
原创 最新推荐文章于 2026-11-13 18:37:41 发布 271 阅读 AI 写同款· GEO 优化 ›
CSS 弹性盒布局：flex-wrap 换行与多行交叉轴对齐 默认情况下，弹性容器（flex container）会把所有子项（flex item）挤在一行里，哪怕空间不够也只会压缩子项，而不会换行。浏览器会依次把子项放进当前行，当剩余空间不足以容纳下一个子项的基础尺寸时，就开启新的一行。一旦允许换行，容器里就会出现多条「弹性行（flex line）」，此时交叉轴对齐的行为也会从「单行对齐」变成「多行对齐」，是默认值：当子项没有设置固定高度时，行会被拉伸，子项随之变高，看起来像是「撑满了容器」。上面这段代码中，每个子项固定 200px 宽，容器宽度决定每行能放几个。 阅读详情

Js中文网周刊 2019年第五、六周(02-11)

好文推荐：

免费图库类：

电子书籍

更多分享：

  • 博客：IT平头哥联盟
  • 如链接失效，请直接在小程序上阅读，或关注下方公众号，联系我获取。

领略前端前沿，关注IT平头哥联盟,做有温度的攻城狮!，公众号：honeyBadger8

来源：Js中文网 - 前端进阶资源教程
链接：https://www.javascriptc.com/category/javascript-weekly

收录于
Js中文网周刊

当前文章被收录于：

Js中文网周刊
4 篇文章 0 人学习
订阅专栏 查看详情
标签
#css #编程语言 #深度学习 #typescript #css3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
头歌操作系统 课堂练习4.2：页式内存管理 答案 无解析 阅读详情

相关推荐

抖音短视频数据抓取实战系列（一）——模拟器性能对比与优化配置

本文是抖音短视频数据抓取实战系列的开篇，重点探讨了模拟器选型与优化配置。通过对比雷电、夜神、逍遥三大主流模拟器在性能、抖音兼容性及抓包友好度上的表现，文章指出雷电模拟器因其稳定的桥接网络模式和良好的兼容性，是数据抓取的优选。并提供了雷电模拟器从安装、网络桥接到系统优化的详细配置指南，旨在帮助读者构建稳定高效的抓取环境。

weixin_29230901的博客 248

Js中文网周刊第3期

几个神奇的Web Api，你（可能）不知道～,面试官问：你能否模拟实现JS的bind方法？带你实现自己的视频弹幕哦～v8是怎么实现更快的 await ？深入理解 await 的运行机制……

Js中文网 - www.javascriptc.com 322

自动驾驶仿真工具链集成：ECU TEST与VTD、VERISTAND的深度配置指南

本文详细介绍了自动驾驶仿真测试中ECU TEST、VTD与VERISTAND三大核心工具的深度集成与连接配置方法。通过解析工具链的角色分工，提供从单机到分布式部署的实战指南，并重点阐述了Test Bench Configuration与Test Configuration的关键参数设置、SSH免密登录配置，以及在线与离线工作模式的切换技巧，旨在帮助测试工程师高效构建稳定、自动化的硬件在环测试环境。

wind6的博客 791

CSS Grid 布局：用 auto-fill 与 auto-fit 实现响应式网格

特性auto-fillauto-fit空轨道保留折叠元素拉伸否是适用场景保持整齐网格元素铺满容器repeat(auto-fill, minmax(最小宽度, 1fr))是响应式网格的万能公式；auto-fill保留空轨道，auto-fit折叠空轨道；最小值优先用固定长度或min()，避免百分比带来的计算问题；配合gap与可以规避绝大多数溢出问题。掌握这一行 CSS，就能替代大量媒体查询，让布局真正「自适应」。

2601_96876853的博客 575

直流无刷电机FOC控制算法 理论到实践 —— 实践

关于直流无刷电机FOC控制算法的理论章节，本人已经在前两章进行过详细说明，大家可以自行进行阅读，请务必了解过理论之后再来学习如何具体进行实现。直流无刷电机FOC控制算法 理论到实践 —— 理论（一）直流无刷电机FOC控制算法 理论到实践 —— 理论（二）本章节主要讨论采用MCU微控制器如何具体实现直流无刷电机的FOC控制。

爱出名的狗腿子 1万+

16、Cortex-M7处理器：高性能与复杂架构解析

本文深入解析了Cortex-M7处理器的高性能架构与复杂设计，涵盖AHB总线矩阵优化、超标量六阶段双发射流水线、增强型分支预测单元及双精度浮点支持。重点介绍了其独特的内存层次结构，包括指令与数据TCM、片上缓存和AXI-M 64位总线接口，提升系统并行性与执行效率。通过实际测试对比M4与M7性能差异，并演示如何将代码与数据定位到TCM以实现零等待运行。同时阐述了缓存机制的工作原理及其对系统性能的影响，为开发者提供全面的性能优化指导。

a1b2c3d的博客 127

css - 元素背景图由 hover 触发，初次加载时闪动的解决办法

【代码】css - 元素背景图由 hover 触发，初次加载时闪动的解决办法。

神膘护体小月半的博客 131

YOLOv11-seg 改进系列 | 引入原创 RSCD 重参数共享卷积分割头，增强 Head 表达力并压低计算量

本文提出一种改进的YOLOv11-seg分割头Segment_RSCD，通过重参数共享卷积增强表达能力。该模块在LSCD共享检测头基础上引入DiverseBranchBlock重参数卷积，保留三尺度预测与Proto掩码原型接口不变。相比原始Segment头，Segment_RSCD参数增加4%但计算量降低1.3%，在共享卷积结构中通过多分支补偿表达能力损失，同时利用Scale层保持尺度差异校准。该方法不改动Backbone/Neck结构，仅重构检测/分割头，实现训练期多路径聚合与部署期等效单分支的平衡。

qq_44224801的博客 185

CSS 网格布局（Grid）入门：从概念到网格轨道

网格轨道由（列轨道）和（行轨道）定义。它们的值是一组轨道尺寸，用空格分隔，每个值对应一条轨道。

2601_96876853的博客 258

【HALCON 25.11 + C#】 01：2026年工业机器视觉实战详解（从入门到精通）

2026年机器视觉市场规模将突破230亿美元，HALCON 25.11的革命性更新与C#的工业集成优势形成黄金技术栈。本文作为付费专栏开篇序章，聚焦“为什么现在必须学25.11+C#”的核心问题，通过真实工业案例、五项核心技术突破、联合编程架构优势及30篇系统学习路线，全方位论证其投资价值。读者将掌握持续学习、深度OCR加速等关键技能，获得可直接上产线的工业级代码资产与架构设计思维，解决柔性生产、边缘部署等核心痛点，成为具备技术溢价的机器视觉工程师。

专注于人工智能、软件开发、工控自动化、工厂数字化及智能化等领域，希望和大家共同进步！ 1230

开源模型应用落地-qwen模型小试-入门篇（二）

在windows环境下，使用transformer设置模型参数/System Prompt/历史对话

以微薄之力，予他人些许温暖. 3240

CSS 选择器 & 优先级

本文系统讲解CSS选择器语法与权重规则：通配符*、元素/类/ID选择器、属性选择器及其拓展用法；组合选择器包括后代、子代、兄弟关系；伪类（如:hover）与伪元素（如::before）区分使用；重点强调权重优先级：!important > 行内样式 > ID > 类/伪类 > 元素/伪元素 > 通配符，同级以书写顺序为准，继承不可覆盖。提醒避免误区：nth-child按所有子元素计数，非仅同类标签；避免滥用!important；推荐优先使用class而非id写样式。

2603_96589662的博客 120

【AI Agent】Hermes Agent解析

Hermes Agent：一个具备持久化学习能力的开源AI Agent框架 核心特点： 突破传统Agent的"无状态困境"，通过记忆系统（SQLite+FTS5全文检索）实现跨会话经验积累 支持200+模型自由切换，11种模型家族和15+平台接入 五层架构设计（入口层、编排层、推理层、工具执行层、存储层）实现平台无关性 47+内置工具和动态技能沉淀机制，支持从任务执行中自动提炼可复用Skill 独特的四层记忆体系（会话/每日/长期/向量索引）和辩证式用户建模 与传统Agent对比： 具备自我进化能力，通过A

sysu_lluozh 967

当工具链成为基础设施：从 Tailwind 并入 Shopify 看 CSS 框架的演进逻辑

Tailwind 并入 Shopify，不只是商业新闻，更是 CSS 框架从“工具”走向“基础设施”的信号📐 文章拆解 utility-first 背后的三大取舍——原子类与语义类、按需生成与预生成、独立发展与平台收编，并用可复现指标教你验证产物体积、变更影响面与构建可重复性。

2601_94912102的博客 307

TMS_WebGMaps_1.9.8.0_Full_Source

TMS_WebGMaps_1.9.8.0_Full_Source 全源码 delphi cbuilder

廖雪峰Python教程[完整版]

廖雪峰的python教程整理的，已经排好版了，而且还是完整的，适合小白

CSS 定位布局与 z-index 叠放次序详解

层叠上下文（Stacking Context）是一个独立的「三维空间」，内部元素的z-index只在同一个上下文内比较。子元素的z-index再大，也无法突破父级上下文所处的层级。根元素html；position为且z-index不为auto；或sticky（现代浏览器）；opacity小于 1；transformfilter等不为none；；flex/grid子项且z-index不为auto。position决定元素是否脱离文档流以及定位参照物；z-index。

2601_96876853的博客 439

win10 跳过U8环境检测的IE WebControls.rar

win10 安装u8的时候 提示IE WebControls 不通过，这个工具可以欺骗u8的检查。 跳过U8环境检测的IE WebControls。提示导入失败后，重新检测通过。

CSS display 模式转换详解

display属性是 CSS 布局的基石。掌握blockinlineflexgrid等常见取值，并理解它们之间的转换规则，能够帮助我们更灵活地控制页面结构。在实际开发中，建议优先使用flex和grid完成布局，仅在必要时才通过display转换处理细节问题。

2601_96876853的博客 341

华为的C语言编程规范.pdf

华为技术有限公司内部技术规范。本规范制定了编写C语言程序的基本原则、规则和建议。从代码的清晰、简洁、可测试、安全、程序效率、可移植各个方面对C语言编程作出了具体指导。

升级 three 后标签「点击全部失效」——CSS2D 层事件治理全解

three.js 升级至 r147+ 后，CSS2D 标签点击失效源于 OrbitControls 绑定 canvas 导致指针捕获劫持事件。解决方案分两层：第一层，通过 labelRenderer.domElement.style.pointerEvents = 'none' 使层透明，仅交互元素设 pointer-events: auto 并用 stopPropagation 阻止冒泡；第二层，防止窗体误关与重复弹窗，需在容器上阻止冒泡、关闭按钮使用 stopImmediatePropagation

weixin_44242600的博客 349

CSS 定位布局：相对定位与绝对定位详解

父元素 relative + 子元素 absolute」是 CSS 中最常用的定位组合，几乎所有的角标、下拉菜单、tooltip 都基于它实现。它决定了元素在页面中的定位方式，也是实现悬浮按钮、下拉菜单、遮罩层、角标等常见 UI 效果的核心手段。的偏移只是视觉位移，不会改变元素在文档流中的占位，因此不会引起其他元素重排。在视觉上向右移动 30px、向下移动 20px，但它原本占据的空间依然保留，后面的元素不会补上来。再大也无法跳出父元素的层级。，不再占据原来的空间，其他元素会像它不存在一样重新排列。

2601_96876853的博客 273

To-Do List 的「修改」功能与 CSS 定位

买牛奶</td><td index="1">写作业</td><td index="2">跑步

2401_89953644的博客 315

CSS 轮播图：让内容盒子垂直居中的几种做法

做轮播图时，最常见的结构是「外层容器固定高度 + 内层内容盒子（图片、标题、按钮组）」。轮播图内容盒子的垂直居中，本质是「容器有高度 + 子元素有居中规则」。轮播容器用 Flex，内层盒子自动在两个方向居中，代码最少、兼容性最好（现代浏览器全支持）。下面按「从简单到通用」的顺序，给出几种在轮播图中真正好用的垂直居中方案。，水平居中了，但垂直方向总是贴着顶部，或者被拉伸变形。，这是不依赖 Flex/Grid 的经典写法。新项目不建议使用，仅在维护老代码时能看懂即可。是 Flex 两个属性的简写，写法更短。

2601_96876853的博客 401

CSS 弹性盒子布局：display: flex 从入门到实战

2009 年 W3C 提出了 Flexible Box Layout（弹性盒子布局），它用一套「主轴 + 交叉轴」的模型，把「排列、对齐、分配剩余空间」这些高频需求变成了一行 CSS 就能解决的事情。会立刻从「块级纵向排列」变成「横向一行排列」，这就是 Flex 最直观的效果。只改变视觉顺序，不改变 DOM 顺序，注意可访问性与 Tab 键顺序问题。这些方案要么需要清除浮动，要么需要精确计算宽度，垂直居中更是经典难题。所有对齐属性都是围绕这两个轴展开的，记住这一点，后面的属性就不会混淆。

2601_96876853的博客 466

【Web Development】02 CSS

CSS（层叠样式表 Cascading Style Sheets）。CSS 全称 Cascading Style Sheets 层叠样式表CSS 语法基础：颜色写法：直接写在 HTML 标签的属性里面。 特点：只作用于当前这一个标签。在 HTML 文档的标签中放置标签，内部写 CSS 规则。 特点：仅对当前这一个 HTML 页面生效。把全部 CSS 写在独立文件；在 HTML 用标签引入。 HTML 部分： mystyle.css 文件： 特点：多个网页可以共用同一个 css 文件，大型项目

lxylxylxy的博客 228

CSS 盒模型 & BFC

盒模型决定元素宽高计算方式，box-sizing: border-box 使 width/height 包含内容、内边距和边框，是开发常用模式。margin 不计入 width，且垂直方向 margin 会合并（塌陷），仅块级元素生效。解决塌陷核心为触发 BFC（块级格式化上下文），可通过 overflow: hidden、float、display: flex 等实现。BFC 可阻止 margin 塌陷、清除浮动、避免与浮动元素重叠。行内元素不可设宽高，垂直 margin 无效但不影响布局。口诀：cont

2603_96589662的博客 341

设计稿搬进浏览器就变色：CSS 渐变的角度、色标与序列化契约，附 231 行对照实现

色相、饱和度、亮度各留三位小数，alpha 留四位。

vibecode的博客 275

CSS 网格布局：fr 单位、gap 与 repeat() 函数详解

fr是fraction（分数）的缩写，表示"剩余空间的一份"。它只在网格容器中有效，用于等轨道定义中。/* 三等分 */上面的写法把容器宽度平均分成 3 份，每列占 1 份。

2601_96876853的博客 532

【CSS实战范例】悬停炫光

这同时解决了「两端提前露头」：扫光层必须比图形大，否则光带两端会在图形内部被裁断，看起来像扫到一半就断了。，方向才会严格是 45°。这也是扫光层必须做成正方形的第二个原因——不只是为了覆盖，更是为了方向。扫光层直接不渲染，外发光也去掉，只留 8% 的亮度变化——反馈还在，但没有任何位移。后，光带推进到两端时正方形的四条边都还在字形之外，两种宽高比实测都没有截断。把「发光」和「扫光」分给两个不同元素，是后面很多问题的解法，第八节会展开。光带是跨越整个扫光层的一条斜带，所以扫光层在这个方向上的跨度必须不小于。

朝阳39的博客 350
上一篇： Js中文网周刊第4期
下一篇： 比antd-mobile体验更佳的Zarm2.0组件库来了，2020从此你多了一个选择
点赞 0
评论 0
书签 书签 0
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值