IT之家3月11日消息 微软已经确认Edge浏览器将转投Chromium，后者是支持谷歌为发展自家Chrome而启动的开源项目。在这之后，微软就开始为Chromium做出贡献，并开始把自家的一些功能带到Chrome浏览器上。

IT之家3月11日消息 据Thurrott的发现，微软正在为Chrome浏览器添加一项新功能，解决其在滚动上的问题。相关的代码已经提交至Chromium Gerrit平台，以及GitHub上。

在谷歌产品论坛上，微软工程师对这一功能的描述为：

ASP是动态服务器页面(ActiveServerPage)的英文缩写。是微软公司开发的代替CGI脚本程序的一种应用，它可以与数据库和其它程序进行交互，是一种简单、方便的编程工具。ASP的网页文件的格式是.asp。现在常用于各种动态网站中。

我们在写asp页面的时候，常常使用include命令来包含公共文件。由于这个方法用起来非常方便，于是很多人在html页面里尝试使用include，但是发现根本就不起作用。这是因为，include是VBScript的命令，因此可以在asp页面里使用。而HTML静态页面被调用的时候并不经过asp解释器，而是直接发送到用户浏览器，因此include命令就无效了。

你好世界！！！

我希望你快乐地享受你的一天。

对于那些想自己构建 CMS 的人，您可以为代码块设置样式。 有人可能想使用库，这非常棒。 但是，我想举一个简单的例子，使用纯 HTML/CSS 来获得相同的结果（在特定的期望水平上）。

术语简介

CSS属性值函数（CSS value functions），是调用特殊数据处理或计算后返回

var positionTop = 0, //位置为0
  screenPage = 0, //显示第一屏幕
  currentScrollTop =
    document.documentElement.scrollTop || document.body.scrollTop,
  currentNum = 0,
  scrollTimer = null;
function vsSideBarFixed() {
  //滚动吸顶
  var $activeSideBar = $("#hostvs");

  var navTop = 0;
  if ($activeSideBar[0]) {
    navTop = $activeSideBar.offset().top;
  }
  $(document).scroll(function () {
    clearTimeout(scrollTimer);
    currentNum = 0;
    var scrolltop =
      document.documentElement.scrollTop || document.body.scrollTop;
    // 完善
    if ($("#hostvs").length > 0 && $("#headernav .ajaxcontent").length <= 0) {
      $("#headernav").append(
        `<div class="PageHeader-ajax">${$("#hostvs").html()}</div>`
      );
    }
    if ($("#navSearchInp").length > 0) {
      $("#navSearchInp").trigger("blur");
      $(document)
        .find("#headernav")
        .addClass("navhidden")
        .removeClass("navOpacity");
    }
    if (scrolltop > navTop) {
      $(document)
        .find("#headernav")
        .addClass("is-hidden")
        .find(".PageHeader-ajax")
        .addClass("is-shown");
    } else {
      $(document)
        .find("#headernav")
        .removeClass("is-hidden")
        .find(".PageHeader-ajax")
        .removeClass("is-shown");
    }

    //设置定时器
    scrollTimer = setInterval(function () {
      //判断是否停止滚动
      if (scrolltop == currentScrollTop && currentNum <= 5) {
        // console.log("滚动条已停止");
        $(document)
          .find("#headernav")
          .removeClass("navhidden")
          .addClass("navOpacity");
      }
      //更新位置
      currentScrollTop = scrolltop;
      // console.log(`${currentScrollTop}----${scrolltop}`);
    }, 500);
  });
}
$(function () {
  vsSideBarFixed(); //吸顶效果
});

据外媒报道，微软终于有了一个可以让用户舒心使用的浏览器，这家软件巨头公司正在为Chromium平台做出积极贡献。这一工作给Edge和Chrome也都带来了帮助，与此同时，这家公司还在进行其他一些改进。据悉，微软一直在Windows 10 Chromium上开发基于“百分比”的滚轮。

微软表示，基于Chromium的浏览器如Crhome会将滚轮的一个点击转换成一个固定的像素值。在Windows上，一个鼠标滚轮的滴答声相当于100个像素，在较小的滚动块上就会产生问题。

虽然 Chrome 能够跟随 Windows 10 系统自动启用深色模式，但目前该模式并不完美，有部分元素依然为浅色模式。谷歌正为适用于 Windows 10 的 Chrome 浏览器筹备更新，希望将滚动条在内的更多元素部署深色模式。即将推出的“FormControlsDarkMode”功能允许浏览器指定滚动条也应遵循系统主题设置。

目前，尽管 WebUI 能够跟随系统设置启用深色模式，但是滚动条依然为浅色模式。在最新的 Commit 中，谷歌表示将会进一步完善 WebUI，从而更好地支持深色模式。这项功能目前已经在 Chrome Canary 频道版本中上线，您可以通过在命令行中添加以下代码来对其进行测试：

DevExpress WinForms拥有180+组件和UI库，能为Windows Forms平台创建具有影响力的业务解决方案。DevExpress WinForms能完美构建流畅、美观且易于使用的应用程序，无论是Office风格的界面，还是分析处理大批量的业务数据，它都能轻松胜任！

CSS

盒子模型

1. 盒模型分为标准盒模型和怪异盒模型(IE模型)

2. box-sizing：content-box //标准盒模型

3. box-sizing：border-box //怪异盒模型

4. 标准盒模型：元素的宽度等于style里的width+margin+border+padding宽度

掌握这10个CSS实用技巧可让你的前端工作更轻松，尤其是初学前端的小白，即使现在看不懂也可收藏起来，以备需要时用上。如果你是高手有话要说，欢迎在留言区发表高见。

废话不多说，直接上干货：

一、使用 :not() 在菜单上应用/取消应用边框

我们通常的做法是先给每个菜单项设置边框，然后再设置最后一个菜单的边框为零。

其实不需要这么麻烦，使用 :not() 伪类即可达到同样的效果，而且代码更干净，易读。