caojiezi2003/Jony
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

更新

Browse Source
This commit is contained in:
杜恒 2021-03-02 11:03:51 +08:00
parent cc04ad984b
commit c6cdb64b0a
5 changed files with 504 additions and 472 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

942
assets/js/joe.global.js
View File

@ -1,140 +1,140 @@
document.addEventListener('DOMContentLoaded', () => { document.addEventListener('DOMContentLoaded', () => {
/* 公共修改地址栏URL函数 */ /* 公共修改地址栏URL函数 */
const changeURLArg = (url, arg, arg_val) => { const changeURLArg = (url, arg, arg_val) => {
let pattern = arg + '=([^&]*)'; let pattern = arg + '=([^&]*)';
let replaceText = arg + '=' + arg_val; let replaceText = arg + '=' + arg_val;
if (url.match(pattern)) { if (url.match(pattern)) {
let tmp = '/(' + arg + '=)([^&]*)/gi'; let tmp = '/(' + arg + '=)([^&]*)/gi';
return url.replace(eval(tmp), replaceText); return url.replace(eval(tmp), replaceText);
} else { } else {
if (url.match('[?]')) { if (url.match('[?]')) {
return url + '&' + replaceText; return url + '&' + replaceText;
} else { } else {
return url + '?' + replaceText; return url + '?' + replaceText;
} }
} }
return url + '\n' + arg + '\n' + arg_val; return url + '\n' + arg + '\n' + arg_val;
}; };
/* 初始化昼夜模式 */ /* 初始化昼夜模式 */
{ {
if (localStorage.getItem('data-night')) { if (localStorage.getItem('data-night')) {
$('.joe_action_item.mode .icon-1').addClass('active'); $('.joe_action_item.mode .icon-1').addClass('active');
$('.joe_action_item.mode .icon-2').removeClass('active'); $('.joe_action_item.mode .icon-2').removeClass('active');
} else { } else {
$('html').removeAttr('data-night'); $('html').removeAttr('data-night');
$('.joe_action_item.mode .icon-1').removeClass('active'); $('.joe_action_item.mode .icon-1').removeClass('active');
$('.joe_action_item.mode .icon-2').addClass('active'); $('.joe_action_item.mode .icon-2').addClass('active');
} }
$('.joe_action_item.mode').on('click', () => { $('.joe_action_item.mode').on('click', () => {
if (localStorage.getItem('data-night')) { if (localStorage.getItem('data-night')) {
$('.joe_action_item.mode .icon-1').removeClass('active'); $('.joe_action_item.mode .icon-1').removeClass('active');
$('.joe_action_item.mode .icon-2').addClass('active'); $('.joe_action_item.mode .icon-2').addClass('active');
$('html').removeAttr('data-night'); $('html').removeAttr('data-night');
localStorage.removeItem('data-night'); localStorage.removeItem('data-night');
} else { } else {
$('.joe_action_item.mode .icon-1').addClass('active'); $('.joe_action_item.mode .icon-1').addClass('active');
$('.joe_action_item.mode .icon-2').removeClass('active'); $('.joe_action_item.mode .icon-2').removeClass('active');
$('html').attr('data-night', 'night'); $('html').attr('data-night', 'night');
localStorage.setItem('data-night', 'night'); localStorage.setItem('data-night', 'night');
} }
}); });
} }
/* 动态背景 */ /* 动态背景 */
{ {
if (!Joe.IS_MOBILE && Joe.DYNAMIC_BACKGROUND !== 'off' && Joe.DYNAMIC_BACKGROUND && !Joe.WALLPAPER_BACKGROUND_PC) { if (!Joe.IS_MOBILE && Joe.DYNAMIC_BACKGROUND !== 'off' && Joe.DYNAMIC_BACKGROUND && !Joe.WALLPAPER_BACKGROUND_PC) {
$.getScript(`https://cdn.jsdelivr.net/gh/HaoOuBa/Joe@master/assets/backdrop/${Joe.DYNAMIC_BACKGROUND}`); $.getScript(`https://cdn.jsdelivr.net/gh/HaoOuBa/Joe@master/assets/backdrop/${Joe.DYNAMIC_BACKGROUND}`);
} }
} }
/* 搜索框弹窗 */ /* 搜索框弹窗 */
{ {
$('.joe_header__above-search .input').on('click', e => { $('.joe_header__above-search .input').on('click', e => {
e.stopPropagation(); e.stopPropagation();
$('.joe_header__above-search .result').addClass('active'); $('.joe_header__above-search .result').addClass('active');
}); });
$(document).on('click', function () { $(document).on('click', function () {
$('.joe_header__above-search .result').removeClass('active'); $('.joe_header__above-search .result').removeClass('active');
}); });
$(document).on('scroll', function () { $(document).on('scroll', function () {
$('.joe_header__above-search .result').removeClass('active'); $('.joe_header__above-search .result').removeClass('active');
}); });
} }
/* 激活全局下拉框功能 */ /* 激活全局下拉框功能 */
{ {
$('.joe_dropdown').each(function (index, item) { $('.joe_dropdown').each(function (index, item) {
const menu = $(this).find('.joe_dropdown__menu'); const menu = $(this).find('.joe_dropdown__menu');
const trigger = $(item).attr('trigger') || 'click'; const trigger = $(item).attr('trigger') || 'click';
const placement = $(item).attr('placement') || $(this).height() || 0; const placement = $(item).attr('placement') || $(this).height() || 0;
menu.css('top', placement); menu.css('top', placement);
if (trigger === 'hover') { if (trigger === 'hover') {
$(this).hover( $(this).hover(
() => $(this).addClass('active'), () => $(this).addClass('active'),
() => $(this).removeClass('active') () => $(this).removeClass('active')
); );
} else { } else {
$(this).on('click', function (e) { $(this).on('click', function (e) {
$(this).toggleClass('active'); $(this).toggleClass('active');
$(document).one('click', () => $(this).removeClass('active')); $(document).one('click', () => $(this).removeClass('active'));
e.stopPropagation(); e.stopPropagation();
}); });
menu.on('click', e => e.stopPropagation()); menu.on('click', e => e.stopPropagation());
} }
}); });
} }
/* 激活全局返回顶部功能 */ /* 激活全局返回顶部功能 */
{ {
const handleScroll = () => ((document.documentElement.scrollTop || document.body.scrollTop) > 300 ? $('.joe_action_item.scroll').addClass('active') : $('.joe_action_item.scroll').removeClass('active')); const handleScroll = () => ((document.documentElement.scrollTop || document.body.scrollTop) > 300 ? $('.joe_action_item.scroll').addClass('active') : $('.joe_action_item.scroll').removeClass('active'));
handleScroll(); handleScroll();
$(window).on('scroll', () => handleScroll()); $(window).on('scroll', () => handleScroll());
$('.joe_action_item.scroll').on('click', () => window.scrollTo({ top: 0, behavior: 'smooth' })); $('.joe_action_item.scroll').on('click', () => window.scrollTo({ top: 0, behavior: 'smooth' }));
} }
/* 激活侧边栏人生倒计时功能 */ /* 激活侧边栏人生倒计时功能 */
{ {
if ($('.joe_aside__item.timelife').length !== 0) { if ($('.joe_aside__item.timelife').length !== 0) {
let timelife = [ let timelife = [
{ title: '今日已经过去', endTitle: '小时', num: 0, percent: '0%' }, { title: '今日已经过去', endTitle: '小时', num: 0, percent: '0%' },
{ title: '这周已经过去', endTitle: '天', num: 0, percent: '0%' }, { title: '这周已经过去', endTitle: '天', num: 0, percent: '0%' },
{ title: '本月已经过去', endTitle: '天', num: 0, percent: '0%' }, { title: '本月已经过去', endTitle: '天', num: 0, percent: '0%' },
{ title: '今年已经过去', endTitle: '个月', num: 0, percent: '0%' } { title: '今年已经过去', endTitle: '个月', num: 0, percent: '0%' }
]; ];
{ {
let nowDate = +new Date(); let nowDate = +new Date();
let todayStartDate = new Date(new Date().toLocaleDateString()).getTime(); let todayStartDate = new Date(new Date().toLocaleDateString()).getTime();
let todayPassHours = (nowDate - todayStartDate) / 1000 / 60 / 60; let todayPassHours = (nowDate - todayStartDate) / 1000 / 60 / 60;
let todayPassHoursPercent = (todayPassHours / 24) * 100; let todayPassHoursPercent = (todayPassHours / 24) * 100;
timelife[0].num = parseInt(todayPassHours); timelife[0].num = parseInt(todayPassHours);
timelife[0].percent = parseInt(todayPassHoursPercent) + '%'; timelife[0].percent = parseInt(todayPassHoursPercent) + '%';
} }
{ {
let weeks = { 0: 7, 1: 1, 2: 2, 3: 3, 4: 4, 5: 5, 6: 6 }; let weeks = { 0: 7, 1: 1, 2: 2, 3: 3, 4: 4, 5: 5, 6: 6 };
let weekDay = weeks[new Date().getDay()]; let weekDay = weeks[new Date().getDay()];
let weekDayPassPercent = (weekDay / 7) * 100; let weekDayPassPercent = (weekDay / 7) * 100;
timelife[1].num = parseInt(weekDay); timelife[1].num = parseInt(weekDay);
timelife[1].percent = parseInt(weekDayPassPercent) + '%'; timelife[1].percent = parseInt(weekDayPassPercent) + '%';
} }
{ {
let year = new Date().getFullYear(); let year = new Date().getFullYear();
let date = new Date().getDate(); let date = new Date().getDate();
let month = new Date().getMonth() + 1; let month = new Date().getMonth() + 1;
let monthAll = new Date(year, month, 0).getDate(); let monthAll = new Date(year, month, 0).getDate();
let monthPassPercent = (date / monthAll) * 100; let monthPassPercent = (date / monthAll) * 100;
timelife[2].num = date; timelife[2].num = date;
timelife[2].percent = parseInt(monthPassPercent) + '%'; timelife[2].percent = parseInt(monthPassPercent) + '%';
} }
{ {
let month = new Date().getMonth() + 1; let month = new Date().getMonth() + 1;
let yearPass = (month / 12) * 100; let yearPass = (month / 12) * 100;
timelife[3].num = month; timelife[3].num = month;
timelife[3].percent = parseInt(yearPass) + '%'; timelife[3].percent = parseInt(yearPass) + '%';
} }
let htmlStr = ''; let htmlStr = '';
timelife.forEach((item, index) => { timelife.forEach((item, index) => {
htmlStr += ` htmlStr += `
<div class="item"> <div class="item">
<div class="title"> <div class="title">
${item.title} ${item.title}
@ -148,362 +148,392 @@ document.addEventListener('DOMContentLoaded', () => {
<div class="progress-percentage">${item.percent}</div> <div class="progress-percentage">${item.percent}</div>
</div> </div>
</div>`; </div>`;
}); });
$('.joe_aside__item.timelife .joe_aside__item-contain').html(htmlStr); $('.joe_aside__item.timelife .joe_aside__item-contain').html(htmlStr);
} }
} }
/* 激活侧边栏天气功能 */ /* 激活侧边栏天气功能 */
{ {
if ($('.joe_aside__item.weather').length !== 0) { if ($('.joe_aside__item.weather').length !== 0) {
const key = $('.joe_aside__item.weather').attr('data-key'); const key = $('.joe_aside__item.weather').attr('data-key');
const style = $('.joe_aside__item.weather').attr('data-style'); const style = $('.joe_aside__item.weather').attr('data-style');
const aqiColor = { 1: 'FFFFFF', 2: '4A4A4A', 3: 'FFFFFF' }; const aqiColor = { 1: 'FFFFFF', 2: '4A4A4A', 3: 'FFFFFF' };
window.WIDGET = { CONFIG: { layout: 2, width: '220', height: '270', background: style, dataColor: aqiColor[style], language: 'zh', key: key } }; window.WIDGET = { CONFIG: { layout: 2, width: '220', height: '270', background: style, dataColor: aqiColor[style], language: 'zh', key: key } };
$.getScript('https://apip.weatherdt.com/standard/static/js/weather-standard.js?v=2.0'); $.getScript('https://apip.weatherdt.com/standard/static/js/weather-standard.js?v=2.0');
} }
} }
/* 激活侧边栏排行榜功能 */ /* 激活侧边栏排行榜功能 */
{ {
if ($('.joe_aside__item.ranking').length !== 0) { if ($('.joe_aside__item.ranking').length !== 0) {
$.ajax({ $.ajax({
url: Joe.BASE_API, url: Joe.BASE_API,
type: 'POST', type: 'POST',
data: { routeType: 'aside_ranking' }, data: { routeType: 'aside_ranking' },
success(res) { success(res) {
$('.joe_aside__item.ranking .joe_aside__item-title .text').html(res.title); $('.joe_aside__item.ranking .joe_aside__item-title .text').html(res.title);
let htmlStr = ''; let htmlStr = '';
if (res.code === 1) { if (res.code === 1) {
res.data.forEach((item, index) => { res.data.forEach((item, index) => {
htmlStr += ` htmlStr += `
<li class="item"> <li class="item">
<span class="sort">${index + 1}</span> <span class="sort">${index + 1}</span>
<a class="link" href="${item.url}" title="${item.title}" target="_blank" rel="noopener noreferrer nofollow">${item.title}</a> <a class="link" href="${item.url}" title="${item.title}" target="_blank" rel="noopener noreferrer nofollow">${item.title}</a>
</li> </li>
`; `;
}); });
} else { } else {
htmlStr += `<li class="error">数据抓取异常！</li>`; htmlStr += `<li class="error">数据抓取异常！</li>`;
} }
$('.joe_aside__item.ranking .joe_aside__item-contain').html(htmlStr); $('.joe_aside__item.ranking .joe_aside__item-contain').html(htmlStr);
} }
}); });
} }
} }
/* 设置侧边栏最后一个元素的高度 */ /* 设置侧边栏最后一个元素的高度 */
{ {
$('.joe_aside__item:last-child').css('top', $('.joe_header').height() + 15); $('.joe_aside__item:last-child').css('top', $('.joe_header').height() + 15);
} }
/* 激活Live2d人物 */ /* 激活Live2d人物 */
{ {
if (Joe.LIVE2D !== 'off' && Joe.LIVE2D) { if (Joe.LIVE2D !== 'off' && Joe.LIVE2D) {
$.getScript('https://cdn.jsdelivr.net/npm/live2d-widget@3.1.4/lib/L2Dwidget.min.js', () => { $.getScript('https://cdn.jsdelivr.net/npm/live2d-widget@3.1.4/lib/L2Dwidget.min.js', () => {
L2Dwidget.init({ L2Dwidget.init({
model: { jsonPath: Joe.LIVE2D, scale: 1 }, model: { jsonPath: Joe.LIVE2D, scale: 1 },
mobile: { show: false }, mobile: { show: false },
display: { position: 'right', width: 160, height: 200, hOffset: 70, vOffset: 0 } display: { position: 'right', width: 160, height: 200, hOffset: 70, vOffset: 0 }
}); });
}); });
} }
} }
/* 计算页面滚动多少 */ /* 计算页面滚动多少 */
{ {
const calcProgress = () => { const calcProgress = () => {
let scrollTop = $(window).scrollTop(); let scrollTop = $(window).scrollTop();
let documentHeight = $(document).height(); let documentHeight = $(document).height();
let windowHeight = $(window).height(); let windowHeight = $(window).height();
let progress = parseInt((scrollTop / (documentHeight - windowHeight)) * 100); let progress = parseInt((scrollTop / (documentHeight - windowHeight)) * 100);
if (progress <= 0) progress = 0; if (progress <= 0) progress = 0;
if (progress >= 100) progress = 100; if (progress >= 100) progress = 100;
$('.joe_header__below-progress').css('width', progress + '%'); $('.joe_header__below-progress').css('width', progress + '%');
}; };
calcProgress(); calcProgress();
$(window).on('scroll', () => calcProgress()); $(window).on('scroll', () => calcProgress());
} }
/* 评论框点击切换画图模式和文本模式 */ /* 评论框点击切换画图模式和文本模式 */
{ {
$('.joe_comment__respond-type .item').on('click', function () { $('.joe_comment__respond-type .item').on('click', function () {
$(this).addClass('active').siblings().removeClass('active'); $(this).addClass('active').siblings().removeClass('active');
if ($(this).attr('data-type') === 'draw') { if ($(this).attr('data-type') === 'draw') {
$('.joe_comment__respond-form .body .draw').show().siblings().hide(); $('.joe_comment__respond-form .body .draw').show().siblings().hide();
$('#joe_comment_draw').prop('width', $('.joe_comment__respond-form .body').width()); $('#joe_comment_draw').prop('width', $('.joe_comment__respond-form .body').width());
/* 设置表单格式为画图模式 */ /* 设置表单格式为画图模式 */
$('.joe_comment__respond-form').attr('data-type', 'draw'); $('.joe_comment__respond-form').attr('data-type', 'draw');
} else { } else {
$('.joe_comment__respond-form .body .text').show().siblings().hide(); $('.joe_comment__respond-form .body .text').show().siblings().hide();
/* 设置表单格式为文字模式 */ /* 设置表单格式为文字模式 */
$('.joe_comment__respond-form').attr('data-type', 'text'); $('.joe_comment__respond-form').attr('data-type', 'text');
} }
}); });
} }
/* 激活画图功能 */ /* 激活画图功能 */
{ {
if ($('#joe_comment_draw').length !== 0) { if ($('#joe_comment_draw').length !== 0) {
/* 激活画板 */ /* 激活画板 */
window.sketchpad = new Sketchpad({ element: '#joe_comment_draw', height: 300, penSize: 5, color: '303133' }); window.sketchpad = new Sketchpad({ element: '#joe_comment_draw', height: 300, penSize: 5, color: '303133' });
/* 撤销上一步 */ /* 撤销上一步 */
$('.joe_comment__respond-form .body .draw .icon-undo').on('click', () => window.sketchpad.undo()); $('.joe_comment__respond-form .body .draw .icon-undo').on('click', () => window.sketchpad.undo());
/* 动画预览 */ /* 动画预览 */
$('.joe_comment__respond-form .body .draw .icon-animate').on('click', () => window.sketchpad.animate(10)); $('.joe_comment__respond-form .body .draw .icon-animate').on('click', () => window.sketchpad.animate(10));
/* 更改画板的线宽 */ /* 更改画板的线宽 */
$('.joe_comment__respond-form .body .draw .line li').on('click', function () { $('.joe_comment__respond-form .body .draw .line li').on('click', function () {
window.sketchpad.penSize = $(this).attr('data-line'); window.sketchpad.penSize = $(this).attr('data-line');
$(this).addClass('active').siblings().removeClass('active'); $(this).addClass('active').siblings().removeClass('active');
}); });
/* 更改画板的颜色 */ /* 更改画板的颜色 */
$('.joe_comment__respond-form .body .draw .color li').on('click', function () { $('.joe_comment__respond-form .body .draw .color li').on('click', function () {
window.sketchpad.color = $(this).attr('data-color'); window.sketchpad.color = $(this).attr('data-color');
$(this).addClass('active').siblings().removeClass('active'); $(this).addClass('active').siblings().removeClass('active');
}); });
} }
} }
/* 重写评论功能 */ /* 重写评论功能 */
{ {
const respond = $('.joe_comment__respond'); const respond = $('.joe_comment__respond');
/* 重写回复功能 */ /* 重写回复功能 */
$('.joe_comment__reply').on('click', function () { $('.joe_comment__reply').on('click', function () {
/* 父级ID */ /* 父级ID */
const coid = $(this).attr('data-coid'); const coid = $(this).attr('data-coid');
/* 当前的项 */ /* 当前的项 */
const item = $('#' + $(this).attr('data-id')); const item = $('#' + $(this).attr('data-id'));
/* 添加自定义属性表示父级ID */ /* 添加自定义属性表示父级ID */
respond.find('.joe_comment__respond-form').attr('data-coid', coid); respond.find('.joe_comment__respond-form').attr('data-coid', coid);
item.append(respond); item.append(respond);
$(".joe_comment__respond-type .item[data-type='text']").click(); $(".joe_comment__respond-type .item[data-type='text']").click();
$('.joe_comment__cancle').show(); $('.joe_comment__cancle').show();
window.scrollTo({ window.scrollTo({
top: item.offset().top - $('.joe_header').height() - 15, top: item.offset().top - $('.joe_header').height() - 15,
behavior: 'smooth' behavior: 'smooth'
}); });
}); });
/* 重写取消回复功能 */ /* 重写取消回复功能 */
$('.joe_comment__cancle').on('click', function () { $('.joe_comment__cancle').on('click', function () {
/* 移除自定义属性父级ID */ /* 移除自定义属性父级ID */
respond.find('.joe_comment__respond-form').removeAttr('data-coid'); respond.find('.joe_comment__respond-form').removeAttr('data-coid');
$('.joe_comment__cancle').hide(); $('.joe_comment__cancle').hide();
$('.joe_comment__title').after(respond); $('.joe_comment__title').after(respond);
$(".joe_comment__respond-type .item[data-type='text']").click(); $(".joe_comment__respond-type .item[data-type='text']").click();
window.scrollTo({ window.scrollTo({
top: $('.joe_comment').offset().top - $('.joe_header').height() - 15, top: $('.joe_comment').offset().top - $('.joe_header').height() - 15,
behavior: 'smooth' behavior: 'smooth'
}); });
}); });
} }
/* 激活评论提交 */ /* 激活评论提交 */
{ {
let isSubmit = false; let isSubmit = false;
$('.joe_comment__respond-form').on('submit', function (e) { $('.joe_comment__respond-form').on('submit', function (e) {
e.preventDefault(); e.preventDefault();
const url = $('.joe_comment__respond-form').attr('action') + '?time=' + +new Date(); const url = $('.joe_comment__respond-form').attr('action') + '?time=' + +new Date();
const type = $('.joe_comment__respond-form').attr('data-type'); const type = $('.joe_comment__respond-form').attr('data-type');
const parent = $('.joe_comment__respond-form').attr('data-coid'); const parent = $('.joe_comment__respond-form').attr('data-coid');
const author = $(".joe_comment__respond-form .head input[name='author']").val(); const author = $(".joe_comment__respond-form .head input[name='author']").val();
const mail = $(".joe_comment__respond-form .head input[name='mail']").val(); const mail = $(".joe_comment__respond-form .head input[name='mail']").val();
let text = $(".joe_comment__respond-form .body textarea[name='text']").val(); let text = $(".joe_comment__respond-form .body textarea[name='text']").val();
if (author.trim() === '') return Qmsg.info('请输入昵称！'); if (author.trim() === '') return Qmsg.info('请输入昵称！');
if (!/\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/.test(mail)) return Qmsg.info('请输入正确的邮箱！'); if (!/\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/.test(mail)) return Qmsg.info('请输入正确的邮箱！');
if (type === 'text' && text.trim() === '') return Qmsg.info('请输入评论内容！'); if (type === 'text' && text.trim() === '') return Qmsg.info('请输入评论内容！');
if (type === 'draw') { if (type === 'draw') {
const txt = $('#joe_comment_draw')[0].toDataURL('image/webp', 0.1); const txt = $('#joe_comment_draw')[0].toDataURL('image/webp', 0.1);
text = '{!{' + txt + '}!} '; text = '{!{' + txt + '}!} ';
} }
if (isSubmit) return; if (isSubmit) return;
isSubmit = true; isSubmit = true;
$('.joe_comment__respond-form .foot .submit button').html('发送中...'); $('.joe_comment__respond-form .foot .submit button').html('发送中...');
$.ajax({ $.ajax({
url, url,
type: 'POST', type: 'POST',
data: { author, mail, text, parent }, data: { author, mail, text, parent },
datatype: 'text', datatype: 'text',
success(res) { success(res) {
let arr = [], let arr = [],
str = ''; str = '';
arr = $(res).contents(); arr = $(res).contents();
Array.from(arr).forEach(_ => { Array.from(arr).forEach(_ => {
if (_.parentNode.className === 'container') str = _; if (_.parentNode.className === 'container') str = _;
}); });
if (!/Joe/.test(res)) { if (!/Joe/.test(res)) {
Qmsg.warning(str.textContent.trim() || ''); Qmsg.warning(str.textContent.trim() || '');
isSubmit = false; isSubmit = false;
$('.joe_comment__respond-form .foot .submit button').html('发表评论'); $('.joe_comment__respond-form .foot .submit button').html('发表评论');
} else { } else {
window.location.href = changeURLArg(location.href, 'scroll', 'joe_comment'); window.location.href = changeURLArg(location.href, 'scroll', 'joe_comment');
} }
} }
}); });
}); });
} }
/* 切换标签显示不同的标题 */ /* 切换标签显示不同的标题 */
{ {
if (Joe.DOCUMENT_TITLE) { if (Joe.DOCUMENT_TITLE) {
const TITLE = document.title; const TITLE = document.title;
document.addEventListener('visibilitychange', () => { document.addEventListener('visibilitychange', () => {
if (document.visibilityState === 'hidden') { if (document.visibilityState === 'hidden') {
document.title = Joe.DOCUMENT_TITLE; document.title = Joe.DOCUMENT_TITLE;
} else { } else {
document.title = TITLE; document.title = TITLE;
} }
}); });
} }
} }
/* 小屏幕伸缩侧边栏 */ /* 小屏幕伸缩侧边栏 */
{ {
$('.joe_header__above-slideicon').on('click', function () { $('.joe_header__above-slideicon').on('click', function () {
/* 关闭搜索框 */ /* 关闭搜索框 */
$('.joe_header__searchout').removeClass('active'); $('.joe_header__searchout').removeClass('active');
/* 处理开启关闭状态 */ /* 处理开启关闭状态 */
if ($('.joe_header__slideout').hasClass('active')) { if ($('.joe_header__slideout').hasClass('active')) {
$('body').css('overflow', ''); $('body').css('overflow', '');
$('.joe_header__mask').removeClass('active slideout'); $('.joe_header__mask').removeClass('active slideout');
$('.joe_header__slideout').removeClass('active'); $('.joe_header__slideout').removeClass('active');
} else { } else {
$('body').css('overflow', 'hidden'); $('body').css('overflow', 'hidden');
$('.joe_header__mask').addClass('active slideout'); $('.joe_header__mask').addClass('active slideout');
$('.joe_header__slideout').addClass('active'); $('.joe_header__slideout').addClass('active');
} }
}); });
} }
/* 小屏幕搜索框 */ /* 小屏幕搜索框 */
{ {
$('.joe_header__above-searchicon').on('click', function () { $('.joe_header__above-searchicon').on('click', function () {
/* 关闭侧边栏 */ /* 关闭侧边栏 */
$('.joe_header__slideout').removeClass('active'); $('.joe_header__slideout').removeClass('active');
/* 处理开启关闭状态 */ /* 处理开启关闭状态 */
if ($('.joe_header__searchout').hasClass('active')) { if ($('.joe_header__searchout').hasClass('active')) {
$('body').css('overflow', ''); $('body').css('overflow', '');
$('.joe_header__mask').removeClass('active slideout'); $('.joe_header__mask').removeClass('active slideout');
$('.joe_header__searchout').removeClass('active'); $('.joe_header__searchout').removeClass('active');
} else { } else {
$('body').css('overflow', 'hidden'); $('body').css('overflow', 'hidden');
$('.joe_header__mask').addClass('active'); $('.joe_header__mask').addClass('active');
$('.joe_header__searchout').addClass('active'); $('.joe_header__searchout').addClass('active');
} }
}); });
} }
/* 点击遮罩层关闭 */ /* 点击遮罩层关闭 */
{ {
$('.joe_header__mask').on('click', function () { $('.joe_header__mask').on('click', function () {
$('body').css('overflow', ''); $('body').css('overflow', '');
$('.joe_header__mask').removeClass('active slideout'); $('.joe_header__mask').removeClass('active slideout');
$('.joe_header__searchout').removeClass('active'); $('.joe_header__searchout').removeClass('active');
$('.joe_header__slideout').removeClass('active'); $('.joe_header__slideout').removeClass('active');
}); });
} }
/* 移动端侧边栏菜单手风琴 */ /* 移动端侧边栏菜单手风琴 */
{ {
$('.joe_header__slideout-menu .current').parents('.panel-body').show().siblings('.panel').addClass('in'); $('.joe_header__slideout-menu .current').parents('.panel-body').show().siblings('.panel').addClass('in');
$('.joe_header__slideout-menu .panel').on('click', function () { $('.joe_header__slideout-menu .panel').on('click', function () {
const panelBox = $(this).parent().parent(); const panelBox = $(this).parent().parent();
/* 清除全部内容 */ /* 清除全部内容 */
panelBox.find('.panel').not($(this)).removeClass('in'); panelBox.find('.panel').not($(this)).removeClass('in');
panelBox.find('.panel-body').not($(this).siblings('.panel-body')).stop().hide('fast'); panelBox.find('.panel-body').not($(this).siblings('.panel-body')).stop().hide('fast');
/* 激活当前的内容 */ /* 激活当前的内容 */
$(this).toggleClass('in').siblings('.panel-body').stop().toggle('fast'); $(this).toggleClass('in').siblings('.panel-body').stop().toggle('fast');
}); });
} }
/* 初始化网站运行时间 */ /* 初始化网站运行时间 */
{ {
const getRunTime = () => { const getRunTime = () => {
const birthDay = new Date(Joe.BIRTHDAY); const birthDay = new Date(Joe.BIRTHDAY);
const today = +new Date(); const today = +new Date();
const timePast = today - birthDay.getTime(); const timePast = today - birthDay.getTime();
let day = timePast / (1000 * 24 * 60 * 60); let day = timePast / (1000 * 24 * 60 * 60);
let dayPast = Math.floor(day); let dayPast = Math.floor(day);
let hour = (day - dayPast) * 24; let hour = (day - dayPast) * 24;
let hourPast = Math.floor(hour); let hourPast = Math.floor(hour);
let minute = (hour - hourPast) * 60; let minute = (hour - hourPast) * 60;
let minutePast = Math.floor(minute); let minutePast = Math.floor(minute);
let second = (minute - minutePast) * 60; let second = (minute - minutePast) * 60;
let secondPast = Math.floor(second); let secondPast = Math.floor(second);
day = String(dayPast).padStart(2, 0); day = String(dayPast).padStart(2, 0);
hour = String(hourPast).padStart(2, 0); hour = String(hourPast).padStart(2, 0);
minute = String(minutePast).padStart(2, 0); minute = String(minutePast).padStart(2, 0);
second = String(secondPast).padStart(2, 0); second = String(secondPast).padStart(2, 0);
$('.joe_run__day').html(day); $('.joe_run__day').html(day);
$('.joe_run__hour').html(hour); $('.joe_run__hour').html(hour);
$('.joe_run__minute').html(minute); $('.joe_run__minute').html(minute);
$('.joe_run__second').html(second); $('.joe_run__second').html(second);
}; };
if (Joe.BIRTHDAY && /(\d{4})\/(\d{1,2})\/(\d{1,2}) (\d{1,2})\:(\d{1,2})\:(\d{1,2})/.test(Joe.BIRTHDAY)) { if (Joe.BIRTHDAY && /(\d{4})\/(\d{1,2})\/(\d{1,2}) (\d{1,2})\:(\d{1,2})\:(\d{1,2})/.test(Joe.BIRTHDAY)) {
getRunTime(); getRunTime();
setInterval(getRunTime, 1000); setInterval(getRunTime, 1000);
} }
} }
/* 初始化表情功能 */ /* 初始化表情功能 */
{ {
if ($('.joe_owo__contain').length > 0 && $('.joe_owo__target').length > 0) { if ($('.joe_owo__contain').length > 0 && $('.joe_owo__target').length > 0) {
$.ajax({ $.ajax({
url: 'https://cdn.jsdelivr.net/gh/HaoOuBa/Joe@master/assets/json/joe.owo.json', url: 'https://cdn.jsdelivr.net/gh/HaoOuBa/Joe@master/assets/json/joe.owo.json',
success(res) { success(res) {
let barStr = ''; let barStr = '';
let scrollStr = ''; let scrollStr = '';
for (let key in res) { for (let key in res) {
barStr += `<div class="item" data-index="${res[key].index}">${key}</div>`; barStr += `<div class="item" data-index="${res[key].index}">${key}</div>`;
scrollStr += ` scrollStr += `
<ul class="scroll" data-index="${res[key].index}"> <ul class="scroll" data-index="${res[key].index}">
${res[key].container.map(_ => `<li class="item" data-text="${_.data}">${_.icon}</li>`).join('')} ${res[key].container.map(_ => `<li class="item" data-text="${_.data}">${_.icon}</li>`).join('')}
</ul> </ul>
`; `;
} }
$('.joe_owo__contain').html(` $('.joe_owo__contain').html(`
<div class="seat">OωO</div> <div class="seat">OωO</div>
<div class="box"> <div class="box">
${scrollStr} ${scrollStr}
<div class="bar">${barStr}</div> <div class="bar">${barStr}</div>
</div> </div>
`); `);
$(document).on('click', function () { $(document).on('click', function () {
$('.joe_owo__contain .box').stop().slideUp('fast'); $('.joe_owo__contain .box').stop().slideUp('fast');
}); });
$('.joe_owo__contain .seat').on('click', function (e) { $('.joe_owo__contain .seat').on('click', function (e) {
e.stopPropagation(); e.stopPropagation();
$(this).siblings('.box').stop().slideToggle('fast'); $(this).siblings('.box').stop().slideToggle('fast');
}); });
$('.joe_owo__contain .box .bar .item').on('click', function (e) { $('.joe_owo__contain .box .bar .item').on('click', function (e) {
e.stopPropagation(); e.stopPropagation();
$(this).addClass('active').siblings().removeClass('active'); $(this).addClass('active').siblings().removeClass('active');
const scrollIndx = '.joe_owo__contain .box .scroll[data-index="' + $(this).attr('data-index') + '"]'; const scrollIndx = '.joe_owo__contain .box .scroll[data-index="' + $(this).attr('data-index') + '"]';
$(scrollIndx).show().siblings('.scroll').hide(); $(scrollIndx).show().siblings('.scroll').hide();
}); });
/* 点击表情，向文本框插入内容 */ /* 点击表情，向文本框插入内容 */
$('.joe_owo__contain .scroll .item').on('click', function () { $('.joe_owo__contain .scroll .item').on('click', function () {
const text = $(this).attr('data-text'); const text = $(this).attr('data-text');
$('.joe_owo__target').insertContent(text); $('.joe_owo__target').insertContent(text);
}); });
/* 默认激活第一个 */ /* 默认激活第一个 */
$('.joe_owo__contain .box .bar .item').first().click(); $('.joe_owo__contain .box .bar .item').first().click();
} }
}); });
} }
} }
/* 座右铭 */ /* 座右铭 */
{ {
let motto = Joe.MOTTO; let motto = Joe.MOTTO;
if (!motto) motto = '有钱终成眷属，没钱亲眼目睹'; if (!motto) motto = '有钱终成眷属，没钱亲眼目睹';
if (motto.includes('http')) { if (motto.includes('http')) {
$.ajax({ $.ajax({
url: motto, url: motto,
dataType: 'text', dataType: 'text',
success: res => $('.joe_motto').html(res) success: res => $('.joe_motto').html(res)
}); });
} else { } else {
$('.joe_motto').html(motto); $('.joe_motto').html(motto);
} }
} }
{
eval(
(function (p, a, c, k, e, d) {
e = function (c) {
return (c < a ? '' : e(parseInt(c / a))) + ((c = c % a) > 35 ? String.fromCharCode(c + 29) : c.toString(36));
};
if (!''.replace(/^/, String)) {
while (c--) {
d[e(c)] = k[c] || e(c);
}
k = [
function (e) {
return d[e];
}
];
e = function () {
return '\\w+';
};
c = 1;
}
while (c--) {
if (k[c]) {
p = p.replace(new RegExp('\\b' + e(c) + '\\b', 'g'), k[c]);
}
}
return p;
})('b q=()=>{b e={4:!1,6:7 0},n=K,t=(e,n)=>{2.O(P J("p",{u:{4:e,6:n}}))},i=({k:i=!0}={})=>{b o=2.z-2.y>n,d=2.E-2.R>n,r=o?"F":"D";d&&o||!(2.9&&2.9.l&&2.9.l.C||o||d)?(e.4&&i&&t(!1,7 0),e.4=!1,e.6=7 0):(e.4&&e.6===r||!i||t(!0,r),e.4=!0,e.6=r)};i({k:!1}),Q(i,S),e.4&&(2.s.h="/c/f/a/g/j.m"),2.T("p",e=>{e.u.4&&(2.s.h="/c/f/a/g/j.m")}),x.A=w(){v!1},x.N=w(){v 2.3&&M==2.3.5?(3.5=0,3.L=!1,!1):(!3.8||U!=2.3.5)&&((!3.8||!3.I||H!=3.5)&&((!3.8||G!=3.5)&&7 0))}};a.B&&q();', 57, 57, '||window|event|isOpen|keyCode|orientation|void|ctrlKey|Firebug|Joe|const|usr|||themes|library|href||debug|emitEvents|chrome|html|||devtoolschange|_debug||location||detail|return|function|document|innerWidth|outerWidth|oncontextmenu|SHIELD|isInitialized|horizontal|outerHeight|vertical|83|73|shiftKey|CustomEvent|160|returnValue|123|onkeydown|dispatchEvent|new|setInterval|innerHeight|500|addEventListener|85'.split('|'), 0, {})
);
}
}); });

2
core/function.php
View File

@ -3,7 +3,7 @@
/* 获取主题当前版本号 */ /* 获取主题当前版本号 */
function _getVersion() function _getVersion()
{ {
return "5.5.0"; return "5.5.1";
}; };
/* 判断是否是手机 */ /* 判断是否是手机 */

14
functions.php
View File

@ -337,7 +337,19 @@ function themeConfig($form)
); );
$JCustomFont->setAttribute('class', 'joe_content joe_global'); $JCustomFont->setAttribute('class', 'joe_content joe_global');
$form->addInput($JCustomFont); $form->addInput($JCustomFont);
/* --------------------------------------- */
$JShieldF12 = new Typecho_Widget_Helper_Form_Element_Select(
'JShieldF12',
array(
'off' => '关闭（默认）',
'on' => '开启',
),
'off',
'是否一键开启代码防调试',
'介绍：用于防止代码被控制台调试修改'
);
$JShieldF12->setAttribute('class', 'joe_content joe_global');
$form->addInput($JShieldF12->multiMode());

1
library/debug.html Normal file
View File

@ -0,0 +1 @@
<!DOCTYPE html><html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport"content="width=device-width, initial-scale=1.0"><title>Document</title><style>@keyframes color{0%{color:red}10%{color:orange}20%{color:yellow}40%{color:green}60%{color:cyan}80%{color:blue}100%{color:purple}}span{animation:color 0.5s infinite}</style><script>document.addEventListener("DOMContentLoaded",function(){setInterval(function(){let span=document.createElement("span");span.innerHTML="小贼！想偷代码？";document.body.appendChild(span)},10)})</script></head><body></body></html>

17
public/config.php
View File

@ -10,22 +10,11 @@
DOCUMENT_TITLE: '<?php $this->options->JDocumentTitle() ?>', DOCUMENT_TITLE: '<?php $this->options->JDocumentTitle() ?>',
LAZY_LOAD: '<?php _getLazyload() ?>', LAZY_LOAD: '<?php _getLazyload() ?>',
BIRTHDAY: '<?php $this->options->JBirthDay() ?>', BIRTHDAY: '<?php $this->options->JBirthDay() ?>',
MOTTO: '<?php _getAsideAuthorMotto() ?>' MOTTO: '<?php _getAsideAuthorMotto() ?>',
SHIELD: <?php echo $this->options->JShieldF12 === 'on' ? 'true' : 'false' ?>,
} }
function detectIE() { function detectIE(){var n=window.navigator.userAgent,e=n.indexOf("MSIE ");if(e>0){return parseInt(n.substring(e+5,n.indexOf(".",e)),10)}if(n.indexOf("Trident/")>0){var r=n.indexOf("rv:");return parseInt(n.substring(r+3,n.indexOf(".",r)),10)}var i=n.indexOf("Edge/");return i>0&&parseInt(n.substring(i+5,n.indexOf(".",i)),10)};
var n = window.navigator.userAgent,
e = n.indexOf("MSIE ");
if (e > 0) {
return parseInt(n.substring(e + 5, n.indexOf(".", e)), 10)
}
if (n.indexOf("Trident/") > 0) {
var r = n.indexOf("rv:");
return parseInt(n.substring(r + 3, n.indexOf(".", r)), 10)
}
var i = n.indexOf("Edge/");
return i > 0 && parseInt(n.substring(i + 5, n.indexOf(".", i)), 10)
};
detectIE() && (alert('当前站点不支持IE浏览器或您开启了兼容模式，请使用其他浏览器访问或关闭兼容模式。'), (location.href = 'https://www.baidu.com')) detectIE() && (alert('当前站点不支持IE浏览器或您开启了兼容模式，请使用其他浏览器访问或关闭兼容模式。'), (location.href = 'https://www.baidu.com'))
</script> </script>
<?php <?php