2015-07-29 12:01:00 作者：马荣

经过了漫长的研发，微软最新的操作系统Windows 10终于正式完整地展现在用户面前了。那么相信大家当下最关心的一个问题就是，Win10到底是个什么样的系统？尽管有着多场发布会、多个预览版的轮番曝光，但是这些碎片化的信息还是很难拼凑出一个完整的印象，所以我们今天就带来了Windows 10的360度全方位评测，看看这套新系统究竟有哪些不一样。

回归的开始菜单好用吗？

一次分清clientHeight、offsetHeight、scrollHeight、scrollTop、offsetTop概念：

clientHeight：可视的，看得见的部分，content+padding；

offsetHeight：在clientHeight基础上，添加“”边框“”，即content+padding+margin；

scrollTop：超过clientHeight“顶部界线”的部分，即看不见的、已经 滚动出去 的部分；

IT之家 7 月 11 日消息，微软公司在 7 月补丁星期二发布的 Windows 10、Windows 11 系统累积更新中，修复了追踪编号为 CVE-2024-38112 的零日漏洞。

该零日漏洞由 Check Point Research 的安全专家李海飞（Haifei Li，音译）于 2023 年 1 月发现，是一个高度严重的 MHTML 欺骗问题，有证据表明有黑客在过去 18 个月里，利用该漏洞发起恶意攻击，可以绕过 Windows 10、Windows 11 系统的安全功能。

在CSS中，百分比（`%`）是一种灵活且强大的相对单位，但其具体行为常让开发者感到困惑。本文将深入解析百分比单位的计算规则，帮助你彻底掌握其背后的逻辑。

一、百分比的核心：参考系（包含块）

百分比的值始终相对于其元素的参考系，即CSS规范中的包含块（Containing Block）。参考系的定义分为两种情况：

许多入门学前端的同学，或是准备面试的同学都会去死记硬背一些前端知识点，笔者也是这么经历过来的，但却不推荐这种囫囵吞枣、不求甚解的学习方式，因为这样会走很多弯路，属于“应试”学习，我们更应该的是从基础到复杂，从表象到原理的角度却思考学习，才能熟练掌握技能。

这 66 个特效，是我历时4个多月在油管一个一个跟着敲出来的，为了加强记忆，每个练习，我都录制了视频，在这里分享出来给大家。大家可能又会调侃了，你是工作不饱和吧，有时间做这些。其实，我目前工作还是挺饱和的，都是挤出来的。我们是9点上班，我基本7点半就到公司自学了，这样我就有一个半小时的时间来做这些了。

对于 CSS 评价，无论是在论坛还是身边的人，我听到最多的是学 CSS 这些花里胡哨没啥用，实际项目中又用不到。听到这些心里还是挺实受挫的，有时候会怀疑自己，我学习的方向是不是错了。但在几次的项目需要用到一些特效，我都能很快的找到思路并做出来，我想这是得益于，我平时所学的这些特效积累出来的。

转载说明：原创不易，未经授权，谢绝任何形式的转载

俗话说得好，兴趣是最好的老师。本篇文章搜集了几个漂亮的宇宙风格按钮动画效果的代码，希望它们能够激发你对 CSS 的热爱。作为前端开发者，我们不仅仅是制作写页面和与 后端 API 打交道，偶尔也需要调味剂。废话不多说，让我们一起来解读这些 CSS 代码吧。

作者：吴冠禧 WecTeam

转发连接：
https://mp.weixin.qq.com/s/u5GHsA0vHz8A_MmGslRw2g

在Axure中实现动态渐变背景，可通过注入CSS代码结合交互事件，创造出视觉冲击力强的动态效果。本文将结合案例解析技术原理、实现步骤及扩展应用。

一、技术原理解析

一、2D 变换

1. 2D 位移

/* x 轴方向位移 30px */
transform: translateX(30px);
/* 分别设置 x 轴与 y 轴的位移 */
transform: translateX(30px) translateY(40px);
/* 同时设置 x 与 y 的方向位移 */
transform: translate(-50%, -50%);