全部问题

我正在尝试创建一个带有倒计时数字的等待屏幕，显示有眼睑的眼睛和有虹膜效果的眼球。

鉴于我们中的许多人浪费时间看这些лоадеры，我想创建一个加载器效果，其中旋转的“眼睛”看着查看器并眨眼。

document.getElementById('waitDia').showModal();

var ticks = 300,
    ticker = setInterval(changeTick,1000);

function changeTick()
{
 document.getElementById('spnTick').innerText = --ticks;
 if (0 === ticks) clearInterval(ticker);
}

#waitDia
{
 position:absolute;
 left:0 !important;
 top:0 !important;
 width:100vw !important;
 height:100vh !important; 
 padding:0; 
 min-width:100vw;
 min-height:100vh; 
 background-color:transparent !important;
}

#waitDia::backdrop{background-color:rgba(127,127,127,0.2);}

#spnTick
{
 position:absolute;
 display:inline-block;
 width:100%;
 left:0;
 top:0;
} 
#waitbox
{
 left:0 !important;
 top:0 !important;
 width:100vw !important;
 height:100vh !important;
 position:absolute;
 overflow:hidden;
}


#eyeball
{
 position:relative;
 top:-10vh;
 left:-6px;
 width:calc(24vh + 12px);
 height:calc(24vh + 12px);
 box-sizing:border-box;
 background:rgba(0,128,128,0.5);
 border-radius:100%;
 border:1px solid transparent;
 box-shadow:inset 0 0 18px 2px blue;
 z-index:99999998;
}


#waitsecs
{
 position:absolute;
 left:calc(50vw - 12vh);
 top:46vh;
 width:24vh;
 height:24vh;
 font-size:8vh;
 text-align:center;
 display:block;
 
}

#waitEye
{
 position:absolute;
 top:27vh;
 left:calc(50vw - 23vh);
 width: 46vh;
 height: 46vh;
 background-color: rgba(255,255,255,.9);
 border-radius: 100% 0px;
 transform: rotate(45deg); 
 mix-blend-mode:overlay;
 z-index:199999999;
 box-shadow:0 -0.5vh 0 2px #f1c27d,inset 0 6px 4px 4px black;
}
body,html
{
 background:black;
 font-family:arial;
}

<dialog id='waitDia' class='waitdia'>
   <div id='waitbox'>
    <div id='waitsecs'><span id='spnTick'>300</span><div id='eyeball'></div></div>
   <div id='waitEye'></div> 
   </div>  
  </dialog>

到目前为止我已经能够实现的如下所示 - 我在这里将代码设置为 300 秒，仅作为说明，以使其长时间运行 - 在实际应用程序中，等待时间可能会显着减少。

虽然这种效果正朝着正确的方向发展，但它仍然缺乏眨眼效果。我怀疑这很容易通过正确的操作box-shadow和简单的动画来实现。

我非常感谢任何可以提出改进建议以完成此实施的人。

_{由 @DroidOS创建一个 CSS 闪烁的眼睑效果问题的松散翻译。}

如果 Windows 在不活动时自动关闭磁盘，那么如何以编程方式检查磁盘是否处于睡眠状态或已打开，当然，不唤醒它？

在特定算法领域有经验的程序员如何看待递归，他们如何看待它？

我解析快速排序，充当解释器，并开始对递归感到困惑。

def quick_sort(alist):
    if len(alist) <= 1:
        return

    barr = alist[0]
    left = []
    mid = []
    right = []

    for i in range(len(alist)):
        if alist[i] < barr:
            left.append(alist[i])
        elif alist[i] > barr:
            right.append(alist[i])
        else: #alist[i] == bar
            mid.append(alist[i]) 

    quick_sort(left) # Отсортировать левую часть
    quick_sort(right) # Отсортировать правую часть

    k=0
    for x in left+mid+right:
        alist[k] = x
        k+=1
    return alist

alist = [2,3,4,1]
print(quick_sort(alist))

在许多视频课程中，在一行代码中，当一个函数被自己调用时，老师引用该函数就好像它已经编写好了一样。

真的这么简单吗？你甚至不应该尝试像普通函数那样阅读递归函数。

如何在这个算法的上下文中阅读递归是特别有趣的！

PS。我知道递归的规则：从头开始阅读，基本情况，递归关系。

使用 Anglesharp 的解析器。

如何解析具有授权的网站？
我正在尝试编写解析器。
如果我正确理解了理论，那么逻辑应该如下：
- 授权；
- 获取饼干；
页面导航
- 发送 cookie；
- 转到第 1 页；
- 发送 cookie；
- 转到第 2 页；

授权书

<form name="login" class="ui large form" action="/login/" method="POST">
    <div class="required field ui grid aligned left"><input name="login[login]" value="" type="text" placeholder="Электронная почта" maxlength="64" autocomplete="off"></div>
    <div class="required field ui grid aligned left">
        <input name="login[password]" value="" type="password" maxlength="32" autocomplete="off" placeholder="Пароль">
    </div>
    <div class="equal width fields" style="flex-wrap:nowrap;">
        <div class="field" style="text-align: left;">
            <div class="ui checkbox large step">
                <input id="remember" type="checkbox" name="login[remember]" tabindex="0" value="1" class="hidden">
                <label for="remember">Запомнить меня</label>
            </div>
        </div>
        <div class="field" style="text-align: right;">
            <a href="/forgot/">Забыли пароль?</a>
        </div>
    </div>
    <div class="field">
        <button class="fluid positive ui button big">Войти</button>
    </div>
    <input name="login[type]" type="hidden"><input name="login[init]" type="hidden" value="">
</form>

最低代码

public async void Authorization(string pathPageLogin, string userName, string password)
{
    IConfiguration config = Configuration.Default.WithDefaultLoader().WithCookies();
    IBrowsingContext browsingContext = BrowsingContext.New(config);

    browsingContext.OpenAsync(pathPageLogin).Wait();


    (browsingContext.Active.QuerySelector("input[name = 'login[login]']") as IHtmlInputElement).Value = userName;
    (browsingContext.Active.QuerySelector("input[name = 'login[password]']") as IHtmlInputElement).Value = password;
    (browsingContext.Active.QuerySelector("form") as IHtmlFormElement).SubmitAsync().Wait();


}

public async void Parsing(string url, string pathFileHtml)
{
    HttpClient client = new HttpClient();
    var response = await client.GetAsync(url); // скачиваем страницу
    string source = await response.Content.ReadAsStringAsync(); // Переносим в переменную

    #region Сохранить страницу в файл
    File.WriteAllText(pathFileHtml, source);
    #endregion Сохранить страницу в файл

    #region Парсер
    // HTML парсер, который доступен из "AngleSharp".
    var domParser = new HtmlParser();

    // Спарсим асинхронно наш исходный код и получим документ с которым мы можем работать
     var document = await domParser.ParseAsync(source);

    // *** Парсер ****              
    // результат
    var list = new List<string>();

    var items = document.QuerySelectorAll("a").Where(item =>
                item.ClassName != null && item.ClassName.Contains("post__title_link"));

    foreach (var item in items)
    {
        list.Add(item.TextContent);
    }
    #endregion

}

问题。
1.我理解的逻辑正确吗？
2. 如何用最少的一组简单站点的基本方法来编写代码，以便看到逻辑原理？

加法
例如使用：rabota.by/login/

附加
登录 - test9631@yandex.by
密码 - Ym3LDp1FPs

添加

有这样的元素SVG。

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="300" height="300" viewBox="0 0 500 500">
<g opacity="0.8">
<path fill="#FFC10D" d="M31.6,193.3c0,64.5,116.1,134.9,180.1,134.9c64,0,132.8-70.4,132.8-134.9S317.6,85.1,223,134   C166.1,163.4,31.6,128.8,31.6,193.3z"/>
</g>
</svg>

在浏览器中看起来像这样：链接

这是这张图片的一部分：

如何制作连续的果冻动画？你能推荐任何图书馆吗？这适合吗？-链接