https://fly63.com/_nuxt/pages/index.8f4de1b3.js

1(window.webpackJsonp=window.webpackJsonp||[]).push([[8],{258:function(module,__webpack_exports__,__webpack_require__){"use strict";var _babel_runtime_helpers_esm_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(10),core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(21),core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_1__),core_js_modules_es_promise_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(29),core_js_modules_es_promise_js__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(core_js_modules_es_promise_js__WEBPACK_IMPORTED_MODULE_2__),core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(30),core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_3___default=__webpack_require__.n(core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_3__);__webpack_exports__.a={data:()=>({}),asyncData(_ref){return Object(_babel_runtime_helpers_esm_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__.a)(function*(){var{app:app,env:env}=_ref;try{var reqs=[app.$axios.get(env.url+"Article/getSideList",{params:{handle:10}}),app.$axios.get(env.url+"Flink/getFlinkList",{params:{type:0}}),app.$axios.get(env.url+"Nav/getTj",{params:{type:1}})],[res1,res2,res3]=yield Promise.all(reqs),r1="string"==typeof res1.data?eval("("+res1.data+")"):res1.data,r2="string"==typeof res2.data?eval("("+res2.data+")"):res2.data,r3="string"==typeof res3.data?eval("("+res3.data+")"):res3.data;return{list:r1.data,flink:r2.data,navHot:r3.data}}catch(t){}})()},head(){var t=this.$setSeo("Fly63前端网 | Web前端开发学习笔记与资源分享","Fly63专注于分享Web前端开发的学习笔记、技术经验和实用工具。记录个人在前端开发领域的成长历程，包括HTML、CSS、JavaScript、Vue、React等技术的学习心得和项目实践。","https://fly63.com/img/og-card.webp");return t.link=this.$setLink(),t},methods:{toUrl(t,i){t&&this.$navGo(t,i),i&&this.$statisticsAd(t,"nav")}}}},265:function(t,i,e){var a=e(279);a.__esModule&&(a=a.default),"string"==typeof a&&(a=[[t.i,a,""]]),a.locals&&(t.exports=a.locals),(0,e(53).default)("384759ba",a,!0,{sourceMap:!1})},278:function(t,i,e){"use strict";e(265)},279:function(t,i,e){var a=e(52)(function(t){return t[1]});a.push([t.i,'.index .ictilte{color:#1abc9c;font-size:18px;font-weight:700;height:30px;line-height:30px;margin-bottom:10px;overflow:hidden;width:100%}.index .ictilte h2{float:left;font-size:16px;margin:0}.index .ictilte a{color:#8a8a8a;float:right;font-size:12px;font-weight:400}.index .ictilte a:hover{color:#608ea5}.index .iconter{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:15px;width:100%}.index .iconter .icli{background:#fff;box-sizing:border-box;flex:1;padding:12px;width:calc(50% - 6px)}.index .iconter .icli .ictilte{align-items:center;display:flex;height:auto;justify-content:space-between;line-height:normal;margin-bottom:12px}.index .iconter .icli .ictilte .category-header{align-items:center;display:flex;gap:8px}.index .iconter .icli .ictilte .category-icon{align-items:center;border-radius:8px;color:#fff;display:flex;font-size:14px;font-weight:700;height:42px;justify-content:center;width:42px}.index .iconter .icli .ictilte .js-icon{background:linear-gradient(135deg,#f7df1e,#d4b830)}.index .iconter .icli .ictilte .html-icon{background:linear-gradient(135deg,#e34c26,#f06529)}.index .iconter .icli .ictilte .framework-icon{background:linear-gradient(135deg,#42b883,#35495e)}.index .iconter .icli .ictilte .tech-icon{background:linear-gradient(135deg,#9b59b6,#8e44ad)}.index .iconter .icli .ictilte .category-info h2{color:#608ea5;float:none;font-size:14px;font-weight:600;line-height:1;margin:0}.index .iconter .icli .ictilte .category-desc{color:#666;font-size:12px;font-weight:400;line-height:1;margin:4px 0 0}.index .iconter .icli .ictilte:hover .category-desc{color:#608ea5}.index .iconter .icli .ica{width:100%}.index .iconter .icli .ica .ihref{border-bottom:1px solid #e0e0e0;box-sizing:border-box;color:#555;display:block;font-size:14px;overflow:hidden;padding:12px 0;text-overflow:ellipsis;white-space:nowrap;width:100%}.index .iconter .icli .ica .ihref:last-child{border-bottom:none;padding-bottom:0}.index .iconter .icli .ica .ihref:first-child{padding-top:0}.index .iconter .icli .ica .ihref:hover{color:#608ea5}.index .hotli{display:grid;grid-auto-flow:row;grid-template-columns:repeat(auto-fill,minmax(248px,1fr));grid-gap:15px;gap:15px;margin-bottom:15px}.index .hotli .hotli-item{min-width:0;position:relative}.index .hotli .hotli-item span{background:#fff;box-sizing:border-box;color:#333;cursor:pointer;display:block;font-size:14px;height:52px;line-height:52px;overflow:hidden;padding:0 4px;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.index .hotli .hotli-item span:hover{border:1px solid #608ea5;box-shadow:0 0 1px rgba(39,44,49,.1),0 3px 16px rgba(39,44,49,.07);color:#608ea5}.index .hotli .hotli-item .tooltip{background:rgba(0,0,0,.85);border-radius:6px;box-sizing:border-box;color:#fff;font-size:12px;left:50%;max-width:186px;opacity:0;padding:8px 10px;pointer-events:none;position:absolute;text-align:center;top:100%;transform:translateX(-50%) translateY(10px);transition:all .3s ease;visibility:hidden;width:100%;z-index:1000;word-wrap:break-word;line-height:1.4;white-space:normal}.index .hotli .hotli-item .tooltip:after{border:5px solid transparent;border-bottom-color:rgba(0,0,0,.85);bottom:100%;content:"";left:50%;position:absolute;transform:translateX(-50%)}.index .hotli .hotli-item:hover .tooltip{opacity:1;transform:translateX(-50%) translateY(5px);visibility:visible}.index .ifoot{clear:both;margin-bottom:15px;text-align:center;width:100%;z-index:999}.index .ifoot p{color:#666;font-size:12px;line-height:1.5;margin:0 0 10px;padding:0;text-align:left;-webkit-user-select:none;-moz-user-select:none;user-select:none;zoom:.95}.index .ifoot p a{color:#a9a9a9;margin:0 2px}

1.index .ifoot p a:hover{color:#608ea5}.index .ifoot p .link{color:#608ea5;font-size:13px;margin:0 5px;position:relative}.index .ifoot p .link:hover{color:#006cf9!important}@media screen and (max-width:1170px){.index .iconter .icli{width:calc(100% - 6px)}}@media screen and (max-width:750px){.index .hotli{grid-template-columns:repeat(2,1fr)}.index .ifoot .abtn{margin:5px auto}.index .ifoot .abtn a,.index .ifoot .abtn a:hover{background:none;color:#0992af;padding:0}}',""]),a.locals={},t.exports=a},286:function(t,i,e){"use strict";e.r(i);var a=e(258).a,o=(e(278),e(33)),r=Object(o.a)(a,function(){var t=this,i=t._self._c;return i("div",{staticClass:"index"},[t._m(0),t._v(" "),t.navHot&&t.navHot.length>0?i("div",{staticClass:"center_ul"},[i("div",{staticClass:"hotli"},t._l(t.navHot,function(e){return i("div",{key:e.id,staticClass:"hotli-item"},[i("span",{on:{click:function(i){t.toUrl(e.tourl||e.homeurl,!!e.tourl)}}},[t._v(t._s(e.name))]),t._v(" "),i("div",{staticClass:"tooltip"},[t._v(t._s(e.describe))])])}),0)]):t._e(),t._v(" "),t._m(1),t._v(" "),t.list?i("div",{staticClass:"iconter"},[i("div",{staticClass:"icli"},[t._m(2),t._v(" "),i("div",{staticClass:"ica"},t._l(t.list.javascript,function(e){return i("nuxt-link",{key:e.id,staticClass:"ihref",attrs:{rel:"nofollow",target:"_blank",to:"/about/article?id="+e.id},domProps:{textContent:t._s(e.title)}})}),1)]),t._v(" "),i("div",{staticClass:"icli"},[t._m(3),t._v(" "),i("div",{staticClass:"ica"},t._l(t.list.htmlcss,function(e){return i("nuxt-link",{key:e.id,staticClass:"ihref",attrs:{rel:"nofollow",target:"_blank",to:"/about/article?id="+e.id},domProps:{textContent:t._s(e.title)}})}),1)])]):t._e(),t._v(" "),t.list?i("div",{staticClass:"iconter"},[i("div",{staticClass:"icli"},[t._m(4),t._v(" "),i("div",{staticClass:"ica"},t._l(t.list.lib,function(e){return i("nuxt-link",{key:e.id,staticClass:"ihref",attrs:{rel:"nofollow",target:"_blank",to:"/about/article?id="+e.id},domProps:{textContent:t._s(e.title)}})}),1)]),t._v(" "),i("div",{staticClass:"icli"},[t._m(5),t._v(" "),i("div",{staticClass:"ica"},t._l(t.list.collect,function(e){return i("nuxt-link",{key:e.id,staticClass:"ihref",attrs:{rel:"nofollow",target:"_blank",to:"/about/article?id="+e.id},domProps:{textContent:t._s(e.title)}})}),1)])]):t._e(),t._v(" "),i("div",{staticClass:"ifoot"},[i("p",{staticClass:"flink",staticStyle:{"text-align":"center","font-size":"13px",zoom:"1"}},[i("nuxt-link",{staticClass:"link",attrs:{to:"/about"}},[t._v("关于fly63")]),t._v(" "),i("nuxt-link",{staticClass:"link",attrs:{to:"/about/tougao"}},[t._v("文章投稿")])],1),t._v(" "),t.flink&&t.flink.length>0?i("p",{staticClass:"flink"},[i("span",{directives:[{name:"show",rawName:"v-show",value:t.flink.length>0,expression:"flink.length > 0"}]},[t._v("友情链接：")]),t._l(t.flink,function(e){return i("a",{attrs:{href:e.url,target:"_blank"},domProps:{textContent:t._s(e.name)}})})],2):t._e()])])},[function(){var t=this._self._c;return t("div",{staticClass:"ictilte"},[t("h2",{attrs:{title:"热门常用工具推荐"}},[this._v("常用工具")])])},function(){var t=this._self._c;return t("div",{staticClass:"ictilte"},[t("h2",{attrs:{title:"前端开发文章、技术博客、学习网站、开发工具、AI网站推荐"}},[this._v("最新文章")])])},function(){var t=this,i=t._self._c;return i("div",{staticClass:"ictilte"},[i("div",{staticClass:"category-header",attrs:{to:"/article?type=2"}},[i("div",{staticClass:"category-icon js-icon"},[t._v("JS")]),t._v(" "),i("div",{staticClass:"category-info"},[i("h2",{attrs:{title:"Web前端直译式脚本语言：javascript、typescript，node.js"}},[t._v("JS/TS")]),t._v(" "),i("p",{staticClass:"category-desc"},[t._v("前端开发核心语言，增强网页的交互性和动态性")])])])])},function(){var t=this,i=t._self._c;return i("div",{staticClass:"ictilte"},[i("div",{staticClass:"category-header"},[i("div",{staticClass:"category-icon html-icon"},[t._v("HC")]),t._v(" "),i("div",{staticClass:"category-info"},[i("h2",{attrs:{title:"html为超文本标记语言,css层叠样式表_用于修饰网页"}},[t._v("Html/Css")]),t._v(" "),i("p",{staticClass:"category-desc"},[t._v("网页结构与样式，用于创建静态、动态网页")])])])])},function(){var t=this,i=t._self._c;return i("div",{staticClass:"ictilte"},[i("div",{staticClass:"category-header"},[i("div",{staticClass:"category-icon framework-icon"},[t._v("FW")]),t._v(" "),i("div",{staticClass:"category-info"},[i("h2",{attrs:{title:"前端框架是用于简化网页/系统的可重用设计"}},[t._v("前端框架")]),t._v(" "),i("p",{staticClass:"category-desc"},[t._v("Vue、React、Angular、Nuxt、Uniapp等")])])])])},function(){var t=this,i=t._self._c;return i("div",{staticClass:"ictilte"},[i("div",{staticClass:"category-header"},[i("div",{staticClass:"category-icon tech-icon"},[t._v("OT")]),t._v(" "),i("div",{staticClass:"category-info"},[i("h2",{attrs:{title:"综合技术教程、前端开发资讯与IT各类技术文章"}},[t._v("综合技术")]),t._v(" "),i("p",{staticClass:"category-desc"},[t._v("开发资讯与IT技术，包括大数据、云服务、后端、AI等")])])])])}],!1,null,null,null);i.default=r.exports}}]);