(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-common"],{2225:function(t,e,i){t.exports=i.p+"img/logo-light.cbb70a91.png"},"374f":function(t,e,i){t.exports=i.p+"img/1643101006831087.5979e12d.jpg"},5153:function(t,e,i){t.exports=i.p+"img/logo-dark.ad1e94fc.png"},"7b04":function(t,e,i){"use strict";var l=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div")},o=[],s=(i("caad"),i("2532"),{data:function(){return{winH:window.innerHeight,animateDOMArray:[]}},created:function(){var t=this;this.$nextTick((function(){t.animateDOMArray=document.querySelectorAll(".animate-box"),window.addEventListener("scroll",t.onScroll,!1)}))},methods:{onScroll:function(){this.ticking||(requestAnimationFrame(this.scrollHandle),this.ticking=!0)},scrollHandle:function(){for(var t=document.documentElement.scrollTop,e=0;el&&(o.includes("active")||i.setAttribute("class","".concat(o," active")))}this.ticking=!1}}}),r=s,c=i("2877"),n=Object(c["a"])(r,l,o,!1,null,"40f9d007",null);e["a"]=n.exports},"80b7":function(t,e,i){"use strict";var l=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",[i("header",{staticClass:"header"},[i("div",{staticClass:"h-fix"},[i("div",{staticClass:"container"},[t._m(0),t._m(1),t._m(2),t._m(3),i("nav",{staticClass:"nav-bar",attrs:{id:"nav-box","data-type":"noindex","data-infoid":""}},[i("ul",{staticClass:"nav"},t._l(t.nav,(function(e,l){return i("li",{key:l,class:(t.code==e.code||!t.code&&0==l)&&"active"},[i("a",{attrs:{href:e.url,target:e.target?"_blank":""}},[t._v(t._s(e.title))]),e.subset.length?i("ul",{staticClass:"sub-menu"},t._l(e.subset,(function(e){return i("li",{key:e.title,staticClass:"navbar-category-8 li-cate-8"},[i("a",{attrs:{href:e.url}},[t._v(t._s(e.title))])])})),0):t._e()])})),0)]),t._m(4)])])])])},o=[function(){var t=this,e=t.$createElement,l=t._self._c||e;return l("h1",{staticClass:"logo"},[l("a",{attrs:{href:"/",title:"站长导航类"}},[l("img",{attrs:{id:"light-logo",src:i("2225"),alt:"",title:""}}),l("img",{attrs:{id:"dark-logo",src:i("5153"),alt:"",title:""}})])])},function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"m-btn",attrs:{id:"m-btn"}},[i("i",{staticClass:"fa fa-bars"})])},function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"search"},[i("i",{staticClass:"s-btn off fa fa-search"}),i("div",{staticClass:"s-form"},[i("i",{staticClass:"arrow fa fa-caret-up"}),i("form",{staticClass:"sform",attrs:{name:"formsearch",action:"/k154/?search/",method:"get"}},[i("input",{staticClass:"sinput",attrs:{name:"keyword",type:"text",placeholder:"请输入搜索词"}}),i("button",[i("i",{staticClass:"fa fa-search"})])])])])},function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"darkmode"},[i("a",{attrs:{href:"javascript:switchNightMode()",target:"_self"}},[i("i",{staticClass:"fa fa-moon-o"})])])},function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"submit fr"},[i("a",{staticClass:"a transition",attrs:{href:"/apply-join.html",target:"_blank"}},[i("i",{staticClass:"fa fa-heart"}),t._v("申请收录")])])}],s=(i("ac1f"),i("841c"),i("1276"),i("fb6a"),i("d81d"),{data:function(){return{code:"",active:0,nav:[{title:"首页",code:"noindex",url:"/",subset:[]},{title:"新闻资讯",code:"newsList",url:"/news-list.html?code=newsList",subset:[]},{title:"站长常用",code:"Navigation",url:"javascript:void(0);",subset:[{title:"导航",code:"Navigation",url:"/nav-list.html?code=Navigation"}]},{title:"工具",code:"tool",url:"/tool.html?code=tool",subset:[]},{title:"建议反馈",code:"noindex",url:"https://support.qq.com/product/424181",target:"_blank",subset:[]}]}},created:function(){var t=this;window.addEventListener("scroll",this.onScroll,!1);var e=window.location.search,i=e?e.slice(1).split("&"):[];i.map((function(e){var i=e.split("=")[0],l=e.split("=")[1];"code"===i&&(t.code=l)}))},mounted:function(){},methods:{}}),r=s,c=i("2877"),n=Object(c["a"])(r,l,o,!1,null,"4ebf26c2",null);e["a"]=n.exports},"903f":function(t,e,i){"use strict";var l=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:" bai-crumbs",class:t.scrollFlag&&"active"},[i("div",{staticClass:"container bread"},[i("i",{staticClass:"fa fa-home"}),i("a",{attrs:{href:"noindex.html"}},[t._v("首页")]),t.lv2.name?i("span",{staticClass:"symbol"}):t._e(),t.lv2.name?i("a",{attrs:{href:t.lv2.href}},[t._v(t._s(t.lv2.name))]):t._e(),t.lv3.name?i("span",{staticClass:"symbol"}):t._e(),t.lv3.name?i("a",{attrs:{href:t.lv3.href}},[t._v(t._s(t.lv3.name))]):t._e(),t.lv4?i("span",{staticClass:"symbol"}):t._e(),t.lv3?i("span",[t._v(t._s(t.lv4))]):t._e()])])},o=[],s={props:{lv2:{type:Object,default:function(){return{}}},lv3:{type:Object,default:function(){return{}}},lv4:String},data:function(){return{scrollFlag:!1,ticking:!1}},mounted:function(){window.addEventListener("scroll",this.onScroll,!1)},methods:{onScroll:function(){this.ticking||(requestAnimationFrame(this.scrollHandle),this.ticking=!0)},scrollHandle:function(){var t=document.documentElement.scrollTop;this.scrollFlag=t>100,this.ticking=!1}}},r=s,c=(i("9aeb"),i("2877")),n=Object(c["a"])(r,l,o,!1,null,"b76b3d9e",null);e["a"]=n.exports},"930e":function(t,e,i){},"9aeb":function(t,e,i){"use strict";var l=i("a669"),o=i.n(l);o.a},a669:function(t,e,i){},b0a5:function(t,e,i){"use strict";var l=function(){var t=this,e=t.$createElement;t._self._c;return t._m(0)},o=[function(){var t=this,e=t.$createElement,l=t._self._c||e;return l("div",[l("div",{staticClass:"footer-copyright "},[l("div",{staticClass:"container"},[l("p",[t._v(" 本站收录的网站若侵害到您的利益，请联系我们删除处理！| 联系QQ：360708355 请注明来意！"),l("br"),t._v(" Copyright © 2022 导航网站 All Rights Reserved. "),l("a",{attrs:{target:"_blank",rel:"nofollow",href:"http://beian.miit.gov.cn/"}},[t._v("蜀ICP备15009902号-3")]),t._v(" "),l("a",{attrs:{href:"javascript:;",target:"_blank"}})]),l("img",{staticClass:"flogo",attrs:{id:"light-flogo",src:i("2225"),alt:"",title:"站长导航类"}}),l("img",{staticClass:"flogo",attrs:{id:"dark-flogo",src:i("5153"),alt:"站长导航类p",title:"站长导航类"}})])]),l("a",{staticClass:"fa fa-pencil",attrs:{id:"quick_submit",rel:"nofollow",href:"/apply-join.html"}}),l("div",{staticClass:"fa fa-angle-up",attrs:{id:"backtop"}})])}],s={data:function(){return{}},mounted:function(){},methods:{scrollHandle:function(){var t=document.documentElement.scrollTop;t>100?(this.scrollFlag=!0,this.showTopBtn=!0):(this.scrollFlag=!1,this.showTopBtn=!1),this.ticking=!1},onScroll:function(){this.ticking||(requestAnimationFrame(this.scrollHandle),this.ticking=!0)},step:function(){var t=document.body.scrollTop||document.documentElement.scrollTop,e=t/10;document.documentElement.scrollTop=t-e,t>0&&window.requestAnimationFrame(this.step)},goTop:function(){window.requestAnimationFrame(this.step)}}},r=s,c=i("2877"),n=Object(c["a"])(r,l,o,!1,null,"0fc26574",null);e["a"]=n.exports},b893:function(t,e,i){"use strict";i("fb6a"),i("ac1f"),i("841c"),i("1276"),i("d81d"),i("4d63"),i("25f0"),i("466d");var l={getUrlParams:function(t){var e=window.location.search.slice(1),i=[],l="";return e&&(i=e.split("&")),i.map((function(e){e.split("=")[0]===t&&(l=e.split("=")[1])})),l},getCookie:function(t){var e,i=new RegExp("(^| )"+t+"=([^;]*)(;|$)");return(e=document.cookie.match(i))?unescape(e[2]):null},setCookie:function(t,e){var i=new Date;i.setTime(i.getTime()+288e5),document.cookie=t+"="+escape(e)+";expires="+i.toGMTString()},clearCookie:function(t){this.setCookie(t,"",-1)}};e["a"]=l},c243:function(t){t.exports=JSON.parse('[{"title":"导航","list":[{"title":"npm","text":"npm WEB前端自动化插件","url":"https://www.npmjs.com/"},{"title":"cdnjs","text":"免费 cdnjs","url":"https://cdnjs.com/"},{"title":"星辰导航","text":"星辰导航","url":"http://www.tzlp.net/","icon":"","color":""},{"title":"爱资料工具","text":"爱资料工具","url":"https://www.toolnb.com/","icon":"","color":""},{"title":"即时工具","text":"即时工具","url":"https://www.67tool.com/","icon":"","color":""},{"title":"运营工具大全","text":"运营工具大全","url":"https://xiaomark.com/tool","icon":"","color":""},{"title":"jsrun工具箱集","text":"jsrun","url":"https://jsrun.net/","icon":"","color":""},{"title":"各种精品软件-吾爱破解","text":"需要注册","url":"https://www.52pojie.cn","icon":"","color":""}]},{"title":"在线工具","list":[{"title":"CSS Tricks","text":"三角形生成器,扇形生成器","url":"https://qishaoxuan.github.io/css_tricks/sector/#svg"},{"title":"ORC 图片识字","text":"ORC 图片识字","url":"https://www.onlineocr.net/zh_hans/","icon":"","color":""},{"title":"animista在线动画","text":"Css 动画，复制代码就能用！免安装","url":"https://animista.net/"},{"title":"VVV文档在线导出工具","text":"VIP免费下载工具","url":"http://wenku.baiduvvv.com/doc/"},{"title":"在线多变行生成工具","text":"在线多变行生成工具","url":"https://www.html.cn/tool/css-clip-path/"},{"title":"正则大全","text":"2019年常用正则表达式","url":"https://any86.github.io/any-rule/"},{"title":"正则文字在线查询","text":"在线正则查询","url":"http://regexr.com/"},{"title":"正则在线工具","text":"有个正则在线工具还是很方便嘛","url":"http://tool.oschina.net/regex/#"},{"title":"iHateRegex正则在线工具","text":"有个正则在线工具还是很方便嘛","url":"https://ihateregex.io/"},{"title":"jsfiddle","text":"在线演示，支持Emmet","url":"https://jsfiddle.net/"},{"title":"codepen","text":"在线演示，支持Emmet http://www.zhangxinxu.com/wordpress/2012/07/codepen-jsfiddle/","url":"https://codepen.io/"},{"title":"码上掘金","text":"国产代码片段演示","url":"https://code.juejin.cn/"},{"title":"techbrood","text":"在线演示","url":"https://wow.techbrood.com"},{"title":"CSS3-Tool","text":"在线动画生成器","url":"http://isux.tencent.com/css3/tools.html"},{"title":"Animate.css","text":"css3动画库","url":"https://daneden.github.io/animate.css/"},{"title":"Animate.css","text":"css3动画库","url":"http://www.dowebok.com/demo/2014/98/"},{"title":"CSS3-html5","text":"CSS3-html5在线测试,效果很全的一个网站","url":"http://www.zaole.net/"},{"title":"spritegen 图片雪碧老版本","text":"图片雪碧-老版本，切好的图自动整合图片，自动生成css html","url":"http://spritegen.website-performance.org/oldsites/spritegen/htdocs/"},{"title":"spritegen 图片雪碧新版本","text":"图片雪碧-新版本有时候天朝打不开：“切好的图自动整合图片，自动生成css html”","url":"http://spritegen.website-performance.org/"},{"title":"PLACEHOLD.IT占位图片","text":"经常在使用比较喜欢，上班不能上网的，略过~","url":"http://placehold.it/"},{"title":"Tinypng图片压缩","text":"在线图片压缩","url":"https://tinypng.com/"},{"title":"Squoosh图片压缩","text":"在线图片压缩","url":"https://squoosh.app/"},{"title":"css reset","text":"css reset 样式重置 - 框架 - NEC : 更好的CSS样式解决方案","url":"http://nec.netease.com/framework/css-reset.html"},{"title":"CSS3 UI 库-腾讯开源项目","text":"CSS3 UI 库，有写好了的代码，有事没事找找灵感","url":"http://css3lib.alloyteam.com/"},{"title":"HTML符号","text":"网页特殊符号HTML代码大全，符号多难免记不住嘛","url":"http://www.cnblogs.com/web-d/archive/2010/04/16/1713298.html"},{"title":"Emmet 查询表简写","text":"Emmet查询表，css html简写","url":"http://docs.emmet.io/cheat-sheet/"},{"title":"Favicon","text":"在线生成ico浏览器图标","url":"http://www.favicon.cc/"},{"title":"jquery下载所有版本（实时更新）","text":"比较实用","url":"http://www.jq22.com/jquery-info122"},{"title":"sass在线解析","text":"sass在线解析","url":"https://www.sassmeister.com/"},{"title":"css-sass在线解析","text":"css编译成sass","url":"https://www.sass.hk/css2sass/"},{"title":"idea","text":"http://www.qidianban.site:1203/,http://172.16.2.95:1212/,http://im.js.cn:8888","url":"https://www.iteblog.com/idea/"},{"title":"三角形在线生成器","text":"http://apps.eky.hk/css-triangle-generator/zh-hant","url":"http://apps.eky.hk/css-triangle-generator/zh-hant"},{"title":"分割线Shape Divider","text":"你可以生成各式各样的分割线，并导出 SVG 格式；","url":"https://www.shapedivider.app/"},{"title":"css 浏览兼容性查询","text":"","url":"https://caniuse.com/"},{"title":"代码混淆JSFuck","text":"代码混淆JSFuck","url":"http://www.jsfuck.com/"},{"title":"typescript转换js","text":"typescript转换js","url":"https://www.typescriptlang.org/play?#code/PTAEHUFMBsGMHsC2lQBd5oBYoCoE8AHSAZVgCcBLA1UABWgEM8BzM+AVwDsATAGiwoBnUENANQAd0gAjQRVSQAUCEmYKsTKGYUAbpGF4OY0BoadYKdJMoL+gzAzIoz3UNEiPOofEVKVqAHSKymAAmkYI7NCuqGqcANag8ABmIjQUXrFOKBJMggBcISGgoAC0oACCbvCwDKgU8JkY7p7ehCTkVDQS2E6gnPCxGcwmZqDSTgzxxWWVoASMFmgYkAAeRJTInN3ymj4d-jSCeNsMq-wuoPaOltigAKoASgAywhK7SbGQZIIz5VWCFzSeCrZagNYbChbHaxUDcCjJZLfSDbExIAgUdxkUBIursJzCFJtXydajBBCcQQ0MwAUVWDEQC0gADVHBQGNJ3KAALygABEAAkYNAMOB4GRonzFBTBPB3AERcwABS0+mM9ysygc9wASmCKhwzQ8ZC8iHFzmB7BoXzcZmY7AYzEg-Fg0HUiQ58D0Ii8fLpDKZgj5SWxfPADlQAHJhAA5SASPlBFQAeS+ZHegmdWkgR1QjgUrmkeFATjNOmGWH0KAQiGhwkuNok4uiIgMHGxCyYrA4PCCJSAA"},{"title":"Babel · 在线编译","text":"Babel · 在线编译","url":"https://babeljs.io/repl#?browsers=defaults%2C%20not%20ie%2011%2C%20not%20ie_mob%2011&build=&builtIns=false&corejs=3.21&spec=false&loose=false&code_lz=Q&debug=false&forceAllTransforms=false&shippedProposals=false&circleciRepo=&evaluate=false&fileSize=false&timeTravel=false&sourceType=module&lineWrap=true&presets=env%2Creact%2Cstage-2&prettier=false&targets=&version=7.17.9&externalPlugins=&assumptions=%7B%7D"},{"title":"CSS 多边形代码生成","text":"CSS Clip-path Maker","url":"https://bennettfeely.com/clippy/"},{"title":"花式边界半径","text":"花式边界半径","url":"https://9elements.github.io/fancy-border-radius/"},{"title":"平滑阴影","text":"平滑阴影","url":"https://shadows.brumm.af/"},{"title":"Neumorphism 阴影","text":"Neumorphism","url":"https://neumorphism.io/#e0e0e0"},{"title":"多盒阴影生成器 ","text":"多盒阴影生成器","url":"https://htmlcssfreebies.com/box-shadow-generator-multiple/"}]},{"title":"UI框架","list":[{"title":"Vant","text":"简洁、直观、强悍的前端开发框架，让web开发更迅速、简单。","url":"https://vant-contrib.gitee.io/vant/v2/#/zh-CN/"},{"title":"Element","text":"简洁、直观、强悍的前端开发框架，让web开发更迅速、简单。","url":"https://element.eleme.cn/#/zh-CN"},{"title":"iviewui","text":"基于 Vue.js 3 的企业级 UI 组件库和前端解决方案，\\n为数万开发者服务","url":"https://iviewui.com/"},{"title":"Ant-design","text":"Ant Design一套企业级 UI 设计语言和 React 组件库","url":"https://ant.design/docs/react/introduce-cn"},{"title":"Bootstrap","text":"简洁、直观、强悍的前端开发框架，让web开发更迅速、简单。","url":"http://www.bootcss.com/"},{"title":"Amaze UI","text":"Amaze ~ 妹子 UI中国首个开源 HTML5 跨屏前端框架","url":"http://amazeui.org/"},{"title":"Jquery EasyUI","text":"帮助web开发者更轻松的打造出功能丰富并且美观的UI界面","url":"http://www.jeasyui.net/"},{"title":"wiper","text":"Swiper常用于移动端网站的内容触摸滑动","url":"http://www.swiper.com.cn/"},{"title":"拼图pintuer.com","text":"图是优秀的响应式前端CSS开源框架，国内前端框架先驱及领导者，自动适应手机、平板、电脑等设备，让前端开发像游戏般快乐、简单、灵活、便捷。","url":"http://www.pintuer.com/"},{"title":"MUI","text":"以ios7 UI为主体，补充android特有UI样式.","url":"http://dcloudio.github.io/mui/components/"},{"title":"uikit","text":"一款轻量级、模块化的前端框架可快速构建强大的web前端界面","url":"http://www.getuikit.net/index.html"},{"title":"MUI","text":"最接近原生APP体验的高性能前端框架","url":"http://dev.dcloud.net.cn/mui/"},{"title":"jQuery MiniUI","text":"MiniUI - 专业WebUI控件库","url":"http://www.miniui.com/"},{"title":"JEECG 演示系统","text":"Jeecg 快速开发平台 , http://www.jeecg.org/","url":"http://www.semantic-ui.cn/"},{"title":"Semantic UI","text":"http://www.jeecg.org/ User Interface is the language of the web ","url":"http://demo.jeecg.org/loginController.do?login"},{"title":"LESS ecomfe","text":"less 封装库","url":"http://ecomfe.github.io/est/#top"},{"title":"YDUI Touch Docs 支持rem布局","text":"手机框架YDUI Touch Docs 支持rem布局 ","url":"http://www.ydui.org/flexible"},{"title":"VUE 后台框架","text":"http://blog.gdfengshuo.com/example/#/vue-schart,http://blog.gdfengshuo.com/example/work/#/login,https://github.com/lin-xin/sChart.js ","url":"https://segmentfault.com/a/1190000009817435"},{"title":"topjui后台框架 类似iboss2.0","text":"https://www.topjui.com/document/index/index.html,https://www.topjui.com/","url":"http://demo.topjui.com/?from=jeasyui"},{"title":"mpvue","text":"mpvue是一个使用 Vue.js 开发小程序的前端框架","url":"http://mpvue.com/"},{"title":"Taro","text":"将已有微信小程序转换为多端应用","url":"https://aotu.io/notes/2018/12/17/taro-1-2/"},{"title":"taro-ui","text":"将已有微信小程序转换为多端应用","url":"https://taro-ui.jd.com/#/docs/introduction"},{"title":"layui","text":"老版本镜像","url":"https://layui.itze.cn/"}]},{"title":"字体","list":[{"title":"阿里巴巴矢量图标库","text":"Iconfont-国内功能很强大且图标内容很丰富的矢量图标库。","url":"http://www.iconfont.cn/"},{"title":"免费的 SVG 插图","text":"https://undraw.co/illustrations","url":"https://undraw.co/"},{"title":"css画的图标","text":"减少发布请求，减少线程","url":"https://cssicon.space/#/"},{"title":"Font Awesome","text":"很全的图片字体库，相比阿里妈妈图片库，还要全！","url":"http://fontawesome.io/"},{"title":"Icomoon","text":"可自定义图标字体","url":"https://icomoon.io/"},{"title":"sozi.cn搜字网","text":"Font字体下载网站","url":"http://www.sozi.cn/"},{"title":"kuziti在线毛笔字生成器","text":"在线字体生成器","url":"http://www.akuziti.com/"},{"title":"在线字体 @font-face生成器","text":"字体生成器-群^(*￣(oo)￣)^推荐","url":"http://www.fontke.com/tool/fontface/"}]},{"title":"综合素材","list":[{"title":"开源中国","text":"加入开源项目，看看大牛们的作品","url":"https://www.oschina.net"},{"title":"站长之家","text":"站长素材最喜欢的免费资源库了","url":"http://sc.chinaz.com/jiaoben/"},{"title":"代码之家","text":"代 码,模 板,","url":"http://www.daimajiayuan.com/"},{"title":"uimakerSB模板","text":"终于发现了这个后台模板，早发现早享受","url":"http://www.uimaker.com"},{"title":"前端开发仓库","text":"Web前端开发仓库，收录常用的JavaScript及jQuery插件，并提供在线演示效果","url":"http://code.ciaoca.com/"},{"title":"jq22","text":"免费插件库","url":"http://www.jq22.com/"},{"title":"门素材","text":"素材中国一流的中国素材网站，提供优质的图片素材和代码素材的素材天下素材网。","url":"http://www.17sucai.com/"},{"title":"千图网","text":"免费素材下载,千图网免费素材图库,矢量图,矢量图库,图片素材,网页素材,免费素材,PS素材,网站素材,设计模板,设计素材。","url":"http://www.58pic.com/"},{"title":"懒人之家","text":"JS网页特效代码收集最全的网站","url":"http://www.lanrenzhijia.com/"},{"title":"100素材网","text":"web前端开发网页特效代码大全_中国最大免费素材100素材网","url":"http://www.100sucai.com/"},{"title":"update8","text":"站长技术教程网--网页制作,网站设计制作特效教程,网络编程,网页素材","url":"http://www.update8.com/"},{"title":"背景规律图案","text":"平铺规律背景图片","url":"http://subtlepatterns.com/page/2/"},{"title":"jQuery-school","text":"插件也很齐全，还有案例展示，还有很多视频收集","url":"http://www.jq-school.com/"},{"title":"素材网","text":"jQuery特效-免费下载","url":"http://www.xwcms.net/"},{"title":"百度云盘搜索","text":"我觉得是百度内部人搞的东东","url":"http://www.bdsola.com/"},{"title":"高清摄影图片","text":"原创摄影，重要的是高清“免费”","url":"https://unsplash.com/"},{"title":" 404 页面素材","text":" 404 页面素材”","url":"https://error404.fun/"}]},{"title":"Plug插件","list":[{"title":"腾讯问卷调查插件","text":"支持开源免费","url":"https://wj.qq.com/"}]},{"title":"灵感","list":[{"title":"花瓣","text":"平面设计图_平面广告设计_平面设计教程_花瓣网","url":"http://huaban.com//all/design/"},{"title":" 网站配色","text":"配色组件","url":"http://colorhunt.co/"},{"title":"colorsinspo 网站配色","text":"配色组件","url":"https://colorsinspo.com/"},{"title":" Coolors 网站配色","text":"Coolors","url":"https://coolors.co/"},{"title":"渐变背景CSS3样式","text":"渐变背景CSS3样式","url":"http://color.oulu.me/"},{"title":"小影志","text":"小影志 | 分享好东西","url":"http://c7sky.com/"},{"title":"Tongji.baidu/","text":"http://tongji.baidu.com/","url":"http://tongji.baidu.com/data/screen"},{"title":"css3在线生成渐变","text":"Gradient Colors Collection Palette - CoolHue 2.0","url":"https://webkul.github.io/coolhue/"},{"title":"CSS Inspiration -- CSS灵感","text":"各种css实现方法","url":"https://csscoco.com/inspiration/#/./layout/double-wing-layout"},{"title":"Buttons 在线按钮","text":"Buttons 在线按钮","url":"https://markodenic.com/tools/buttons-generator/"}]},{"title":"教程","list":[{"title":"腾讯课堂","text":"腾讯课堂_专业的在线教育平台","url":"https://ke.qq.com/"},{"title":"网易云课堂","text":"网易云课堂 - 悄悄变强大","url":"https://study.163.com/"},{"title":"花瓣","text":"平面设计图_平面广告设计_平面设计教程_花瓣网","url":"http://huaban.com//all/design/"},{"title":"30分钟学会正则","text":"比较笨用了1小时【哥看的比较详细，还做实验了的吧】---里面还提到了一个查询网站：看看吧 https://msdn.microsoft.com/zh-cn/library/az24scfc.aspx","url":"http://deerchao.net/tutorials/regex/regex.htm"}]},{"title":"社区论坛","list":[{"title":"segmentfault","text":"是中国领先的开发者技术社区。 为编程爱好者提供一个纯粹、高质的技术交流的平台, 与开发者一起学习、交流与成长。【老实话我觉得这名字不好记】","url":"https://segmentfault.com/"},{"title":"谷歌开发者社区(GDG)","text":"开放 · 分享 · 创新","url":"http://chinagdg.org/"},{"title":"全栈社区","text":"中国最大的全栈开发者社区,致力于打造一个问题解答,技术文章分享,全栈人员创业的服务平台,让开发更容易,让创业更简单.","url":"http://ourjs.com/bbs"},{"title":"炖","text":"前端乱炖, 最专业的前端技术内容社区","url":"http://www.html-js.com/"},{"title":"稀土金","text":"专注开发设计资源分享，UI模板资源，ICONS资源，HTML模板资源等等.......","url":"https://xituqu.com/170.html"}]},{"title":"图标","list":[{"title":"FindIcons","text":"FindIcons图标搜索引擎","url":"http://findicons.com/"},{"title":"爱看图","text":"爱看图-图标搜索引擎","url":"http://www.iconpng.com/"},{"title":"UX图标","text":"UX图标字体库","url":"http://mux.alimama.com/fonts"},{"title":"IOSIconGallery","text":"收录了苹果客户端的所有的ios产品的图标","url":"http://iosicongallery.com/"},{"title":"Icons DB","text":"免费的图标下载网站，可选择多种尺寸和格式","url":"http://www.iconsdb.com/"},{"title":"mr.icons","text":"mr.icons图标搜索引擎","url":"http://mricons.com/"},{"title":"Iconfinder","text":"Iconfinder图标搜索引擎","url":"https://www.iconfinder.com/"},{"title":"Icones","text":"Icones图标搜索引擎","url":"http://icones.pro/"},{"title":"Easyicon","text":"Easyicon图标搜索引擎-没打开先放上（因为比较喜欢）","url":"http://www.easyicon.net/"}]},{"title":"开发工具","list":[{"title":" GitHub","text":"git 代码仓库","url":"https://github.com/360708355"},{"title":" git.oschina","text":"开源中国-代码仓库-私有项目1000个","url":"http://git.oschina.net/"},{"title":" git.oschina","text":"开源中国-代码仓库-私有项目1000个","url":"https://tortoisegit.org/download/"},{"title":"Untitled","text":"在线dome编辑器","url":"http://codepen.io/pen/"},{"title":"runjs","text":"RunJS - 在线编辑、展示、分享、交流你的 JavaScript 代码","url":"http://runjs.cn/"},{"title":"jshint","text":"代码在线检查工具","url":"http://jshint.com/"},{"title":"Cmd Markdown","text":" Cmd Markdown 编辑阅读器","url":"https://www.zybuluo.com/mdeditor"},{"title":"MaHua","text":" 一个在线编辑markdown文档的编辑器","url":"http://mahua.jser.me/"},{"title":"chrome插件论坛网站","text":" 没事去看看有用的插件","url":"http://chromecj.com/"},{"title":"IntelliJ IDEA License Server本地搭建教程","text":" IntelliJ IDEA License Server本地搭建教程-之前弄的还没过期希望能成功","url":"http://blog.csdn.net/zhuweideng/article/details/53185804"},{"title":"WebStorm主题","text":"WebStorm还是最喜欢sublime主题","url":"http://www.riaway.com/"},{"title":"WebStorm主题2","text":"WebStorm还是最喜欢sublime主题","url":"http://www.easycolor.cc/intelliJidea/list.html"},{"title":"WebStorm主题列表","text":"WebStorm还是最喜欢sublime主题","url":" http://color-themes.com/?view=index"}]},{"title":"平面设计","list":[{"title":"zcooL站酷","text":"设计师互动平台！图片资源也不少！","url":"http://www.zcool.com.cn/"},{"title":"懒人图库","text":"矢量图，网页素材！","url":"http://www.lanrentuku.com/"},{"title":"昵图网","text":"大家都听说过，我还充值了的。","url":"http://www.lanrentuku.com/"},{"title":"UI","text":"UI中国-专业界面交互设计平台","url":"http://www.ui.cn/"},{"title":"uimaker","text":"UI制作者","url":"http://www.uehtml.com/"},{"title":"hiiishare","text":"站在巨人的肩上学设计","url":"http://www.hiiishare.com/"},{"title":"学ui网","text":"UI界面设计,网页设计教程","url":"http://www.xueui.cn/"},{"title":"dribbble","text":"国外的设计网站！好的设计比叫多-支持API获取！","url":"http://huaban.com//all/design/"}]},{"title":"源代码","list":[{"title":"777模板","text":"网站源码_PHP源码_网站源码下载-777模板","url":"http://www.777moban.com/list_34_1.html"},{"title":"魔客吧","text":"网站源码_PHP源码_网站源码下载-777模板","url":"http://www.moke8.com/"},{"title":"绣站长","text":"喜欢的模板库之一","url":"http://www.xiuzhanwang.com/"},{"title":"爱找主题","text":"现在比较喜欢的网站，可惜好东西要收费~","url":"http://www.2zzt.com/bokezhuti/page/3"},{"title":"值得要","text":"我记错了me，以前一个生活，购物评价网站竟然变样了","url":"http://www.zhideyao.cn/product/search_j2v.html"},{"title":"模板无忧","text":"网站模板免费下载,做网站首选模板无忧","url":"http://www.mb5u.com/"},{"title":"多素材","text":"现在作者改版收费了，以前最喜欢的一个免费的","url":"http://www.duosucai.com/"},{"title":"多素材/免费","text":"作者以前的还没删除，找找漏洞下载去吧","url":"http://www.duosucai.com/soft/1894.html"},{"title":"57剑人网","text":"淘淘免费模板，不多说，你懂的！","url":"http://www.57jrw.com/"},{"title":"织梦帮","text":"织梦免费模板下载","url":"http://www.dedesos.com/"},{"title":"跟版网","text":"免费模板不多说","url":"http://www.genban.org/"},{"title":"南方站长","text":"看着好丑，不过有免费的就行","url":"http://bbs.nfa5.com/"}]},{"title":"前端学习","list":[{"title":"菜鸟笔记","text":"runoob.com菜鸟笔记","url":"http://www.runoob.com/"},{"title":"36镇","text":"runoob.com菜鸟笔记","url":"http://www.runoob.com/"},{"title":"Underscore.js (1.8.3)","text":"w3school，新手学习必备神器和文档参考。","url":"http://www.w3school.com.cn/"},{"title":"秒味课堂","text":"酷爱web，知识要不断学习更新","url":"http://www.miaov.com/index.php/video/vipvideolist"},{"title":"JavaScript（JS 教程）","text":"重新介绍 JavaScript（JS 教程）","url":"https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/A_re-introduction_to_JavaScript"},{"title":"LESS","text":"less语法","url":"http://www.bootcss.com/p/lesscss/"},{"title":"LESS函数说明","text":"less函数说明","url":"http://www.cnblogs.com/zfc2201/p/3493335.html"},{"title":"LESS","text":"less","url":"http://www.lesscss.net/features/#import-directives-feature"},{"title":"LESSCss88","text":"css88 这个现在比较火，他分析的也比较清晰","url":"http://www.css88.com/doc/less/features/"},{"title":"前端涉及的所有知识体系","text":"github上最全的资源教程-前端涉及的所有知识体系","url":"http://www.cnblogs.com/bymax/p/5878113.html"},{"title":"前端面试经典题目合集介绍","text":"github上最全的资源教程-前端涉及的所有知识体系","url":"http://segmentfault.com/u/trigkit4）收集整理。"},{"title":"在线书籍购买地址","text":"[ Web开发实战 ] - 看云","url":"http://www.kancloud.cn/"}]},{"title":"学习研究","list":[{"title":"Nmap","text":" 你绝对猜不到的，十大黑客常用工具","url":"http://www.requirejs.cn/"},{"title":"requirejs","text":" JS模块化是构建复杂项目的第一步 中文学习文档奉上","url":"http://www.51testing.com/html/78/n-3722478.html"},{"title":"Underscore.js (1.8.3)","text":"对数据的操作","url":"http://www.css88.com/doc/underscore/"},{"title":"fis3","text":"国内构建工具","url":"http://fis.baidu.com/"},{"title":"google插件开发","text":"准备把这个导航开发成插件","url":"http://www.cnblogs.com/mfryf/p/3701801.html"},{"title":"google插件开发2","text":"准备把这个导航开发成插件","url":"https://my.oschina.net/hetiangui/blog/135744"},{"title":"SVN服务器搭建","text":"服务器端搭建","url":"http://blog.rekfan.com/articles/131.html"},{"title":"windows Server 2008 R2 Enterprisp FTP ","text":"FTP搭建","url":"http://blog.postcha.com/read/9"},{"title":"windows Server 2008 R2 Enterprisp FTP ","text":"FTP搭建2-访问方式{ftp://192.168.10.200/index.html}","url":"http://blog.sina.com.cn/s/blog_3f7e47f20100haur.html"},{"title":"windows Server 2008 R2 Enterprisp FTP ","text":"FTP-设置密码","url":"http://www.cnblogs.com/grenet/archive/2012/05/04/2480682.html"},{"title":"windows Server 2003 R2 Enterprisp FTP ","text":"window server 2003如何创建和配置ftp服务器","url":"http://www.wkgoto.com/i/267705.html"},{"title":"Redmine BUG 管理 ","text":"BitNami一键安装Redmine 一个可以在线查阅演示网站：‘http://www.redmine.org.cn/’ :: Windows 2003下安装redmine安装：“http://www.cppblog.com/zdhsoft/archive/2013/10/17/redmine.html”","url":"http://blog.csdn.net/benkaoya/article/details/8762935"},{"title":"禅道项目管理软件 ","text":"windows环境.exe一键安装","url":"http://www.zentao.net/book/zentaopmshelp/40.html"},{"title":"webstorm git 入门指南 ","text":"webstorm git 入门指南","url":"http://www.tuicool.com/articles/7nQbIf"},{"title":"webstorm 自定义函数包提示","text":"webstorm 自定义函数包提示 有空看一下","url":"https://my.oschina.net/klausgao/blog/380351"},{"title":"七牛云图片储存","text":"网站空间不够了用考虑下","url":"https://portal.qiniu.com"},{"title":"Nginx+IIS构筑Web服务器集群的负载均衡","text":"构建实战","url":"http://www.open-open.com/lib/view/open1417488526633.html"},{"title":"Jumpserver - 开源堡垒机","text":"多云环境下更好用的堡垒机","url":"http://www.jumpserver.org/"},{"title":"Socket.io提供了基于事件的实时双向通讯","text":"Socket.io","url":"https://www.jianshu.com/p/4e80b931cdea"}]},{"title":"历史实践","list":[{"title":"NAS","text":"家庭储存","url":"http://baike.baidu.com/link?url=Sukx9IAqef3wkGZK7UxmzdZeA65QGZUYUq4Ua9pVo68nxGudFBhLkvshE_nhk3tL0ERJ-v7XO9qnoyafy74b1_"},{"title":"svn搭建","text":"家庭储存，搭建自己的应用仓库-百度说明文章","url":"http://jingyan.baidu.com/article/93f9803fea9ff4e0e46f55f0.html"},{"title":"svn另一个解决方案","text":"台式电脑","url":"http://jingyan.baidu.com/article/93f9803fea9ff4e0e46f55f0.html"},{"title":"推荐的几本书秒来看看吧","text":"叔叔推荐","url":"http://gold.xitu.io/post/582aa436128fe1006940f9ac?utm_source=gold_browser_extension"},{"title":"nginx 服务器 FTP搭建","text":"使用FileZilla Server轻松搭建个人FTP服务器","url":"http://jingyan.baidu.com/article/6079ad0e67acf828ff86db3f.html"},{"title":"NAS电脑搭建","text":"win系统做服务器经验，主要是便宜","url":"https://www.zhihu.com/question/21359049"},{"title":"3步添加家庭共享设备","text":"NAS很贵暂时使用这种方式，来玩玩","url":"http://jingyan.baidu.com/article/8275fc86b4d16146a03cf6a6.html"}]},{"title":"博客相关","list":[{"title":"wordpress插件主题分析工具","text":"wordpress插件主题分析工具","url":"http://whatwpthemeisthat.com/"},{"title":"张鑫旭","text":"研究互联网产品和技术，提供原创中文精品教程","url":"http://www.zhangxinxu.com/"},{"title":"廖雪峰","text":"张鑫旭的个人博客，张鑫旭的技术作品，张鑫旭的生活成长","url":"http://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000/001450375778335b78230044e114619bb4211c3769897a7000"},{"title":"我爱水煮鱼","text":"国内经常能听到的名字","url":"http://blog.wpjam.com/"},{"title":"烂泥行天下","text":"技术型博客","url":"http://www.ilanni.com/"},{"title":"世平阜康","text":"前端导航-世平阜康","url":"http://luuman.github.io/FrontEndGuide/V1/index.html"},{"title":"haorooms","text":"算是一个小牛吧","url":"http://www.haorooms.com/"},{"title":"现代魔法学院","text":"案例技术学习","url":"http://www.nowamagic.net/academy/donation/"},{"title":"孟坤工具箱","text":"案例技术学习工具集","url":"http://tool.mkblog.cn/"}]},{"title":"数据接口/平台","list":[{"title":"百度静态资源公共库","text":"百度静态资源公共库","url":"http://cdn.code.baidu.com/"},{"title":"常用接口大全","text":"常用接口大全","url":"http://www.bejson.com/knownjson/webInterface/"},{"title":"jQuery中的100个技巧（上）","text":"查阅有助于链接方法链接","url":"http://web.jobbole.com/89683/"}]},{"title":"关注项目","list":[{"title":"代码可视化的接口管理平台","text":"YApi 是一个可本地部署的、打通前后端及QA的、可视化的接口管理平台","url":"https://github.com/YMFE/yapi?utm_source=gold_browser_extension"},{"title":"缩短网址功能","text":"www.ecool.fun/shortLink","url":"https://github.com/liucong1/shortLink"},{"title":"微前端","text":"https://github.com/Tencent/wujie","url":"https://wujie-micro.github.io/demo-main-vue/home"}]},{"title":"感兴趣","list":[{"title":"PROGRESS BAR.JS","text":"JS动画库-半圆，直线进度条-爱心图案进度","url":"https://kimmobrunfeldt.github.io/progressbar.js/"},{"title":"SpinThatShit-LOADERS-CSS","text":"css3加载动画效果","url":"https://matejkustec.github.io/SpinThatShit/"},{"title":"granim.js","text":"背景颜色渐变换色","url":"https://sarcadass.github.io/granim.js/examples.html"},{"title":"fusejs","text":"search-search 查询","url":"http://fusejs.io/"},{"title":"reflexbox","text":"栅格化布局","url":"http://jxnblk.com/reflexbox/"},{"title":"open-color","text":"调色板看到访问量10我才加进来的，搞不好是那个平台的访问","url":"https://yeun.github.io/open-color/"},{"title":"里面有组件库，一个人写的博客","text":"我的组件库","url":"http://jquerywidget.com/"},{"title":"微信公众号开发","text":"微信接口使用介绍","url":"https://github.com/Wscats/Good-text-Share/issues/50"},{"title":"语言环境","text":"语言环境","url":"http://gcdn.gcpowertools.com.cn/showtopic-27715-1-3.html"}]},{"title":"生活辅助","list":[{"title":"证件照一键生成","text":"支持在线证件照制作、证件照编辑的专业证件照网站\\n\\n涵盖市面上数百种证件照尺寸及底色，可生成各种尺寸\\n\\nAI智能抠图，自动拼接照片，将生活照完美转换成专业证件照","url":"https://id.zhengzhaopai.com/"},{"title":"Listen 1 免费全能听音乐","text":"Listen 1可以搜索和播放来自网易云音乐，虾米，QQ音乐，酷狗音乐，酷我音乐，Bilibili，咪咕音乐网站的歌曲，让你的曲库更全面。","url":"https://listen1.github.io/listen1/"},{"title":"AI 图片修复","text":"老照片修复","url":"https://huggingface.co/spaces/akhaliq/GFPGAN"},{"title":"海盗","text":"资源","url":"https://thepiratebay10.org/top"},{"title":"伪原创","text":"伪原创","url":"http://www.naipan.com/index.html"}]},{"title":"插件","list":[{"title":"ckplayer 视频播放器 js插件","text":"ckplayer 视频播放器","url":"https://www.ckplayer.com/"},{"title":"手机端rem上拉刷新，下拉加载mescroll.js","text":"mescroll.com","url":"http://www.mescroll.com"},{"title":"PC端日期任务管理","text":"fullcalendar,比较全的文档：https://blog.csdn.net/lizai22/article/details/53522523","url":"https://fullcalendar.io/"},{"title":"副文本编辑框","text":"wangEditor.js","url":"wangEditor.js"},{"title":"umeditor","text":"副文本","url":"http://ueditor.baidu.com/website/umeditor.html"},{"title":"Lodash","text":"函数模块","url":"https://github.com/lodash/lodash"},{"title":"Underscore","text":"函数模块","url":"https://underscorejs.org/"},{"title":"ramda","text":"函数模块","url":"https://github.com/ramda/ramda"},{"title":"outils","text":" 前端业务代码工具库","url":"https://github.com/proYang/outils"},{"title":"30-seconds-of-code","text":" 函数模块","url":"https://github.com/30-seconds/30-seconds-of-code"},{"title":"Animate.css","text":" CSS3 动画库，也是目前最通用的动画库。","url":"https://daneden.github.io/animate.css/"},{"title":"Animate.js","text":" 一个强大的、轻量级的用来制作动画的javascript库","url":"animejs.com/"},{"title":"Hover.css","text":" CSS hover 悬停效果，可以应用于链接、按钮、图片等等。","url":"https://github.com/IanLunn/Hover/blob/master/index.html"},{"title":"WOW.js","text":" 滚动展示动画","url":"https://github.com/matthieua/WOW"},{"title":"scrollReveal.js","text":" 类似 wow.js","url":"https://github.com/scrollreveal/scrollreveal"},{"title":"Magic.css","text":" css3 animation动画库","url":"https://github.com/miniMAC/magic"},{"title":"Waves","text":"点击波纹效果","url":"https://github.com/fians/Waves"},{"title":"move.js","text":"一个小型的JavaScript库，通过JS来控制一系列的CSS动画顺序执行，使CSS3动画变得非常简单和优雅","url":"https://github.com/visionmedia/move.js"},{"title":"Velocity.js","text":"一个功能齐全的 JavaScript 动画套件，包括诸如淡入淡出、滚动、滚动、停止、结束、翻转等动画效果。","url":"https://github.com/julianshapiro/velocity"}]},{"title":"存储","list":[{"title":"蓝奏云","text":"蓝奏云","url":"https://www.lanzou.com/"},{"title":"百度网盘","text":"百度网盘","url":"https://pan.baidu.com/disk/main?from=oldversion&_at_=1661275680378#/brand"},{"title":"阿里云盘","text":"阿里云盘是一款速度快、不打扰、够安全、易于分享的网盘，你可以在这里存储、管理和探索内容，尽情打造丰富的数字世界","url":"https://www.aliyundrive.com/"}]},{"title":"设计","list":[{"title":"在线流程图","text":"http://draw.liuchengtu.net","url":"http://draw.liuchengtu.net"},{"title":"免费在线画图 在线流程图","text":"免费在线画图","url":"https://www.iodraw.com/"},{"title":"蓝湖在线标示","text":"https://lanhuapp.com/","url":"https://lanhuapp.com/"},{"title":"标你妹","text":"http://www.biaonimeia.com/login","url":"http://www.biaonimeia.com/login"},{"title":"云图库-快速制作PPT","text":"https://www.piti.fun/","url":"https://www.piti.fun/"},{"title":"在线PS","text":"在线PS","url":"https://toolwa.com/ps/","icon":"","color":""},{"title":"AI去背景 抠图PNG","text":"baseline 是一款免费的通过AI来去除图片背景的工具网站，支持JPEG、PNG，最终会返回一个透明背景的PNG图片给你","url":"https://baseline.is/tools/background-remover/","icon":"","color":""},{"title":"图片背景消除","text":"100% 全自动且免费","url":"https://www.remove.bg/zh","icon":"","color":""},{"title":"自动标注工具","text":"PxCook - 高效易用的自动标注工具,生成前端代码,设计研发协作利器","url":"https://www.fancynode.com.cn/pxcook","icon":"","color":""}]},{"title":"在线文档","list":[{"title":"B.JS 1S","text":"在线预览git仓库代码","url":"https://github1s.com/instanceofs/B.js","icon":"","color":""},{"title":"DevDocs API查询","text":"在线学习手册","url":"https://devdocs.io/html/","icon":"","color":""},{"title":"DevDocs API查询","text":"在线学习手册","url":"https://devdocs.io/","icon":"","color":""},{"title":"nodejs","text":"nodejs 在线文档","url":"https://nodejs.org/en/docs/","icon":"","color":""},{"title":"DOCleverAPI在线文档","text":"在线API","url":"http://doclever.cn/controller/index/index.html","icon":"","color":""},{"title":"w3school 参考手册","text":"JavaScript 参考手册","url":"http://www.w3school.com.cn","icon":"","color":""},{"title":"Node API","text":"node 使用在线文档","url":"https://javascript.ruanyifeng.com/nodejs/npm.html","icon":"","color":""},{"title":"javascript 参考手册","text":"JavaScript 参考手册","url":"https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference","icon":"","color":""},{"title":"jQuery API","text":"Query,API,中文版,中文文档,中文手册,chm,手册,jQuery3 中文文档,jQuery2 中文文档,官方翻译","url":"http://www.css88.com/jqapi-1.9/","icon":"","color":""},{"title":"liunx 命令","text":"http://www.cnblogs.com/peida/archive/2012/12/05/2803591.html","url":"http://www.cnblogs.com/peida/archive/2012/12/05/2803591.html","icon":"","color":""}]}]')},f0ac:function(t,e,i){t.exports=i.p+"img/1643109852769997.33bd87ff.png"},f27b:function(t,e,i){}}]);