太平洋登录界面

最新推荐文章于 2022-05-08 19:17:54 发布
最新推荐文章于 2022-05-08 19:17:54 发布
阅读量2k 收藏
点赞数
分类专栏： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sncdma/article/details/108068422
版权
本文详细介绍了太平洋网站的登录界面设计思路和实现过程，包括用户体验考虑、前端技术选型以及后端验证逻辑，同时探讨了安全性与可用性的平衡策略。
摘要由CSDN通过智能技术生成 



<!DOCTYPE >
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link id="primary-styles" href="zh/style/login.css" rel="stylesheet">
    <title>太平洋电子商务管理系统</title>
    <script type="text/javascript" src="zh/style/jquery-1.11.3.min.js"></script>
</head>
<body id="login" class="l-basic" >

    <header id="header-v1">
        <section class="desktop-nav-section">
            <div class="l-main-nav-wrapper">
                <nav class="l-main-nav">
                    <span class="l-branding">
                        <img id="img1" src="zh/image/pacific_logo.jpg" style="width: 65px; vertical-align:middle"" alt="" />
                        <span style="font-weight: bold; font-size: 20pt; vertical-align: bottom">太平洋电子商务管理系统</span>
                    </span>
                    <ul class="l-basic-nav">
                        <li><a href="#">常见问题</a></li>
                        <li><a href="#">关于我们</a></li>
                    </ul>

                </nav>
            </div>
            <div class="product-nav-wrapper">
                <nav class="product-nav">
                </nav>
            </div>
        </section>

    </header>

    <style>
        .divider-top {
    
            margin-top: 5%;
        }

        .email-icon {
    
            font-size: 128px;
            color: #808080;
        }

        .border-left-grey {
    
            border-left: 1px solid #DDDDDD;
        }

        .text-right {
    
            text-align: right;
        }

        .padding-right-24 {
    
            padding-right: 24px;
        }

        .padding-left-24 {
    
            padding-left: 24px;
        }
    </style>
    <div class="container divider-top">

        <div class="row">

            <div class="col-xs-offset-4 padding-left-24 col-xs-8">
                <h2>登录</h2>
            </div>
        </div>

        <div class="row" >

            <div class="hidden-xs hide-ie8 col-sm-4 padding-right-24 text-right">
                <i>
                    <img id="img3" src="zh/image/eblog2.jpg" alt="" style="width:300px" />
                </i>
            </div>

            <div class="col-xs-12 col-sm-8 border-left-grey padding-left-24">

                <p>输入你的账号和密码</p>

                <form method="post" action="" id="loginPage" class="login-form">
<div class="aspNetHidden">
<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />
<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwULLTE5MTAwNjc1ODkPZBYCZg9kFgICBw8PFgIeBFRleHRlZGRkaNeyumPcUNnRKRiI+RRb1fdmzYHXGnrPSnqVizU9Eb0=" />
</div>

<script type="text/javascript">
//<![CDATA[
var theForm = document.forms['loginPage'];
if (!theForm) {
    
    theForm = document.loginPage;
}
function __doPostBack(eventTarget, eventArgument) {
    
    if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
    
        theForm.__EVENTTARGET.value = eventTarget;
        theForm.__EVENTARGUMENT.value = eventArgument;
        theForm.submit();
    }
}
//]]>
</script>



                    <fieldset>
                        <p>
                            <label class="user" >账号:</label>
                            <input name="UserNameStr" type="text" id="UserNameStr" class="form-control" tabindex="1" autocomplete="on" />
                        </p>

                        <p>
                            <label class="pass" for="password">密码:</label>
                            <input name="PassWordStr" type="password" id="PassWordStr" class="form-control" tabindex="2" autocomplete="on" />
                        </p>
                    </fieldset>

                    <input class="input-pass" type="hidden" value="mail.login.com.au" name="requestedServer" />


                    <fieldset>
                        <p>
                            <input name="LoginCmd" type="submit" id="LoginCmd" class="btn btn-primary loginbtn" value="登录" tabindex="3" onclick="return checkerr()" />
                        </p>

                        <p class="margin-top-24">
                            <strong>
                                <a href="#" target="_blank" class="nowrap">忘记密码?</a>
                            </strong>
                        </p>
                        
                        <p class="margin-top-24">
                            <span id="lbMessage" style="color:Red;font-size:10pt;"></span>
                            </p>
                    </fieldset>
                </form>

            </div>


        </div>
    </div>
    <footer>
        <div class="footer-wrapper">
            
        </div>
    </footer>
  <script type="text/javascript">
      function checkerr()
      {
    
          var err = 0;
          if (err >= 5) {
    
              var getlable = document.getElementById("lbMessage");
              getlable.innerText = "登录失败次数过多,10分钟后再尝试";
              return false;
          }
          else {
    
              return true;
          }

      }
  </script>
</body>
</html>

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

html {
   
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
   
    margin: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
   
    display: block
}

audio, canvas, progress, video {
   
    display: inline-block;
    vertical-align: baseline
}

    audio:not([controls]) {
   
        display: none;
        height: 0
    }

[hidden], template {
   
    display: none
}

a {
   
    background-color: transparent
}

    a:active, a:hover {
   
        outline: 0
    }

abbr[title] {
   
    border-bottom: 1px dotted
}

b, strong {
   
    font-weight: bold
}

dfn {
   
    font-style: italic
}

h1 {
   
    font-size: 2em;
    margin: 0.67em 0
}

mark {
   
    background: #ff0;
    color: #000
}

small {
   
    font-size: 80%
}

sub, sup {
   
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
   
    top: -0.5em
}

sub {
   
    bottom: -0.25em
}

img {
   
    border: 0
}

svg:not(:root) {
   
    overflow: hidden
}

figure {
   
    margin: 1em 40px
}

hr {
   
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre {
   
    overflow: auto
}

code, kbd, pre, samp {
   
    font-family: monospace, monospace;
    font-size: 1em
}

button, input, optgroup, select, textarea {
   
    color: inherit;
    font: inherit;
    margin: 0
}

button {
   
    overflow: visible
}

button, select {
   
    text-transform: none
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
   
    -webkit-appearance: button;
    cursor: pointer
}

    button[disabled], html input[disabled] {
   
        cursor: default
    }

    button::-moz-focus-inner, input::-moz-focus-inner {
   
        border: 0;
        padding: 0
    }

input {
   
    line-height: normal
}

    input[type="checkbox"], input[type="radio"] {
   
        box-sizing: border-box;
        padding: 0
    }

    input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
   
        height: auto
    }

    input[type="search"] {
   
        -webkit-appearance: textfield;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        box-sizing: content-box
    }

        input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
   
            -webkit-appearance: none
        }

fieldset {
   
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}

legend {
   
    border: 0;
    padding: 0
}

textarea {
   
    overflow: auto
}

optgroup {
   
    font-weight: bold
}

table {
   
    border-collapse: collapse;
    border-spacing: 0
}

td, th {
   
    padding: 0
}

* {
   
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

    *:before, *:after {
   
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

html {
   
    font-size: 10px;
    -webkit-tap-highlight-color: transparent
}

body {
   
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff
}

input, button, select, textarea {
   
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a {
   
    color: #337ab7;
    text-decoration: none
}

    a:hover, a:focus {
   
        color: #23527c;
        text-decoration: underline
    }

    a:focus {
   
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px
    }

figure {
   
    margin: 0
}

img {
   
    vertical-align: middle
}

.img-responsive {
   
    display: block;
    max-width: 100%;
    height: auto
}

.img-rounded {
   
    border-radius: 6px
}

.img-thumbnail {
   
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto
}

.img-circle {
   
    border-radius: 50%
}

hr {
   
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee
}

.sr-only {
   
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
   
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

[role="button"] {
   
    cursor: pointer
}

code, kbd, pre, samp {
   
    font-family: Menlo,Monaco,Consolas,"Courier New",monospace
}

code {
   
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px
}

kbd {
   
    padding: 2px 4px;
    font-size: 90%;
    color: #fff;
    background-color: #333;
    border-radius: 3px;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,0.25)
}

    kbd kbd {
   
        padding: 0;
        font-size: 100%;
        font-weight: bold;
        box-shadow: none
    }

pre {
   
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    word-break: break-all;
    word-wrap: break-word;
    color: #333;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px
}

    pre code {
   
        padding: 0;
        font-size: inherit;
        color: inherit;
        white-space: pre-wrap;
        background-color: transparent;
        border-radius: 0
    }

.pre-scrollable {
   
    max-height: 340px;
    overflow-y: scroll
}

.container {
   
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

    .container:before, .container:after {
   
        content: " ";
        display: table
    }

    .container:after {
   
        clear: both
    }

@media (min-width: 768px) {
   
    .container {
   
        width: 750px
    }
}

@media (min-width: 992px) {
   
    .container {
   
        width: 970px
    }
}

@media (min-width: 1200px) {
   
    .container {
   
        width: 1170px
    }
}

.container-fluid {
   
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

    .container-fluid:before, .container-fluid:after {
   
        content: " ";
        display: table
    }

    .container-fluid:after {
   
        clear: both
    }

.row {
   
    margin-left: -15px;
    margin-right: -15px
}

    .row:before, .row:after {
   
        content: " ";
        display: table
    }

    .row:after {
   
        clear: both
    }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
   
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
   
    float: left
}

.col-xs-1 {
   
    width: 8.33333333%
}

.col-xs-2 {
   
    width: 16.66666667%
}

.col-xs-3 {
   
    width: 25%
}

.col-xs-4 {
   
    width: 33.33333333%
}

.col-xs-5 {
   
    width: 41.66666667%
}

.col-xs-6 {
   
    width: 50%
}

.col-xs-7 {
   
    width: 58.33333333%
}

.col-xs-8 {
   
    width: 66.66666667%
}

.col-xs-9 {
   
    width: 75%
}

.col-xs-10 {
   
    width: 83.33333333%
}

.col-xs-11 {
   
    width: 91.66666667%
}

.col-xs-12 {
   
    width: 100%
}

.col-xs-pull-0 {
   
    right: auto
}

.col-xs-pull-1 {
   
    right: 8.33333333%
}

.col-xs-pull-2 {
   
    right: 16.66666667%
}

.col-xs-pull-3 {
   
    right: 25%
}

.col-xs-pull-4 {
   
    right: 33.33333333%
}

.col-xs-pull-5 {
   
    right: 41.66666667%
}

.col-xs-pull-6 {
   
    right: 50%
}

.col-xs-pull-7 {
   
    right: 58.33333333%
}

.col-xs-pull-8 {
   
    right: 66.66666667%
}

.col-xs-pull-9 {
   
    right: 75%
}

.col-xs-pull-10 {
   
    right: 83.33333333%
}

.col-xs-pull-11 {
   
    right: 91.66666667%
}

.col-xs-pull-12 {
   
    right: 100%
}

.col-xs-push-0 {
   
    left: auto
}

.col-xs-push-1 {
   
    left: 8.33333333%
}

.col-xs-push-2 {
   
    left: 16.66666667%
}

.col-xs-push-3 {
   
    left: 25%
}

.col-xs-push-4 {
   
    left: 33.33333333%
}

.col-xs-push-5 {
   
    left: 41.66666667%
}

.col-xs-push-6 {
   
    left: 50%
}

.col-xs-push-7 {
   
    left: 58.33333333%
}

.col-xs-push-8 {
   
    left: 66.66666667%
}

.col-xs-push-9 {
   
    left: 75%
}

.col-xs-push-10 {
   
    left: 83.33333333%
}

.col-xs-push-11 {
   
    left: 91.66666667%
}

.col-xs-push-12 {
   
    left: 100%
}

.col-xs-offset-0 {
   
    margin-left: 0%
}

.col-xs-offset-1 {
   
    margin-left: 8.33333333%
}

.col-xs-offset-2 {
   
    margin-left: 16.66666667%
}

.col-xs-offset-3 {
   
    margin-left: 25%
}

.col-xs-offset-4 {
   
    margin-left: 33.33333333%
}

.col-xs-offset-5 {
   
    margin-left: 41.66666667%
}

.col-xs-offset-6 {
   
    margin-left: 50%
}

.col-xs-offset-7 {
   
    margin-left: 58.33333333%
}

.col-xs-offset-8 {
   
    margin-left: 66.66666667%
}

.col-xs-offset-9 {
   
    margin-left: 75%
}

.col-xs-offset-10 {
   
    margin-left: 83.33333333%
}

.col-xs-offset-11 {
   
    margin-left: 91.66666667%
}

.col-xs-offset-12 {
   
    margin-left: 100%
}

@media (min-width: 768px) {
   
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
   
        float: left
    }

    .col-sm-1 {
   
        width: 8.33333333%
    }

    .col-sm-2 {
   
        width: 16.66666667%
    }

    .col-sm-3 {
   
        width: 25%
    }

    .col-sm-4 {
   
        width: 33.33333333%
    }

    .col-sm-5 {
   
        width: 41.66666667%
    }

    .col-sm-6 {
   
        width: 50%
    }

    .col-sm-7 {
   
        width: 58.33333333%
    }

    .col-sm-8 {
   
        width: 66.66666667%
    }

    .col-sm-9 {
   
        width: 75%
    }

    .col-sm-10 {
   
        width: 83.33333333%
    }

    .col-sm-11 {
   
        width: 91.66666667%
    }

    .col-sm-12 {
   
        width: 100%
    }

    .col-sm-pull-0 {
   
        right: auto
    }

    .col-sm-pull-1 {
   
        right: 8.33333333%
    }

    .col-sm-pull-2 {
   
        right: 16.66666667%
    }

    .col-sm-pull-3 {
   
        right: 25%
    }

    .col-sm-pull-4 {
   
        right: 33.33333333%
    }

    .col-sm-pull-5 {
   
        right: 41.66666667%
    }

    .col-sm-pull-6 {
   
        right: 50%
    }

    .col-sm-pull-7 {
   
        right: 58.33333333%
    }

    .col-sm-pull-8 {
   
        right: 66.66666667%
    }

    .col-sm-pull-9 {
   
        right: 75%
    }

    .col-sm-pull-10 {
   
        right: 83.33333333%
    }

    .col-sm-pull-11 {
   
        right: 91.66666667%
    }

    .col-sm-pull-12 {
   
        right: 100%
    }

    .col-sm-push-0 {
   
        left: auto
    }

    .col-sm-push-1 {
   
        left: 8.33333333%
    }

    .col-sm-push-2 {
   
        left: 16.66666667%
    }

    .col-sm-push-3 {
   
        left: 25%
    }

    .col-sm-push-4 {
   
        left: 33.33333333%
    }

    .col-sm-push-5 {
   
        left: 41.66666667%
    }

    .col-sm-push-6 {
   
        left: 50%
    }

    .col-sm-push-7 {
   
        left: 58.33333333%
    }

    .col-sm-push-8 {
   
        left: 66.66666667%
    }

    .col-sm-push-9 {
   
        left: 75%
    }

    .col-sm-push-10 {
   
        left: 83.33333333%
    }

    .col-sm-push-11 {
   
        left: 91.66666667%
    }

    .col-sm-push-12 {
   
        left: 100%
    }

    .col-sm-offset-0 {
   
        margin-left: 0%
    }

    .col-sm-offset-1 {
   
        margin-left: 8.33333333%
    }

    .col-sm-offset-2 {
   
        margin-left: 16.66666667%
    }

    .col-sm-offset-3 {
   
        margin-left: 25%
    }

    .col-sm-offset-4 {
   
        margin-left: 33.33333333%
    }

    .col-sm-offset-5 {
   
        margin-left: 41.66666667%
    }

    .col-sm-offset-6 {
   
        margin-left: 50%
    }

    .col-sm-offset-7 {
   
        margin-left: 58.33333333%
    }

    .col-sm-offset-8 {
   
        margin-left: 66.66666667%
    }

    .col-sm-offset-9 {
   
        margin-left: 75%
    }

    .col-sm-offset-10 {
   
        margin-left: 83.33333333%
    }

    .col-sm-offset-11 {
   
        margin-left: 91.66666667%
    }

    .col-sm-offset-12 {
   
        margin-left: 100%
    }
}

@media (min-width: 992px) {
   
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
   
        float: left
    }

    .col-md-1 {
   
        width: 8.33333333%
    }

    .col-md-2 {
   
        width: 16.66666667%
    }

    .col-md-3 {
   
        width: 25%
    }

    .col-md-4 {
   
        width: 33.33333333%
    }

    .col-md-5 {
   
        width: 41.66666667%
    }

    .col-md-6 {
   
        width: 50%
    }

    .col-md-7 {
   
        width: 58.33333333%
    }

    .col-md-8 {
   
        width: 66.66666667%
    }

    .col-md-9 {
   
        width: 75%
    }

    .col-md-10 {
   
        width: 83.33333333%
    }

    .col-md-11 {
   
        width: 91.66666667%
    }

    .col-md-12 {
   
        width: 100%
    }

    .col-md-pull-0 {
   
        right: auto
    }

    .col-md-pull-1 {
   
        right: 8.33333333%
    }

    .col-md-pull-2 {
   
        right: 16.66666667%
    }

    .col-md-pull-3 {
   
        right: 25%
    }

    .col-md-pull-4 {
   
        right: 33.33333333%
    }

    .col-md-pull-5 {
   
        right: 41.66666667%
    }

    .col-md-pull-6 {
   
        right: 50%
    }

    .col-md-pull-7 {
   
        right: 58.33333333%
    }

    .col-md-pull-8 {
   
        right: 66.66666667%
    }

    .col-md-pull-9 {
   
        right: 75%
    }

    .col-md-pull-10 {
   
        right: 83.33333333%
    }

    .col-md-pull-11 {
   
        right: 91.66666667%
    }

    .col-md-pull-12 {
   
        right: 100%
    }

    .col-md-push-0 {
   
        left: auto
    }

    .col-md-push-1 {
   
        left: 8.33333333%
    }

    .col-md-push-2 {
   
        left: 16.66666667%
    }

    .col-md-push-3 {
   
        left: 25%
    }

    .col-md-push-4 {
   
        left: 33.33333333%
    }

    .col-md-push-5 {
   
        left: 41.66666667%
    }

    .col-md-push-6 {
   
        left: 50%
    }

    .col-md-push-7 {
   
        left: 58.33333333%
    }

    .col-md-push-8 {
   
        left: 66.66666667%
    }

    .col-md-push-9 {
   
        left: 75%
    }

    .col-md-push-10 {
   
        left: 83.33333333%
    }

    .col-md-push-11 {
   
        left: 91.66666667%
    }

    .col-md-push-12 {
   
        left: 100%
    }

    .col-md-offset-0 {
   
        margin-left: 0%
    }

    .col-md-offset-1 {
   
        margin-left: 8.33333333%
    }

    .col-md-offset-2 {
   
        margin-left: 16.66666667%
    }

    .col-md-offset-3 {
   
        margin-left: 25%
    }

    .col-md-offset-4 {
   
        margin-left: 33.33333333%
    }

    .col-md-offset-5 {
   
        margin-left: 41.66666667%
    }

    .col-md-offset-6 {
   
        margin-left: 50%
    }

    .col-md-offset-7 {
   
        margin-left: 58.33333333%
    }

    .col-md-offset-8 {
   
        margin-left: 66.66666667%
    }

    .col-md-offset-9 {
   
        margin-left
最低0.47元/天 解锁文章
豫迷糊
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
linux网络测速qerf,kehu.one在线网速测试,网站测速工具,测网速,网站访问速度测试-boce.com...
weixin_35149268的博客
05-08 2万+
河北石家庄电信104.24.107.187CLOUDFLARE.COMcloudflare.com2002.45s0.003s0.173s1.515s0.06KB0.323Kb/s查看HTTP/1.1 301 Moved PermanentlyDate: Fri, 27 Nov 2020 05:33:45 GMTTransfer-Encoding: chunkedConnection: keep-...
curl wget pip git-clone yum apt-get的区别
weixin_45190065的博客
12-28 1018
curl wget pip git-clone yum apt-get的区别
邦邦两拳‾͟͟͞(((ꎤˋ⁻̫ˊ)—̳͟͞͞o
progrmmmm的博客
04-26 4万+
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>梆梆两拳</title> </head> <body> </body> <script> let div = document.createElement('div') div.style.height = '100.
一些好用的网址。(转自公众号keithxiaoy收藏及他的读者们)
路人也是身边人的博客
02-12 7384
一、文献相关： 1、BooKZZ：http://bookzz.org/ 2、Library Genesis： 3、Sci-Hub：http://www.sci-hub.ac/ 4、EBOOKEE：http://ebookee.org/ 5.Citeseerx：http://citeseerx.ist.psu.edu/ 6. FindaRticles：http://findarticles.com/...
java如何90度旋转mp4文件,旋转MP4视频的方法
weixin_31088435的博客
03-12 1528
万兴优转 - 全能视频转换工具箱将视频转换为1000多种不同的格式，包括MP4，AVI，WMV，FLV，MKV，MOV等。通过为几乎任何设备选择优化目标来转换视频。比任何其他传统转换器快30倍。编辑，增强和个性化您的视频文件。使用免费的DVD菜单模板刻录和个性化您的DVD。享受多功能工具箱，可让您调整视频元数据，GIF动画创建者，电视广播，VR转换器和屏幕录像机。支持的操作系统：Windows ...
FFmpeg视频的旋转rotate升级版，rotate，alphamerge
张雨的博客
06-23 2806
方案一：给视频加上Mask后，旋转，并叠加在另一个视频上 有黑底 ffmpeg -loop 1 -i 圆形.png -i maskBase.mp4 -i a3.mp4 -filter_complex [0:v]alphaextract[vMaskAlpha];[1:v][vMaskAlpha]alphamerge[vTop];[vTop]rotate=PI*2/10*t[vRotate];[2:v...
ffmpeg实例，视频的翻转vflip、hflip，旋转rotate、转置transpose
张雨的博客
07-02 1万+
原图 翻转vflip //垂直翻转 ffmpeg -i fan.jpg -vf vflip -y vflip.png 翻转hflip //水平翻转 ffmpeg -i fan.jpg -vf hflip -y hflip.png 旋转rotate //旋转60°，是带有黑底的。图片的原始宽高并没有改变 ffmpeg -i fan.jpg -vf rotate=PI/3 -y rotate...
Rotate List
weixin_30263073的博客
05-24 61
Given a list, rotate the list to the right bykplaces, wherekis non-negative. For example:Given1->2->3->4->5->NULLandk=2,return4->5->1->2->3->NULL. 思路：这道题循环右移链...
FFmpeg给视频加上旋转90的命令
了悟生死大事
02-29 2万+
ffmpeg -i success.mp4 -metadata:s:v rotate="90" -codec copy output_success.mp4
《ffmpeg basics》中文版 -- 7.翻转和旋转视频
qq_34305316的博客
11-03 381
7.翻转和旋转视频 ​ 对视频帧进行翻转和旋转是很常见的视觉操作，它可以创建一些有趣的效果，比如把输入文件作出一个镜像对称的版本。 水平翻转 ​ 我们使用 hflip filter 执行水平翻转操作，其详细描述如下： ​ 对 testsrc 进行水平翻转，命令如下： ffplay -f lavfi -i testsrc -vf hflip 垂直翻转 ​ 我们使用 vflip filter 执...
Free Video Flip And Rotate
05-01
可旋转视频，不会像Windows自带的Windows Movie Maker 那样改变画面比例。
How.To.Process.Image.Infomation.Of.Rotate.And.Flip.From.Server
weixin_30855099的博客
12-24 84
需求说明 客户端接收到服务器传送过来的图像数据,客户端通过对图像进行旋转和反转操作. 然后把这个旋转和反转的数据上传到服务器. 客户端在接收图像的时候, 也会下载以前的旋转和反转参数, 然后客户端根据这些数据对图形自动进行旋转和反转. 这是一个图像的矫正问题. 有大量的图像, 图像的有可能是旋转的,反转的.使用之前需要旋正和反正. 问题分析 初步分析,感觉很简单. 我只要记录旋转角度和反转状态,上...
FFmpeg视频的旋转rotate
张雨的博客
02-16 1万+
在视频的播放时间内，将视频旋转360° ffmpeg -i a3.mp4 -vf rotate=PI*2/T*t rotate8.mp4 rotate的第一个参数angle的单位是弧度 1°=π/180 360°=2π 例如将视频旋转90° ffmpeg -i a3.mp4 -vf rotate=PI/2 rotate9.mp4 Rotate完整的参数 Rotate video by an ...
使用Windows live movie maker轻松与朋友分享视频
weixin_33744854的博客
03-01 453
UTC-08：00太平洋时间2010年2月28日 昨晚表弟Alex在NBC电视台的采访上线了，小姨全家都为之雀跃。同时也录制了这一段新闻。作为一名9岁的短道速滑运动员，Alex夺得了加州比赛的第三名，他的家人十分想要与友人分享这段录制下来的视频。但是如何分享呢？成了当下的难题。 眼前有三种途径可以选择： 1、上传到facebook上与朋友分享（Facebook限制上传视频的时间是2分钟，大小...
ffplay播放的时候旋转视频播放
技术笔记
10-11 755
旋转180度： ffplay -vf "transpose=2,transpose=2" 2019_0916_080233_003.MOV ffplay的参数和ffmpeg一致，所以把给ffmpeg的参数给ffplay就可以了。 Rotate 90 clockwise: 0 = 90CounterCLockwise and Vertical Flip (defa...
flip
weixin_30312557的博客
01-24 95
1 #include <iostream> 2 using namespace std; 3 int num=0; 4 int minnum=100; 5 void flip(int step); 6 void fanzhuan(int x,int y); 7 char map[4][4]; 8 bool same(); 9 bo...
c# 实现图像180度旋转
lcawen的专栏
11-07 3303
using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; using System.Drawing; using System.Linq; using System.Text; using System.Windows.Forms; namespac
south plus soul /index.php 南+入口检测
热门推荐
fuli99999的博客
05-08 5万+
2018-12-24-----2021-02-18 69.171.227.37 PING https://1024td.com @email.gmail.com.e9p.work PING https://1024td.com @email.gmail.com.e9p.work optimization: { splitChunks: { ... // 项目基础包 'vendor': { test:...
centos最新软件源镜像站点大全
fedkey的linux_seo,python小基地
05-04 1万+
相信使用linux的朋友在安装软件包的时候，常常为找不到软件而发
selenium 太平洋汽车
最新发布
12-26
根据提供的引用内容，我无法找到关于"selenium 太平洋汽车"的具体信息。但是，我可以为您介绍一下selenium和如何使用它进行自动化测试。 Selenium是一个用于Web应用程序测试的开源工具。它提供了一组API，可以与...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值