小编Red*_*xel的帖子

根据iOS人机界面指南,模态视图可以是页面表或表单等形式.

页面表描述为:部分覆盖横向保留的大型设备上的基础内容.所有未覆盖的区域都是灰色的,以防止与它们相互作用.在较小的设备上以纵向方向覆盖整个屏幕.

表单为:出现在屏幕中心,但如果键盘可见则可以重新定位.所有未覆盖的区域都是灰色的,以防止与它们相互作用.可以在较小的设备上覆盖整个屏幕.

这两种形式的外观有什么真正的区别？

我在开发人员文档中找不到表单的描述.只有页面表(https://developer.apple.com/reference/uikit/uimodalpresentationstyle/1621358-pagesheet).

请问有人这么好解释吗？谢谢!

我需要为网页创建这样的元素:

如您所见,3个角是圆形的,1个角是倾斜的.边界将需要在块的不同状态期间改变.此元素下方还会有一个照片背景.

所有针对此的CSS和JS解决方案都是丑陋而繁琐的.

我的想法是:我们可以使用svg元素绘制这个形状,然后能够根据需要使用js操作边框颜色吗？

这个svg元素有圆角:

<svg width="400" height="180">
  <rect x="50" y="20" rx="20" ry="20" width="150" height="150" style="fill:red;stroke:black;stroke-width:5;opacity:0.5">
  Sorry, your browser does not support inline SVG.
</svg>

这说明了这一点:

我的问题是:我们可以在这个svg中倾斜一个角落,然后将内容放入其中吗？也许通过喂这个svg作为元素的背景.

我在这里搞砸了,请帮忙.

我正在爬网站.

.MyElement容器包含我想要获取的gif或jpg源URL.

我在我的node.js应用程序中使用基于Cheerio的.each循环.

$('.MyElement').each(function(i, element){

    if ($(this).find($('.animation'))) {
        resourceLinks = $(this).find($('.animation')).attr('src'); //if there is an .animation class element, get the gif from it

    } else {
        resourceLinks = $(this).find($('img')).attr('src'); //in all other cases, just fetch regular jpg
    };

});

第一部分(IF)执行正常,但ELSE部分根本不执行.

我究竟做错了什么？