mirrors/sakura
1
0
Fork 0
mirror of https://github.com/mashirozx/sakura.git synced 2024-11-25 08:18:14 +08:00
Code Issues Projects Releases Wiki Activity

optimize

Browse Source
This commit is contained in:
Spirit 2019-09-05 17:09:44 +08:00
parent 4b8297a460
commit 13c95549d7
1 changed files with 87 additions and 80 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

167
js/sakura-app.js
View File

@ -66,17 +66,21 @@ function imgError(ele, type) {
function post_list_show_animation() {
if ($("article").hasClass("post-list-thumb")) {
const options = {
var options = {
root: null,
threshold: [0.66]
}
var io = new IntersectionObserver(callback, options);
let articles = document.querySelectorAll('.post-list-thumb');
var articles = document.querySelectorAll('.post-list-thumb');
function callback(entries) {
entries.forEach((article) => {
if (article.isIntersecting) {
article.target.classList.add("post-list-show");
if (article.target.classList.contains("post-list-show")) {
io.unobserve(article.target)
} else {
if (article.isIntersecting) {
article.target.classList.add("post-list-show");
io.unobserve(article.target)
}
}
})
}
@ -160,6 +164,7 @@ if (Poi.reply_link_version == 'new'){
}
function attach_image() {
var cached = $('.insert-image-tips');
$('#upload-img-file').change(function () {
if (this.files.length > 10) {
addComment.createButterbar("每次上传上限为10张.<br>10 files max per request.");
@ -181,13 +186,13 @@ function attach_image() {
contentType: false,
data: formData,
beforeSend: function (xhr) {
$('.insert-image-tips').html('<i class="fa fa-spinner rotating" aria-hidden="true"></i>');
cached.html('<i class="fa fa-spinner rotating" aria-hidden="true"></i>');
addComment.createButterbar("上传中...<br>Uploading...");
},
success: function (res) {
$('.insert-image-tips').html('<i class="fa fa-check" aria-hidden="true"></i>');
cached.html('<i class="fa fa-check" aria-hidden="true"></i>');
setTimeout(function () {
$('.insert-image-tips').html('<i class="fa fa-picture-o" aria-hidden="true"></i>');
cached.html('<i class="fa fa-picture-o" aria-hidden="true"></i>');
}, 1000);
var get_the_url = res.data.url;
$('#upload-img-show').append('<img class="lazyload upload-image-preview" src="https://cdn.jsdelivr.net/gh/moezx/cdn@3.0.2/img/svg/loader/trans.ajax-spinner-preloader.svg" data-src="' + get_the_url + '" onclick="window.open(\'' + get_the_url + '\')" onerror="imgError(this)" />');
@ -196,10 +201,10 @@ function attach_image() {
grin(res.data.url.replace('https://i.loli.net/', '{UPLOAD}'), type = 'Img');
},
error: function () {
$('.insert-image-tips').html('<i class="fa fa-times" aria-hidden="true" style="color:red"></i>');
cached.html('<i class="fa fa-times" aria-hidden="true" style="color:red"></i>');
alert("上传失败，请重试.\nUpload failed, please try again.");
setTimeout(function () {
$('.insert-image-tips').html('<i class="fa fa-picture-o" aria-hidden="true"></i>');
cached.html('<i class="fa fa-picture-o" aria-hidden="true"></i>');
}, 1000);
}
})
@ -225,7 +230,7 @@ function add_upload_tips() {
function click_to_view_image() {
$(".comment_inline_img").click(function () {
var temp_url = $(this).attr('src');
var temp_url = this.src;
window.open(temp_url);
});
}
@ -254,26 +259,27 @@ function cmt_showPopup(ele) {
function scrollBar() {
if (document.body.clientWidth > 860) {
$(window).scroll(function () {
var s = $(window).scrollTop();
var a = $(document).height();
var b = $(window).height();
var result = parseInt(s / (a - b) * 100);
$("#bar").css("width", result + "%");
var s = $(window).scrollTop(),
a = $(document).height(),
b = $(window).height(),
result = parseInt(s / (a - b) * 100),
cached = $("#bar");
cached.css("width", result + "%");
if (false) {
if (result >= 0 && result <= 19)
$("#bar").css("background", "#cccccc");
cached.css("background", "#cccccc");
if (result >= 20 && result <= 39)
$("#bar").css("background", "#50bcb6");
cached.css("background", "#50bcb6");
if (result >= 40 && result <= 59)
$("#bar").css("background", "#85c440");
cached.css("background", "#85c440");
if (result >= 60 && result <= 79)
$("#bar").css("background", "#f2b63c");
cached.css("background", "#f2b63c");
if (result >= 80 && result <= 99)
$("#bar").css("background", "#FF0000");
cached.css("background", "#FF0000");
if (result == 100)
$("#bar").css("background", "#5aaadb");
cached.css("background", "#5aaadb");
} else {
$("#bar").css("background", "orange");
cached.css("background", "orange");
}
$(".toc-container").css("height", $(".site-content").outerHeight());
$(".skin-menu").removeClass('show');
@ -294,9 +300,9 @@ function checkskinSecter() {
function checkBgImgCookie() {
var bgurl = getCookie("bgImgSetting");
if (bgurl != "") {
$(".skin-menu #" + bgurl).click();
$("#" + bgurl).click();
} else {
$(".skin-menu #white-bg").click();
$("#white-bg").click();
}
}
if (document.body.clientWidth > 860) {
@ -316,9 +322,10 @@ $(document).ready(function() {
return a == "none" ? "" : a
}
function changeBG() {
$(".menu-list li").each(function() {
var cached=$(".menu-list");
cached.find("li").each(function() {
var tagid = this.id;
$(".skin-menu #" + tagid).click(function() {
cached.on("click", "#" + tagid, function(){
if (tagid == "white-bg") {
mashiro_global.variables.skinSecter = true;
checkskinSecter();
@ -416,8 +423,9 @@ if (document.body.clientWidth <= 860) {
}
function timeSeriesReload(flag) {
var cached = $('#archives');
if (flag == true) {
$('#archives span.al_mon').click(function () {
cached.find('span.al_mon').click(function () {
$(this).next().slideToggle(400);
return false;
});
@ -427,26 +435,26 @@ function timeSeriesReload(flag) {
$('#al_expand_collapse,#archives span.al_mon').css({
cursor: "s-resize"
});
$('#archives span.al_mon').each(function () {
cached.find('span.al_mon').each(function () {
var num = $(this).next().children('li').length;
$(this).children('#post-num').text(num);
});
var $al_post_list = $('#archives ul.al_post_list'),
$al_post_list_f = $('#archives ul.al_post_list:first');
var $al_post_list = cached.find('ul.al_post_list'),
$al_post_list_f = cached.find('ul.al_post_list:first');
$al_post_list.hide(1, function () {
$al_post_list_f.show();
});
$('#archives span.al_mon').click(function () {
cached.find('span.al_mon').click(function () {
$(this).next().slideToggle(400);
return false;
});
if (document.body.clientWidth > 860) {
$('#archives li.al_li').mouseover(function () {
cached.find('li.al_li').mouseover(function () {
$(this).children('.al_post_list').show(400);
return false;
});
if (false) {
$('#archives li.al_li').mouseout(function () {
cached.find('li.al_li').mouseout(function () {
$(this).children('.al_post_list').hide(400);
return false;
});
@ -552,7 +560,7 @@ function tableOfContentScroll(flag) {
var id = 1;
$(".entry-content , .links").children("h1,h2,h3,h4,h5").each(function () {
var hyphenated = "toc-head-" + id;
$(this).attr('id', hyphenated);
this.id = hyphenated;
id++;
});
tocbot.init({
@ -601,7 +609,6 @@ var pjaxInit = function () {
timeSeriesReload();
add_copyright();
tableOfContentScroll(flag = true);
console.log($("#myscript").text());
}
$(document).on("click", ".sm", function () {
var msg = "您真的要设为私密吗？";
@ -827,26 +834,26 @@ if(mashiro_option.float_player_on) {
}
function getqqinfo() {
var is_get_by_qq = false;
var is_get_by_qq = false,cached = $('input');
if (!getCookie('user_qq') && !getCookie('user_qq_email') && !getCookie('user_author')) {
$('input#qq,input#author,input#email,input#url').val('');
cached.filter('#qq,#author,#email,#url').val('');
}
if (getCookie('user_avatar') && getCookie('user_qq') && getCookie('user_qq_email')) {
$('div.comment-user-avatar img').attr('src', getCookie('user_avatar'));
$('input#author').val(getCookie('user_author'));
$('input#email').val(getCookie('user_qq') + '@qq.com');
$('input#qq').val(getCookie('user_qq'));
cached.filter('#author').val(getCookie('user_author'));
cached.filter('#email').val(getCookie('user_qq') + '@qq.com');
cached.filter('#qq').val(getCookie('user_qq'));
if (mashiro_option.qzone_autocomplete) {
$('input#url').val('https://user.qzone.qq.com/' + getCookie('user_qq'));
cached.filter('#url').val('https://user.qzone.qq.com/' + getCookie('user_qq'));
}
if ($('input#qq').val()) {
if (cached.filter('#qq').val()) {
$('.qq-check').css('display', 'block');
$('.gravatar-check').css('display', 'none');
}
}
var emailAddressFlag = $('input#email').val();
$('input#author').on('blur', function () {
var qq = $('input#author').val();
var emailAddressFlag = cached.filter('#email').val();
cached.filter('#author').on('blur', function () {
var qq = cached.filter('#author').val();
$.ajax({
type: 'get',
url: mashiro_option.qq_api_url + '?type=getqqnickname&qq=' + qq,
@ -854,15 +861,15 @@ function getqqinfo() {
jsonp: 'callback',
jsonpCallback: 'portraitCallBack',
success: function (data) {
$('input#author').val(data[qq][6]);
$('input#email').val($.trim(qq) + '@qq.com');
cached.filter('#author').val(data[qq][6]);
cached.filter('#email').val($.trim(qq) + '@qq.com');
if (mashiro_option.qzone_autocomplete) {
$('input#url').val('https://user.qzone.qq.com/' + $.trim(qq));
cached.filter('#url').val('https://user.qzone.qq.com/' + $.trim(qq));
}
$('div.comment-user-avatar img').attr('src', 'https://q2.qlogo.cn/headimg_dl?dst_uin=' + qq + '&spec=100');
is_get_by_qq = true;
$('input#qq').val($.trim(qq));
if ($('input#qq').val()) {
cached.filter('#qq').val($.trim(qq));
if (cached.filter('#qq').val()) {
$('.qq-check').css('display', 'block');
$('.gravatar-check').css('display', 'none');
}
@ -871,16 +878,16 @@ function getqqinfo() {
setCookie('is_user_qq', 'yes', 30);
setCookie('user_qq_email', qq + '@qq.com', 30);
setCookie('user_email', qq + '@qq.com', 30);
emailAddressFlag = $('input#email').val();
emailAddressFlag = cached.filter('#email').val();
},
error: function () {
$('input#qq').val('');
cached.filter('#qq').val('');
$('.qq-check').css('display', 'none');
$('.gravatar-check').css('display', 'block');
$('div.comment-user-avatar img').attr('src', get_gravatar($('input#email').val(), 80));
$('div.comment-user-avatar img').attr('src', get_gravatar(cached.filter('#email').val(), 80));
setCookie('user_qq', '', 30);
setCookie('user_email', $('input#email').val(), 30);
setCookie('user_avatar', get_gravatar($('input#email').val(), 80), 30);
setCookie('user_email', cached.filter('#email').val(), 30);
setCookie('user_avatar', get_gravatar(cached.filter('#email').val(), 80), 30);
}
});
$.ajax({
@ -894,55 +901,55 @@ function getqqinfo() {
setCookie('user_avatar', data[qq], 30);
},
error: function () {
$('input#qq', 'input#email', 'input#url').val('');
if (!$('input#qq').val()) {
cached.filter('#qq,#email,#url').val('');
if (!cached.filter('#qq').val()) {
$('.qq-check').css('display', 'none');
$('.gravatar-check').css('display', 'block');
setCookie('user_qq', '', 30);
$('div.comment-user-avatar img').attr('src', get_gravatar($('input#email').val(), 80));
setCookie('user_avatar', get_gravatar($('input#email').val(), 80), 30);
$('div.comment-user-avatar img').attr('src', get_gravatar(cached.filter('#email').val(), 80));
setCookie('user_avatar', get_gravatar(cached.filter('#email').val(), 80), 30);
}
}
});
});
if (getCookie('user_avatar') && getCookie('user_email') && getCookie('is_user_qq') == 'no' && !getCookie('user_qq_email')) {
$('div.comment-user-avatar img').attr('src', getCookie('user_avatar'));
$('input#email').val(getCookie('user_email'));
$('input#qq').val('');
if (!$('input#qq').val()) {
cached.filter('#email').val(getCookie('user_email'));
cached.filter('#qq').val('');
if (!cached.filter('#qq').val()) {
$('.qq-check').css('display', 'none');
$('.gravatar-check').css('display', 'block');
}
}
$('input#email').on('blur', function () {
var emailAddress = $('input#email').val();
cached.filter('#email').on('blur', function () {
var emailAddress = cached.filter('#email').val();
if (is_get_by_qq == false || emailAddressFlag != emailAddress) {
$('div.comment-user-avatar img').attr('src', get_gravatar(emailAddress, 80));
setCookie('user_avatar', get_gravatar(emailAddress, 80), 30);
setCookie('user_email', emailAddress, 30);
setCookie('user_qq_email', '', 30);
setCookie('is_user_qq', 'no', 30);
$('input#qq').val('');
if (!$('input#qq').val()) {
cached.filter('#qq').val('');
if (!cached.filter('#qq').val()) {
$('.qq-check').css('display', 'none');
$('.gravatar-check').css('display', 'block');
}
}
});
if (getCookie('user_url')) {
$('input#url').val(getCookie('user_url'));
cached.filter('#url').val(getCookie('user_url'));
}
$('input#url').on('blur', function () {
var URL_Address = $('input#url').val();
$('input#url').val(URL_Address);
cached.filter('#url').on('blur', function () {
var URL_Address = cached.filter('#url').val();
cached.filter('#url').val(URL_Address);
setCookie('user_url', URL_Address, 30);
});
if (getCookie('user_author')) {
$('input#author').val(getCookie('user_author'));
cached.filter('#author').val(getCookie('user_author'));
}
$('input#author').on('blur', function () {
var user_name = $('input#author').val();
$('input#author').val(user_name);
cached.filter('#author').on('blur', function () {
var user_name = cached.filter('#author').val();
cached.filter('#author').val(user_name);
setCookie('user_author', user_name, 30);
});
}
@ -1495,19 +1502,19 @@ var home = location.href,
h2 = 50,
ss = $(document).scrollTop();
$(window).scroll(function () {
var s = $(document).scrollTop();
var s = $(document).scrollTop(),cached = $('.site-header');
if (s == h1) {
$('.site-header').removeClass('yya');
cached.removeClass('yya');
}
if (s > h1) {
$('.site-header').addClass('yya');
cached.addClass('yya');
}
if (s > h2) {
$('.site-header').addClass('gizle');
cached.addClass('gizle');
if (s > ss) {
$('.site-header').removeClass('sabit');
cached.removeClass('sabit');
} else {
$('.site-header').addClass('sabit');
cached.addClass('sabit');
}
ss = s;
}