乐趣区

关于前端:JavaScript-函数-windowmatchMedia-的用途

以下是 window.matchMedia() 函数的根本语法:

var mediaQueryList = window.matchMedia(mediaQueryString);

其中,mediaQueryString 是一个字符串,示意要查看的媒体查问条件。例如,要查看以后设施的屏幕宽度是否小于某个值,能够应用以下代码:

var mediaQueryList = window.matchMedia("screen and (max-width: 768px)");
if (mediaQueryList.matches) {// Do something if the device width is less than 768 pixels}

在这个例子中,mediaQueryString 参数是 ”screen and (max-width: 768px)”,示意以后设施的屏幕宽度小于 768 像素。如果 matches 属性的值为 true,则执行某些操作,例如暗藏某个元素或加载不同的样式表。

window.matchMedia 是浏览器原生提供的 API,其实现代码是由浏览器厂商在浏览器外部实现的,因而咱们无奈在 JavaScript 代码中间接查看其实现代码。

看下图这个例子:

SAP UI5 框架中的 RenderManager.render 办法是用于将一个控件的 HTML 内容渲染到页面上的办法。

在 SAP UI5 中,一个控件的渲染工作是由一个或多个 renderer(渲染器)实现的。每个控件都有一个默认的渲染器,能够应用该控件的 getRenderer() 办法获取。渲染器是一个 JavaScript 对象,其中定义了用于渲染控件的 HTML 代码和 CSS 款式。

当须要将一个控件渲染到页面上时,SAP UI5 框架会调用该控件的渲染器的 render 办法。该办法接管一个 RenderManager 对象作为参数,该对象封装了一些用于生成 HTML 内容的办法,例如 write、writeEscaped、writeControlData 等。在 render 办法中,渲染器能够调用这些办法来生成 HTML 内容,并将其写入到页面上。

因而,RenderManager.render 办法的作用是调用控件的渲染器的 render 办法,并将生成的 HTML 内容插入到页面上指定的 DOM 元素中,从而实现将控件渲染到页面上的性能。

退出移动版