if(result == "" || result == undefined || result == null || JSON.stringify(result) == "{}"){

}

var arr = [5, 2, 3, 1];
arr.sort(function (a, b) {
    if (a > b) {
        return 1;
    } else {
        return -1;
    }
});
console.log(arr);

function addTip(el,tip) {
    var publicTip;
    $(el).hover(function() {
        publicTip = layer.tips(tip, el,{tips:[1,'#6f6f6f'],time: 0});
    }, function() {
        layer.close(publicTip);
    });
}

addTip(".metaModel","主要用来定义元数据");

$ hexo new "My New Post"

$ hexo server

$ hexo generate

$ hexo deploy

hexo n xxx

hexo g

hexo d

图片 ![image](https://img1.gtimg.com/10/1048/104857/10485731_980x1200_0.jpg)

html:
<link rel="stylesheet" href="css/cropper.min.css"/>
<script type="text/javascript" src="js/cropper.min.js"></script>

<div class="upload_mask">
    <div class="upload_box">
        <div class="upload_close"></div>
        <div class="upload_pic"><img class="tailoringImg"></div>
        <div class="cropperBtnBox">
            <div class="cropperBtn">
                <div class="scaleBtn">放大</div>
                <div class="zoomBtn">缩小</div>
                <div class="rotateBtn">旋转</div>
                <div class="resetBtn">复位</div>
            </div>
        </div>
        <div class="upload_bot clearfix">
            <div class="upload_left fl w50"><div class="rel">上传图片<input type="file" id="upload_file" accpet="image/png,image/jpeg,image/jpg,image/bmp"></div></div>
            <div class="upload_right fr w50"><div id="clipBtn">保存</div></div>
        </div>
    </div>
</div>

css:
.upload_mask{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.7);z-index: 9;display: none;}
.upload_box{width: 8rem;background: #fff;border-radius: 0.1rem;padding: 0.4rem;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.upload_pic{width: 7rem;height: 7rem;background: #f2f2f2 url("../images/upload_pic.png") no-repeat center center;background-size: 30%;box-shadow: 0 0.1rem 0.1rem #d0d0ce;margin: 0 auto;}
.upload_left,.upload_right{height: 0.8rem;}
.upload_left div,.upload_right div{font-size: 0.34rem;color: #fff;width: 2.6rem;line-height: 0.8rem;background-color: #d31145;text-align: center;border-radius: 5px;-webkit-border-radius: 5px;margin: 0 auto;z-index: 9;}
.upload_mask input{position: absolute;left: 0;top: 0;}
.upload_bot{padding-top: 0.4rem;}
.upload_close{width: 0.42rem;height: 0.42rem;background: url("../images/close.png") no-repeat center center;background-size: contain;position: absolute;right: -0.6rem;top: 0;}
.cropperBtnBox{display: none;}
.cropperBtn{display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;padding-top: 0.2rem;}
.cropperBtn div{width: 1rem;font-size: 0.26rem;color: #fff;line-height: 0.5rem;text-align: center;background-color: #d31145;border-radius: 5px;-webkit-border-radius: 5px;z-index: 9;}
.zoomBtn{margin: 0 0.2rem;}
.rotateBtn{margin-right: 0.2rem;}

js:
$(".add_btn").on("click", function () {
    var dataBtn = $(this).attr("data-btn");
    $("#clipBtn").attr("class", dataBtn);
    var dataFile = $(this).attr("data-file");
    $("#upload_file").attr("class", dataFile);
    $("#upload_file").val("");
    $(".tailoringImg").attr("src", "");
    $(".cropper-container").remove();
    $(".upload_mask").show();
});

$(".upload_close").on("click", function (e) {
    $(".upload_mask").hide();
    $(".cropperBtnBox").hide();
    $("#clipBtn").attr("class", "");
    $("#upload_file").attr("class", "");
});

/* 放大 */
$(".scaleBtn").on("click", function () {
    $('.tailoringImg').cropper("zoom", 0.1);
});

/* 缩小 */
$(".zoomBtn").on("click", function () {
    $('.tailoringImg').cropper("zoom", -0.1);
});

/* 旋转 */
$(".rotateBtn").on("click", function () {
    $('.tailoringImg').cropper("rotate", 45);
});

/* 复位 */
$(".resetBtn").on("click", function () {
    $('.tailoringImg').cropper("reset");
});

/* 图像上传 */
function uploadPic(el, el1) {
    $(document).on("change", el1, function () {
        if (!this.files || !this.files[0]) {
            return false;
        }
        var _width = $(el).width();
        var _height = $(el).height();
        console.log(_width / _height);

        /* cropper图片裁剪 */
        var options = {
            aspectRatio: _width / _height,
            guides: false, // 裁剪框的虚线(九宫格)
            autoCropArea: 1, // 0-1之间的数值，定义自动剪裁区域的大小，默认0.8
            movable: false, // 是否允许移动图片
            dragCrop: false, // 是否允许移除当前的剪裁框，并通过拖动来新建一个剪裁框区域
            movable: false, // 是否允许移动剪裁框
            resizable: false, // 是否允许改变裁剪框的大小
            zoomable: true, // 是否允许缩放图片大小
            mouseWheelZoom: false, // 是否允许通过鼠标滚轮来缩放图片
            touchDragZoom: true, // 是否允许通过触摸移动来缩放图片
            rotatable: true, // 是否允许旋转图片
            modal: true,
            crop: function (e) {
                // 输出结果数据裁剪图像。
            },
        };
        var reader = new FileReader();
        reader.onload = function (evt) {
            var replaceSrc = evt.target.result;
            /* 更换cropper的图片 */
            $('.tailoringImg').cropper('destroy').cropper(options);
            $('.tailoringImg').cropper('replace', replaceSrc, false); //默认false，适应高度，不失真
            $(".cropperBtnBox").show();
        }
        reader.readAsDataURL(this.files[0]);
    });
}

/* 图片显示 */
function addPic(el, el1, el2) {
    uploadPic(el, el1);

    /* 裁剪后的处理 */
    $(document).on("click", el2, function () {
        if ($(".tailoringImg").attr("src") == "" || $(".tailoringImg").attr("src") == null) {
            return false;
        } else {
            var cas = $('.tailoringImg').cropper('getCroppedCanvas'); //获取被裁剪后的canvas
            var base64url = cas.toDataURL('image/png'); //转换为base64地址形式
            $(el).children("img").attr("src", base64url); //显示为图片的形式
            /*  关闭裁剪框 */
            $(".upload_mask").hide();
            $(".cropperBtnBox").hide();
            $("#clipBtn").attr("class", "");
            $("#upload_file").attr("class", "");
        }
    });
}

html:
<script type="text/javascript" src="js/Sortable.min.js"></script>

<div class="swiper-wrapper team_p4wrapper" id="team_p4Sortable">
    <div class="swiper-slide removeSlide"><img src="images/team_p4Img1.png" class="whImg" alt=""></div>
    <div class="swiper-slide removeSlide"><img src="images/team_p4Img2.png" class="whImg" alt=""></div>
</div>

css:
.selBg{opacity: 0.7;}

js：
p4Sort();
var p4Sortable;
function p4Sort() {
    p4Sortable = new Sortable(team_p4Sortable, {
        swapThreshold: 1,
        animation: 150,
        delay: 100,
        chosenClass: "selBg",
        onChoose: function () {
            team_p4swiper.allowTouchMove = false;
        },
        onUnchoose: function () {
            team_p4swiper.allowTouchMove = true;
            team_p4swiper.update();
        },
    });
}

p4Sortable.destroy();

clip-path：CSS属性使用裁剪方式创建元素的可显示区域。区域内的部分显示，区域外的隐藏。

clip-path生成器
链接：https://www.html.cn/tool/css-clip-path/

由于底部导航栏是因为出现history记录才出现的，使用replace就没有history记录。

$(".pageBtn").on("click",function(){
	window.location.replace($(this).attr("data-href") + '.html');
});

vue引用了第三方组件，需要在组件中局部修改第三方组件的样式，而又不想去除scoped属性造成组件之间的样式污染。此时只能通过>>>，穿透scoped。

有些Sass 之类的预处理器无法正确解析 >>>。可以使用 /deep/ 操作符( >>> 的别名)

<style scoped>

  外层 >>> 第三方组件 {

      样式

  }

/deep/  第三方组件 {

      样式

  }

</style>

链接：https://blog.csdn.net/Alex81320/article/details/86234369

$('a').click(function () {
    //根据a标签的href转换为id选择器，获取id元素所处的位置，并高度减50px（这里根据需要自由设置）
    $('html,body').animate({ scrollTop: ($($(this).attr('href')).offset().top - 50) }, 1000);
});

链接：https://blog.csdn.net/cy29403/article/details/100136290