404，【大牛系列教学

关注

发布于: 1 小时前

啊哦~你想找的内容离你而去了哦

$(function() { window.csdn.csdnFooter.options = { el: '.blog-footer-bottom', type: 2 } var isFirstView = true; function getYtAd(id) { var new_element = document.createElement("script"); new_element.setAttribute("async", "async"); new_element.setAttribute("charset", "utf-8"); new_element.setAttribute("data-notify", "inforFlowMulti_notify"); new_element.setAttribute("src", "https://shared.ydstatic.com/js/yatdk/3.0.0/stream.js"); new_element.setAttribute("data-id", "6cb24153a03289ff3597c7aab4b69fe9"); new_element.setAttribute("data-insert-nodes", "yd_a_d_feed_" + id); new_element.setAttribute("data-hide-ad-label", "0"); new_element.setAttribute("data-pos", "inline"); new_element.setAttribute("data-img-Style", "float:right;width:120px;"); new_element.setAttribute("data-des-Style", "width:700px;font-size:14px;font-family: 'PingFang SC', 'Microsoft YaHei', SimHei, Arial, SimSun;"); new_element.setAttribute("data-tit-Style", "font-size:20px;font-weight:bold;margin-bottom:10px;font-family: 'PingFang SC', 'Microsoft YaHei', SimHei, Arial, SimSun;"); new_element.setAttribute("data-div-Style", "width:100%;padding:10px;"); document.body.appendChild(new_element); } var feed_a_d_num = 1, add_a_d_num = 0, is_load = false; function feed_add_yd() { var$ recommend_children = $(^{'} . r e c o m m e n d_{l} i s t^{'}) . c h i l d r e n (^{'} d i v^{'}); i f ($ recommend_children.length > feed_a_d_num) { for (; feed_a_d_num < $recommend_children.length; feed_a_d_num += 6) {$ recommend_children = $(^{'} . r e c o m m e n d_{l} i s t^{'}) . c h i l d r e n (^{'} d i v^{'});$ ( $recommend_children[feed_a_d_num]).after('<div id="yd_a_d_feed_' + feed_a_d_num + '" class="yd_a_d_feed_cla item"></div>') getYtAd(feed_a_d_num); add_a_d_num++; }$ recommend_children = null; } return false; } function getHtml(data){ var text = ''; // var articleUrl='https://blog.csdn.net/'+data.user_name+'/article/details/'+data.id var dataReportView = ''; var dataReportClick = ''; var dataReportQuery = ''; if(data.report_data.eventView){ dataReportView = 'data-report-view='+JSON.stringify(data.report_data.data)+'' } if(data.report_data.eventClick){ dataReportClick = 'data-report-click='+JSON.stringify(data.report_data.data)+'' } if(JSON.stringify(data.report_data.urlParams) !== '{}'){ $.each(data.report_data.urlParams, function(k) { dataReportQuery += (k + '=' + data.report_data.urlParams[k] + '&'); }) dataReportQuery = 'data-report-query='+dataReportQuery.substring(0,dataReportQuery.length-1); } if(data.nickname) { var nickName = data.nickname } else { nickName = data.user_name } return text = '<div class="item" '+dataReportView+'>'+ '<a href="'+data.url+'" target="_self" '+dataReportClick+' '+dataReportQuery+'>'+ '<div class="title"><span>'+data.title+'</span></div>'+ '<div class="desc_404">'+data.desc+'</div>'+ '<div class="user">'+ '<div class="avatar">'+ '<img src="'+data.avatarurl+'" alt="'+nickName+'">'+ '</div>'+ '<span class="user_name">'+nickName+'</span>'+ '<span class="read_num">阅读数：'+data.views+'</span>'+ '</div>'+ '</a>'+ '</div>'; } //鲲鹏广告调用 function getLeftAdLocation(id) {$ .ajax({ url: 'https://kunpeng.csdn.net/ad/list?positions='+id, crossDomain:true, //设置跨域为 true xhrFields: { withCredentials: true //默认情况下，标准的跨域请求是不会发送 cookie 的 }, success: function(data) { if(data[0].status && data[0].id == '517'){ // 左侧栏请求广告 517 $(".a_d_box").html(data[0].con); }else {$ (".a_d_box").remove(); } }, error: function () { } }) } getLeftAdLocation(517) var winH = $(window).height(); //页面可视区域高度 var scrollHandler = function() { var pageH =$ (document.body).height(); var scrollT = $(window).scrollTop(); //滚动条top var aa = (pageH - winH - scrollT) / winH; if (aa < 0.02 && !is_load) { is_load = true; getRelateListData(); } } //函数节流 var throttleV2 = function(fn, delay, mustRunDelay) { var timer = null; var t_start; return function() { var context = this, args = arguments, t_curr = +new Date(); clearTimeout(timer); if (!t_start) { t_start = t_curr; } if (t_curr - t_start >= mustRunDelay) { fn.apply(context, args); t_start = t_curr; } else { timer = setTimeout(function() { fn.apply(context, args); }, delay); } }; }; //定义鼠标滚动事件 //$ (window).scroll(throttleV2(scrollHandler, 200, 400)); // 悬浮广告 // 判断是 Wap 还是 pc var loadMode = window.innerWidth < 1150 ? 'wap' : 'pc'; loadMode === 'wap' ? getRelateListData() : getPcRelateListData(); function getRelateListData() { loadMode = 'wap'; var loadanAnimation = "<div class='Recommend_loadanAnimation'><img src='https://csdnimg.cn/release/phoenix/images/feedLoading.gif'></div>" var shown_offset = 0; var noMoreRecommend = '<div class="clearfix nomore_box" style="text-align:center">没有更多内容了，<a href="https://www.csdn.net/">去首页看看吧</a></div>'; if (! $('.Recommend_loadanAnimation')[0]) {$ ('.recommend_list').append(loadanAnimation); } $.ajax({ // 本地测试 // url: 'http://localhost.so.csdn.net:8000/test.json?url=' + location.href, // 正式环境 url: 'https://silkroad.csdn.net/api/v2/assemble/list/channel/wap_feed_404?url=' + location.href, // 测试环境 // url: 'http://192.168.50.98:8565/infostream/api_unknown?url=' + location.href, crossDomain:true, //设置跨域为true xhrFields: { withCredentials: true //默认情况下，标准的跨域请求是不会发送cookie的 }, beforeSend: function() { isFirstView = false; }, success: function(data) { if(data.code === 200) {$ (".recommend_list").hide().html(data.data) $(".recommend_list link").on('load', function(){$ (".recommend_list").show() }) } // console.log('data-----',data) // var text = ''; // let list=data.data; // $('.Recommend_loadanAnimation').remove(); // if (list.length > 0) { // for (var i = 0; i < list.length; i++) { // text += getHtml(list[i]); // } // // shown_offset = data.shown_offset //$ ('.recommend_list').append(text); // is_load = false; // // feed_add_yd() // } else { // $('.recommend_list').append(noMoreRecommend); // return // } // csdn.report.viewCheck(jQuery("[data-report-view]")); }, error: function () { } }) } function getPcRelateListData(){ loadMode = 'pc';$ .ajax({ url: 'https://blog.csdn.net/infostream/pc_api_unknown?url=' + location.href, crossDomain:true, //设置跨域为 true xhrFields: { withCredentials: true //默认情况下，标准的跨域请求是不会发送 cookie 的 }, success: function(data) { if(data.code === 200) { $(" . r e c o m m e n d_{l} i s t ") . h i d e () . h t m l (d a t a . d a t a . h t m l)$ (".recommend_list link").on('load', function(){ $(".recommend_list").show() }) } else { } }, error: function (err) { console.log(err) } }) } function fixedContainer(element, left) { element =$ (element); var top = element.height() - $(w i n d o w) . h e i g h t () +$ ("#csdn-toolbar").height() + 20; if ( $(window).scrollTop() > top && top > 0) { element.css({ 'top': 'auto', 'bottom': 0, 'left':$ ("#main").offset().left + left - $('html').scrollLeft() }); !element.hasClass('fixed') ? element.addClass("fixed") : "" } else if (top < 0 &&$ (window).scrollTop() > $("#csdn-toolbar").height()) { element.css({ 'top': 8, "bottom": 'auto', 'left':$ ("#main").offset().left + left - $('html').scrollLeft() }) !element.hasClass('fixed') ? element.addClass("fixed") : "" } else { element.removeClass("fixed"); } if ($ (window).scrollTop() < 10) { element.removeClass("fixed") } } setTimeout(() => { $("#csdn-footer").show() }, 300);$ (window).on('scroll', function(){ fixedContainer(".point", 0); }) $(window).on('resize', function(){ fixedContainer(".point", 0); if(loadMode === 'pc' && window.innerWidth < 1150 ) {$ (".recommend_list").html('') getRelateListData(); } if(loadMode === 'wap' && window.innerWidth > 1150 ) { $(".recommend_list").html('') getPcRelateListData(); } }) }); /*$ (function(){ function is_show_ad_pop(){ var Wwidth = $(w i n d o w) . w i d t h (), f e e d l e f t =$ ('.feed').offset().left, WTop = $(w i n d o w) . s c r o l l T o p (), i s_{s} h o w_{n} u m = 500,$ a_d_pop = $('.a_d_pop'); console.log('卷曲的高度',WTop) if(WTop > is_show_num){ //$ a_d_pop.addClass('a_d_pop_show') $a_d_pop.addClass('zdxd_pop') }else{ //$ a_d_pop.removeClass('a_d_pop_show') $a_d_pop.removeClass('zdxd_pop') } } //$ a_d_pop = $('.a_d_pop'); //$ a_d_pop.addClass('a_d_pop_show') is_show_ad_pop() $(window).scroll(is_show_ad_pop) });$ (function(){ window.csdn.fixedSidebar({ targetBox: $(^{'} . p e r s i o n_{a} r t i c l e^{'}), / / 判断到达底部的 d i v, 公共 f o o t e r 可选$ ('.persion_article'), $(^{'} . p u b l i c_{p} c_{r} i g h t_{f} o o t e r 201 8^{'}) m a i n B o x :$ (".feed"), //侧边栏旁边的主体 div,默认 $(" m a i n ") s i d e b a r :$ (".point"), //侧边栏,默认 $("aside") direction: 'left', //侧边栏浮动方向,可选'right','left', position: 'fixed',//定位方式 bottom: 0, zIndex: 99, sidebarRightMargin: 8,//direction 为 left,侧边栏距离 mainbox 的右边距 sidebarLeftMargin: 15,//direction 为 right,侧边栏距离 mainbox 的左边距 }) }) */ if(isMobile.any){ GoTop({ right: 16, bottom: 80, zindex: 99, isMobile: true }) }else{ GoTop({ right: 16, bottom: 80, zindex: 99 }) }