随着学习的深入，越来越多的技术出现在我的视野中。现在越来越多的开发都是采用前后端分离模式，于是在学习的过程中也会出现许多的问题，就像今天记录的跨域问题。当然今天这个主要是为了记录后端如何解决跨域，毕竟现在网络上也有许多的解决跨域的方法（前端处理、后端处理）。当然对于跨域问题的出现，大家可以自行去仔细研究下，这里我将会给出后端处理跨域的解决方案。处理跨域在后端新建一个文件夹config，后面项目的需要的一些配置类都可以写在该文件夹里面。新建一个GlobalCorsConfig类1234567891011121314151617181920212223242526272829303132333435363738394041packagecom.example.aircraftBackend.config;importorg.springframework.boot.web.servlet.FilterRegistrationBean;importorg.springframework.context.annotation.Bean;importorg.springframework.context.annotation.Configuration;importorg.springframework.web.cors.CorsConfiguration;importorg.springf ...继续阅读 (178)

Axios 是一个基于 promise 网络请求库，作用于node.js 和浏览器中。 它是 isomorphic 的(即同一套代码可以运行在浏览器和node.js中)。在服务端它使用原生 node.js http 模块, 而在客户端 (浏览端) 则使用 XMLHttpRequests。关于更多的介绍，我们可以查看官网引用站外地址Axios中文文档Axios安装关于使用，对于不同的项目使用方式不同，这里以npm介绍，更多安装方式可以查看Axios 中文文档1npm install axios使用对于使用我们有许多的方式，可以直接发起请求，这里我们不做介绍，我们主要是考虑如何封装。在vue项目中，我们新建一个文件夹，命名为utils，以后所有的工具类都可以放在下面（我们可以把axios认为是请求数的一种工具），位置在src路径下。新建一个js文件，可以命名为request.js或者axios.js，这里我们以axios.js命名。填写如下内容1234567891011121314151617181920212223242526272829/***@Author: JayHrn* axios封装基本配置*/importaxiosfrom'axios'// 创建axios实例constservice = axios.create({baseURL:' ...继续阅读 (149)

在使用vue-seamless-scroll这个组件的时候，我们有时候需要执行点击操作，但是发现有时候轮播的时候不能正确的拿到数据（点击没有任何反应），正常来说是可以获取到改行的数据。通过查阅资料发现因为vue-seamless-scroll中间包裹的dom复制渲染，没有带上dom的事件导致。于是，我们可以采用事件委托的方式进行处理。绑定事件我们可以在使用包裹着vue-seamless-scroll的组件的元素添加上click点击事件，例如下面12345678910111213141516171819{{ item.planeNumber }}{{ item.name }}{{ item.partTotal }}{{ item.troubleTotal }}切换零件在最外面的div上添加@click="handleClick($event)"绑定事件对象既然我们要获取到对象，我们就需要处理对象，将对象所有的数据获取，这里我们通过一个按钮来绑定获取的对象。123切换零件这里的data-xxx，其中的xxx可以自己随便命名。方法实现我们在处理点击事件时，可以通过上面绑定的对象来获取数据12345678handleClick(e) ...继续阅读 (129)

本文实现的是在Joe主题中文章头像可能是你的邮箱的头像，但是有时候又可能会获取失败的问题，所以索性就以侧栏头像作为作者头像也挺好，不过还是看自己需求，当然你也可以自己搭建api一次性解决这些问题。具体效果欢迎查看我的站点。引用站外地址typecho博客予星辰开始修改public/batten.php文件中的下面的内容，将img标签内容全部替换成如下123php _getAvatarLazyload(); ?"data-src="php $this-options->JAside_Author_Avatar ? $this->options->JAside_Author_Avatar() : _getAvatarByMail($this->authorId ? $this->author->mail : $this->user->mail) ?>"alt="php $this-author(); ?>"/>这里首先会获取配置的侧栏作者头像，其次再是邮箱头像。 ...继续阅读 (189)

本文实现的是在Joe主题中引入分页的功能，由于Joe主题原配的是加载更多来进行分页的，这样子我感觉体验不是很好，所以就找到了教程关于如何实现按钮分页。具体效果欢迎查看我的站点。引用站外地址typecho博客予星辰开始首先需要引入JS，在public/config.php文件中的第一个script标签里面加入如下内容123document.addEventListener('DOMContentLoaded',() =>{window.Joe.PAGE_INDEX='php echo $this-_currentPage; ?>'||1;});最终呈现的是如下内容12345678910111213141516171819document.addEventListener('DOMContentLoaded',() =>{window.Joe.PAGE_INDEX='_currentPage; ?>'||1;});localStorage.getItem("data-night") &&document.querySelector("html").setAttribute("data-night","night");window.J ...继续阅读 (156)

本篇教程主要实现Joe主题侧边栏卡片mac风格，具体的效果可以查看博客文章侧边栏，欢迎访问，该博客将持续更新，开发博客也将同步更新（由于博客较忙，更新不定时）。引用站外地址typecho博客予星辰修改图标首先，找到public/aside.php文件，全局搜索并替换成如下内容1当然，你也可以找到原有的关于这个的样式，然后更改成下面添加的样式。添加样式在自定义文件中，添加如下样式1234567891011121314.mac_icon{content:" ";position: absolute;-webkit-border-radius:50%;border-radius:50%;background:#fc625d!important;width:11px;height:11px;-webkit-box-shadow:20px0#fdbc40,40px0#35cd4b;box-shadow:20px0#fdbc40,40px0#35cd4b;float: right;right:55px;top:17px}如果你还想在其他地方添加改图标样式，只需要加入即可。予星辰博客将持续更新，可以关注下噢，欢迎添加友链。 ...继续阅读 (170)

一直想搞一个动态博客，但是没有找到什么好看的（好看的都收费去了），发现了Joe主题还挺好的，于是最近开始在对typecho的Joe主题进行魔改，本教程主要记录自己魔改的一些内容，后续也都将会记录。至于这个主题魔改后的效果可以查看本域名下面的另一个站点予星辰。这里主要是为了解决Joe7.7.1主题不支持目录的问题，目前只支持H1、H2、H3级目录。开始首先，在public/aside.php文件中，添加如下内容，可以在作者卡片之后添加，不过具体想摆放的位置看自己的设计，本人设计是放在作者卡片之后。12345678910111213141516171819仅在文章生效，如果需要页面，下面第一行判断加上 ||$this->is('page')phpif($this-is('post')) :?>目录phpendif; ?获取目录在自定义JS文件中添加如下内容，或者你也可以加在assets/js/joe.global.js文件中，记得将joe.global.min.js也同步更新下，如果你使用的是joe.global.js那就不用管了。1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859 ...继续阅读 (166)

今天是大年初五，祝大家新的一年“兔”然发财，“兔”飞猛进。前段时间实现了静态的电影推荐，书籍推荐页面，刚好有人问起这个怎么实现。其实这个butterfly作者制作了一个相关的插件，可以实现自动获取豆瓣的影音等，当然，你也可以像我一样搞成静态滴。引用站外地址hexo-butterfly-doubanjerry新建页面在themes/butterfly/layout/includes/page文件下新建movies.pug文件12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667//- movie page#article-container.author-content-item.like-movie.single.share.card-content.author-content-item-tips=_p('电影')span.author-content-item-title=_p('静下来慢慢')span.inline-word=_p('感受着，')span.author-content-item-title=_p(' ...继续阅读 (177)

远赴人间惊鸿宴，一睹人间盛世言左手牵你，右手拿笔，不负青春不负你以下内容均来自网络，部分语句可能个人有感而发。情山茶花读不懂白玫瑰，北山的风吹不到南山尾，就像我始终也无法理解你的山河万里，抬头是风情万种的人间，闭眼是往昔一年又一年，我们都在变，不是吗无所求，必满载而归花自向阳开，人终往前走最痛苦的就是明明自己是个感性的人，但一直强迫自己理性看待所有事，那感觉就像是在雨中撑着伞，但其实雨淋满身伸手，只需要一瞬间而牵手，却要很多年无论你遇见谁他都是你生命中刚出现的人绝非偶然若无姻缘何以相遇若无相欠怎会相见我讨厌断断续续的聊天和漫无目的的等待幸好思念无声，可惜思念无声这又不是电影，谁会等你三五年可惜这不是电影，我等你三五年，你又怎会晓得你不停翻评论，只是为了找到那个能替你说出故事的人共情能力强的人在当下过得都太痛苦了，主动麻木都变成了一种自我救赎……钱没了可以再挣，工作没了可以再找，朋友没了可以再交，爱情没了可以再找，你生来就一无所有，何惧从头再来。水到绝境是瀑布，人到绝境是重生，半山腰总是很急的，你得努力去山顶看看，人生这道题，怎么选都有遗憾真正的强者，是夜深人静的时候，把心掏出来自己缝缝补补，睡一觉起来又是信心百倍，活着就该逢山开路，遇水架桥，睡前原谅一切，醒来便是重生最心酸的不是文案，而是看评论的人，你不停的翻着评论，只是为了找到那个能替你说出故事的人！时间会筛选身边的人 值得的人 ...继续阅读 (153)

相信很多做一些关于运输，物流方面的项目的时候，总会遇到需要使用地图的时候，目前大部分使用的地图是百度地图和高德地图。但是经过我自己使用之后，发现这两者都各有各自的好处。但是对于我来说，我需要获取路线的长度，时间，路费等多方面具体信息，所以更加倾向于使用高德地图，并且高德地图可添加的途径点数目似乎多于百度地图。下面就是关于如何在vue项目中引入高德地图的步骤。准备使用这些提供的API接口，当然都得申请他们的密钥。首先注册开发者账号，成为高德开发平台开发者，至于具体的注册，大家应该都会，这里我们注册的时候可以直接使用支付宝进行验证，这样子也比较方便快捷。登录刚刚注册的账号点击左侧菜单栏的【应用管理】下面的【我的应用】，然后点击创建右上角的创建新应用，输入应用名称和应用类型，类型根据自己的项目即可（选什么似乎都没有什么影响），点击新建即可。为应用添加Key。输入Key名称，选择自己的项目类型，如果我们的是一般的Web项目，选择Web端(JS API)即可。至于域名白名单就根据自己的要求填写就可以，如果没有限制可以不填写。最后点击确定即可。添加成功后，我们就可以看到我们的Key值了，一个是Key值，一个是安全密钥。注意，如果是在2021年12月02日申请以后的key需要配合您的安全密钥一起使用。安装在项目中按照NPM方式进行安装即可。1npm i @amap/amap-jsapi-load ...继续阅读 (164)

近期做一个关于物流的项目需要实现获取全国的省市区的功能。查阅资料发现element-ui里面直接提供了这样的一个插件，并且发现十分的好用，于是便直接拿来使用了。预览有想体验的小伙伴可以进入Element China Area Data体验。安装在使用插件前必不可少的操作当然是引入插件啦。1npm i element-china-area-data使用在你需要使用的页面中引入相应的模块功能1import { provinceAndCityData, regionData, provinceAndCityDataPlus, regionDataPlus, CodeToText, TextToCode } from 'element-china-area-data'如下是功能模块的功能介绍模块功能介绍provinceAndCityData省市二级联动数据（不带“全部”选项）regionData省市区三级联动数据（不带“全部”选项）provinceAndCityDataPlus省市区三级联动数据（带“全部”选项）regionDataPlus省市区三级联动数据（带“全部”选项）CodeToText大对象，属性是区域码，属性值是汉字，可以将区域码转化成真实地址TextToCode大对象，属性是汉字，属性值是区域码，可以将真实地址转化成区域码“全部”选项绑 ...继续阅读 (170)

成长是缓缓流淌的溪流，悄然地，我们就长大了，学会了勇敢，学会了坚强，也学会了理解和包容。这是我第一次在博客上写下自己的年度总结，一直以来，就没有记录的习惯，自然也就没有年度总结，甚至就算是过年也不会让我感觉和平时有什么区别。但正是博客，让我进一步得到的成长。回忆这一年是不平凡的一年，经历了太多，也感受了太多，总是有着许多想完成的事情，却又总会留下遗憾！但是这又何妨我们继续前行。从年初开始，我就进入了大二下学期了，当时就想着我的大学生活也要过半了，总要让自己不要留下太多了遗憾，但是每天的生活似乎还是照常。上半年过的算是挺艰辛的，但是我又感觉十分的幸运。面对疫情反复突袭，我第一次在学校面临了封校（以前都只是一两个星期），这次突然一封就是两个多月，从开学没有多久几乎封到了学期结束。学生、学校的关系，这并没有给我的生活造成什么麻烦，除了不能堂食，要求戴口罩，每天或者隔一天做核酸，似乎没有什么太大的区别。上半年似乎就这样浑浑噩噩的过去了，其中也做过几次志愿者，似乎没有什么让我回忆的了（可能这就是工科人的感受吧）。下半年回归到了正常的生活，什么似乎都是那么的一样，我对自己的目标变得更加明确了。大三了，大学的生活已经过半，甚至可以说是过了 2/3 了，毕竟大四都在忙自己的生活了。目标很明确，成为一名研究生。其实我对研究生也没有很执着，我并不知道自己是否会想成为研究生，但是似乎这个社会的压力让我不 ...继续阅读 (133)

如下教程学习自尚硅谷杨博超老师的MyBatis-Plus教程条件构造器1.Wrapper介绍Wrapper： 条件构造抽象类，最顶端父类AbstractWrapper： 用于查询条件封装，生成 sql 的 where 条件QueryWrapper： 查询条件封装UpdateWrapper： Update 条件封装AbstractLambdaWrapper： 使用Lambda 语法LambdaQueryWrapper：用于Lambda语法使用的查询WrapperLambdaUpdateWrapper： Lambda 更新封装Wrapper2.QueryWrapper组装查询条件执行SQL：SELECT uid AS id,username AS name,age,email,is_deleted FROM t_user WHERE is_deleted=0 AND (username LIKE ? AND age BETWEEN ? AND ? AND email IS NOT NULL)1234567publicvoidtest01(){//查询用户名包含a，年龄在20到30之间，邮箱信息不为null的用户信息QueryWrapperqueryWrapper =newQueryWrapper();queryWrapper.like("username","a").betw ...继续阅读 (160)

如下教程学习自尚硅谷杨博超老师的MyBatis-Plus教程增删改查1.BaseMapper说明:通用 CRUD 封装BaseMapper 接口，为Mybatis-Plus启动时自动解析实体表关系映射转换为Mybatis内部对象注入容器泛型T为任意实体对象参数Serializable为任意类型主键Mybatis-Plus不推荐使用复合主键约定每一张表都有自己的唯一id主键对象Wrapper为条件构造器MyBatis-Plus中的基本CRUD在内置的BaseMapper中都已得到了实现，因此我们继承该接口以后可以直接使用。本次演示的CRUD操作不包含参数带有条件构造器的方法，关于条件构造器将单独在一个章节进行演示。BaseMapper中提供的CRUD方法：增加：Insert12// 插入一条记录intinsert(T entity);删除：Delete12345678// 根据 entity 条件，删除记录intdelete(@Param(Constants.WRAPPER)Wrapperwrapper);// 删除（根据ID 批量删除）intdeleteBatchIds(@Param(Constants.COLLECTION)Collectionextends SerializableidList);// 根据 ID 删除intdeleteById(Serializable id) ...继续阅读 (149)

如下教程学习自尚硅谷杨博超老师的MyBatis-Plus教程简介MyBatis-Plus (opens new window)（简称 MP）是一个MyBatis (opens new window)的增强工具，在 MyBatis 的基础上只做增强不做改变，为简化开发、提高效率而生。我们的愿景是成为 MyBatis 最好的搭档，就像魂斗罗中的 1P、2P，基友搭配，效率翻倍。特性无侵入：只做增强不做改变，引入它不会对现有工程产生影响，如丝般顺滑损耗小：启动即会自动注入基本 CURD，性能基本无损耗，直接面向对象操作强大的 CRUD 操作：内置通用 Mapper、通用 Service，仅仅通过少量配置即可实现单表大部分 CRUD 操作，更有强大的条件构造器，满足各类使用需求支持 Lambda 形式调用：通过 Lambda 表达式，方便的编写各类查询条件，无需再担心字段写错支持主键自动生成：支持多达 4 种主键策略（内含分布式唯一 ID 生成器 - Sequence），可自由配置，完美解决主键问题支持 ActiveRecord 模式：支持 ActiveRecord 形式调用，实体类只需继承 Model 类即可进行强大的 CRUD 操作支持自定义全局通用操作：支持全局通用方法注入（ Write once, use anywhere ）内置代码生成器：采用代码或者 Maven 插件可快速生成 ...继续阅读 (151)

对于提取主题色，看过生成封面图片主色来作为文章封面顶图的文章，了解了许多，但是由于没有备案等，许多东西都没有办法使用，所以之内另寻他路了。无意中看到了一篇帖子是关于这个的，于是便根据这个，加上Heo的教程，便解决了这个问题。引入工具在使用这个功能之前，就需要引入js了，其实在GitHub上有许多的关于提取图片主题色的项目，但是好像就rgbaster使用的比较好，对于颜色提取更加准确。这里给出地址，大家可以自行看下。引用站外地址提取图片主题色briangonzalez使用这个我们需要引入js，新建themes/butterfly/source/js/rgbaster.min.js1!function(n){"use strict";vart=function(){returndocument.createElement("canvas").getContext("2d")},e=function(n,e){vara=newImage,o=n.src||n;"data:"!==o.substring(0,5)&&(a.crossOrigin="Anonymous"),a.onload=function(){varn=t("2d");n.drawImage(a,0,0);varo=n.getImageData(0,0,a.width,a. ...继续阅读 (149)

说起404界面，其实在很久以前就想搞了，但是对于那时候的我来说，对主题还不是很了解，每次想改源码的时候，就会出现了一堆的报错，然后就是回退不了了之了。目前我主题的魔改基本上都来源于Heo的设计，由于本人学过点前端，所以基本的东西了解点，但就是写不来CSS，所以样式这方面就…在前短时间就有小伙伴在评论区指出希望我可以出一期404界面的魔改。其实好多魔改我都不怎么愿意出的，因为不是自己设计的（不好意思）。但是想了下，其实这个就算做是分享吧（坏笑）。那么就让我们开始吧！修改源码由于需要在404界面添加推荐的文章，那么我们就需要修改源码了，对于修改源码出现了报错等现象，不要惊奇，我们的版本可能不一致我也没有办法了，但是基本上是可以实现的。修改themes/pottery/layout/includes/404.pug文件，直接将整个复制进去，替换原来的12345678910111213141516171819202122232425262728293031323334353637- var top_img = theme.error_404.background || theme.default_top_img- var bg_img = `background-image: url('${url_for(top_img)}')`#body-wrap ...继续阅读 (148)

用了这么久的Butterfly主题了，也对这个主题有了一定的了解了，随着使用的次数增加，对它的要求也就越来越高了，看到别人好多的新功能，就想着自己也应该做些让自己方便的事情了。毕竟博客就是为了方便自己（记笔记、回顾知识等），所以就想着有些自定义的页面，这样自己网站也不会太单调。这篇教程就是针对Butterfly主题如何实现自定义页面的。详解首先，我们需要了解Butterfly主题是怎么识别不同的页面的。当然，你得了解一点点前端的东西，其实就不难理解主题中的每一个文件的作用了。一开始我们是不是不太明白为什么创建友链的时候创建link页面的时候需要加上type: "link"。其实这个就是告诉主题我们这个页面是特殊的页面。打开themes/butterfly/layout/page.pug文件，12345678910111213141516171819202122extends includes/layout.pugblock content#pageif top_img === falseh1.page-title= page.titlecase page.typewhen 'tags'include includes/page/tags.pugwhen 'link'include includes/page/flink.pugwhen &#x ...继续阅读 (163)

已经好久没有更新文章了，鸽了这么久，打算写一篇关于主题的文章吧。正如大家看到，我的页脚是可以实现随机访问一个友链的，其实实现这个功能挺简单的，主要就是读取友链yml文件，将其放入map中，然后每次随机取一个出来就可以了。虽然听起来很简单，但是毕竟好多人不太了解Hexo中自带的函数，所以在实现的时候还是比较困难的，当然这个也不是我自己写的，文章最后会说到。接下来让我们看下实现思路。添加函数在主题下helpers中新建random.js文件，也就是themes/butterfly/scripts/helpers中新建random.js文件123456789101112131415/*** 随机友链*/hexo.extend.filter.register('after_render:html',function(data) {constflinks = []// 获取所有友链链接hexo.locals.get('data').link.map(function(list) {list.link_list.map(function(flink) {flinks.push(flink.link)})})// 随机获取一个友链data +=`var flinks=${JSON.stringif ...继续阅读 (160)

如果你已经看过我以前写的右键菜单功能了，那么这篇教程在食用的时候将会变得十分简单。具体效果自行右键查看。由于本教程需要修改的地方较多，集成度较高，可以自行选择其中部分功能，本教程代码资源来自Heo。步骤新建themes/butterfly/source/custom/rightmenu.js1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871 ...继续阅读 (165)

最近在研究自己的博客的时候，发现自己大部分的资源使用的都是Tianli提供的cdn，一直使用他人的东西总感觉有点不好，所以查了下，发现可以自己发包到npm，这样子就可以使用自己的资源啦，不过有时候不稳定，不过反正是白嫖的，要求就不要那么高啦。注册注册这种东西，说实话只要玩过电脑，注册过一些网站应该都会，这里就不做介绍了吧（其实就是我比较懒！）。注意：jsDelivr+npm 有 100MB 包大小限制发包流程当你注册好了之后就是直接使用啦，还是比较简单的。新建一个文件夹，里面放你需要上传的所有资源文件，新建的文件夹名字随意，这个与后续的发包名字没有任何的关系，只要自己了解就可以了。在新建的文件夹里面使用git bash打开。初始化一个npm仓库1npminit使用如下命令发布。1npmpublish接下来就会让你配置各种信息了，基本信息如下。123456789101112131415161718#npm包名称package name:sarakale-assets#版本号version:1.0.0#描述，可以不写description:我的个人仓库#入口点，默认即可entry point:#测试命令，默认即可test command:#关联的github仓库，也可以不写git repository:#关键词，也可以不写keywords:#作者名author:sarakale#许可证 ...继续阅读 (167)

最近有许多的小伙伴们在魔改的时候发现有的根据教程来并不能形成和博主一样的样式，确实，博主可能比较忙，也比较懒，在写文章的时候，有的样式可能没有说清楚，甚至是直接让大家自己去取，确实不好。于是在这里写一篇文章关于如何正确魔改。开始首先，大家可能发现，博主好多文章都是没有给出样式文件，就算给出了也是缺少了真正的样式，因为博主采用的是变量，所以可能就需要大家自己获取（确实，对于一般人来说都太麻烦了）所以从今天起将文章的样式直接放在文章上，便于大家知晓。123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161 ...继续阅读 (140)

看到了那么多好看的导航栏，感觉Heo的非常的好看，一开始想直接f12取到，但是发现怎么都实现不了，甚至导航栏直接寄了（应该是f12的技能有待提示吧）。没办法，后来也发现了类似的导航栏，借鉴了Eurkon的博客，两者十分的接近，并且实现了。刚好最近有人问导航栏怎么实现的，那么就开始吧！教程修改themes/butterfly/layout/includes/header/nav.pug，直接全部覆盖123456789101112131415161718192021222324252627282930nav#nav#nav-groupspan#blog_namea#site-name(href="/" title="返回博客主页")span JAYHRNspan#page_namea#page-name-text(title=_p("rightside.back_to_top") onclick="btf.scrollToDest(0,500)")span #[=config.title]#menus!=partial('includes/header/menu_item', {}, {cache: true})#hotkeyif (theme.algolia_search.enable || theme.local_sear ...继续阅读 (189)

最近有小伙伴问到能不能出下关于页脚美化的教程，最近忙于数学建模，没有时间，这不今天搞完了，可以继续写写这方面的东西。总的来说，其实这些美化都不是自己的想法（艺术细胞少了），大多数的样式什么的都来自张洪Heo，我感觉他设计的样式十分符合我的审美。本博客基本上就是参照他的博客进行修改的。对于页脚的美化，我基本上全是按照他的来的。教程对于页脚主要的文件在themes/butterfly/layout/includes/footer.pug里面，如果大家想自行魔改的话，完全对这个文件内容进行修改就可以了。页脚的样式大家可以参考本博客就可以了。修改themes/butterfly/layout/includes/footer.pug文件1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677#footer_deala.deal_link(href="" title="mail")i.iconfont.icon-maila.deal_link(href="" title="qq" target="_blank")i.iconfont.icon-qq1a.deal_ ...继续阅读 (155)

前一段时间就看到了即刻短文 | 张洪Heo，一直以来想要有这种可以发一句话的地方，配置过小康的，但是奈何总是卡在分支那一步，总是报错，问过其他人发现都是按照教程就可以配置好，由于这是静态，可能每次发一两句话就要重新部署，对于某些人来说可能不太方便，如果需要可以参照KK Api进行部署，按照文档走基本不会有任何问题。当然这是一篇关于即刻短文的教程，不会就这么结束了，如果你也想拥有Heo版的即刻短文，可以参考如下教程，原教程来自Hexo的Butterfly魔改：即刻短文静态部署版 | 张洪Heo (zhheo.com)，本教程基于原教程进行补充。效果具体效果可以查看即刻短文 |JayHrn - 分享科技与热爱生活魔改步骤创建基本示例数据创建source/_data/essay.yml，内容可以参考如下写法123456789101112-class_name:即刻短文essay_list:-content:用了Heo的即刻短文，很舒服date:2022-08-13-content:Markdown教程推出date:2022-08-12image:https://pic.rmb.bdstatic.com/bjh/965866510655a628f2c37b93846520a93213.png-content:现在即刻短文已经纯本地化部署完成，不再依赖任何第三方服务了date:2022-08 ...继续阅读 (157)

With the development of science and technology, more and more new things appear in front of us, and computers and mobile phones are becoming more and more popular. People are inseparable from the use of computers and mobile phones almost every day. When using these electronic devices, it is unavoidable to use software. This software is developed by software developers using programming languages.Today’s programming languages are becoming more and more diverse, from the machine language at the beginning to the high-level language, from the C language to the Python, GO, etc., these languages are ...继续阅读 (144)

记录关于历年来全国大学生数学建模试题考点2021年—A题二分法，非线性最小二乘，BFGS算法，蒙特卡洛积分2021年—B题问题一：对附件 1 中每种催化剂组合，分别研究乙醇转化率、C4 烯烃的选择性与温度的关系，并对附件 2 中 350 度时给定的催化剂组合在一次实验不同时间的测试结果进行分析。求解方法：回归分析（建议）采用线性回归或非线性回归，画出点拟合出曲线函数相关性分析（温度并不是具有代表性的指标）问题二：探讨不同催化剂组合及温度对乙醇转化率以及 C4 烯烃选择性大小的影响。求解方法：在第一题的基础上，采用控制变量的方法进行求解，根据催化剂成分引起的变化进行线性及非线性的方程构建问题三：如何选择催化剂组合与温度，使得在相同实验条件下C4 烯烃收率尽可能高。若使温度低于 350 度，又如何选择催化剂组合与温度，使得 C4 烯烃收率尽可能高。求解方法：求最大值优化问题（大概使用粒子群算法、模拟退火算法、遗传算法，神经网络算法）问题四：在设计五次实验并给出设计理由求解方法：可以考虑增加不同温度的实验总结：模型：Logistic增长模型，双因素方差分析模型，线性回归，拟合，多元回归，最小二乘法算法：神经网络，粒子群、模拟退火、遗传算法2021年—C题问题一：根据附件 1，对 402 家供应商的供货特征进行量化分析，建立反映保障企业生产 重要性的数学模型，在此基础上确定 50 家最重要 ...继续阅读 (175)

Vue (读音 /vjuː/，类似于view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。——来介绍 — Vue.js (vuejs.org)入门启动Vue我们通过在标签中使用如下代码便可以启动Vue123456789101112{{fullName}}Vue.config.productionTip = false;const vm = new Vue({el: '#app',data: {fullName: 'Jayhrn'},})el表示绑定的是哪个元素，在一个Vue对象中只能绑定一个元素。data表示值，我们可以将返回的值呈现在屏幕上，data的写法有两种，一种是上述的写法，还有一种如下：12345678el:''data(){return{fullname:'',}}第二种一般更为常用，可以适用于组件间的传值，并且函数式的写法可以防止数据被污染（因 ...继续阅读 (133)

最近由于接触数学公式比较多，总是会用到各种各样的公式，又为了快速记录自己学习的东西，于是用MathJax来记录（主要还是因为Word不是很熟悉，同时又是用Markdown来记笔记）自己学习用到的数学公式。苦于自己没有一眼难忘的技能，有时候总是需要去查询某个公式怎么写，有时候没有连接网络还需要去连接网络比较麻烦，索性记录下来便于自己的查询。基本语法行内公式使用$定义，两个$中间书写公式内容块级公式使用两个$定义，左边两个$右边两个$使用方法与上述相同上下标使用^表示上标，使用_表示下标组被一对{}包括的内容就是一组，里面可以是单一的字符，也可以是多个字符，也可以是公式。对于100^10就是$100^10$而不是$100^{10}$，于是我们就需要用{}包括起来10，正确的写法应该是100^{10}括号普通()[]分别直接生成圆括号和方括号。如果需要页面显示{ }，就需要使用\{和\}来生成花括号。但是这样的括号并不能随着内部公式的高度来调整，所以写(\frac{\sqrt{x}} {y})时括号就显得有点装不下了$(\frac{\sqrt{x} } {y})$.使用\left(和\right)能使得括号根据括起来的公式自动调整 ...继续阅读 (164)

Lanchester提出的模型非常简单，他只考虑双方兵力的多少和战斗力的强弱，兵力因战斗减员和非战斗减员而减少，又由后备力量的增援而增加;战斗力即杀伤对方的能力，则与射击率（单位时间的射击次数)、射击命中率以及战争的类型(正规战、游击战）等有关。这些模型当然没有考虑交战双方的政治、经济、社会等因素。而仅靠战场上兵力的优劣是很难估计战争胜负的，所以我们认为用这些模型判断整个战争的结局是不可能的，但是对于局部战役来说或许还有参考价值。更重要的是，建模的思路和方法为我们借助数学模型讨论社会科学领域中的实际问题提供了可以借鉴的示例。一般战争模型模型假设用$x(t)$和$y(t)$表示甲乙交战双方时刻$t$的兵力，不妨视为双方的士兵人数。每一方的战斗减员率取决于双方的兵力和战斗力，用$f(x,y)$和$g(x,y)$表示。每一方的非战斗减员率（由疾病、逃跑等因素引起）与本方的兵力成正比。每一方的增援率是给定的函数，用$u(t)$和$v(t)$表示。模型分析由此可以写出关于$x(t)$，$y(t)$的微分方程为下面针对不同的战争类型讨论战斗减员率$f$、$g$的具体表示形式，并分析影响战斗结局的因素。正规战争模型甲乙双方都用正规部队作战。我们只须分析甲方的战斗减员率$f(x , y)$。甲方士兵公开活动，处于乙方每一个士兵的监视和杀伤范围之内，一旦甲方某个士兵被杀伤，乙方的火力立即集中在其余士 ...继续阅读 (160)