jsDelivr

我是阿福，公众号「阿福聊编程」作者， 一个在后端技术路上摸盘滚打的程序员 ，在进阶的路上，共勉！ 文章已收录在 JavaSharing 中，包含Java技术文章，面试指南，资源分享。 明显的下载失败 具体表现 在Maven仓库中如果看到jar包或其他相关文件是以“lastUpdated”作为扩展名结尾，说明jar包或其他相关文件下载失败。 原因分析 Maven在下载jar包的过程中，文件会以lastUpdated作为临时扩展名。文件下载完成后，Maven会将“lastUpdated”扩展名去掉。 如果下载一半连不上网，导致下载失败，那么Maven就放任文件保持临时扩展名“lastUpdated”不管。 当我们下一次强制要求Maven重新下载jar包时候，Maven看到这个文件以“lastUpdated”结尾，那么Maven就会无视“下载”命令。 所以对于以“lastUpdated”为扩展名的文件需要手动删除，然后再让Maven重新下载。 解决方案 基本做法：删除以“lastUpdated”结尾的文件，重新下载。 问题：Maven仓库使用一段时间后，以“lastUpdated”结尾的文件会非常多，手动删除不现实。 正确做法：借助<code>clearLastUpdated.bat</code>脚本文件批量处理。 clearLastUpdated.bat文件设置 第一步

atum主题部署文档 自周三发布的博客园主题1.0版本赢得得广大博友的好评，但同时该主题也存在一些小瑕疵，这个版本主要是根据atum1.0版本以及各博友的建议做了一些升级改动，改动后重新打包发布atum1.1版本。博主在接下来的版本迭代中也会不断加入更多符合博友方便使用的各种新特性。好了，接下是atum1.1主题的部署详情。 介绍 一款由VUE打造的简约型博客主题，兼容各大主流浏览器，响应式设计，PC、平板、手机等均可正常浏览。 特性 响应式设计，兼容手机端浏览器。 提供多种配置信息，方便各类用户进行个人定制化。 部署文档十分详细且部署快捷。 主题整体偏向简约、无太多不必要的特效画面、偏向于阅读型博客。 请求局部HTML刷新，实现全站无刷新式加载。 该版本主要改进 相对于atum1.0需要的blogAcc、blogId等参数的必须配置，该版本采用自动配置特性，即做到了 所有属性无必须配置 ，做到了 按需配置 的特性。 中央面板新增滚动条辅助，改进了能够快速进入页底或页顶的阅读体验。 修改博客文章标题右侧眼睛图标为放大图标，点击可进行全屏沉浸式阅读文章，加强阅读体验。 调整分页显示，修改为分页页数在下，分页内容在上。 调整各处内容过长导致内容溢出或换行问题。 急速部署 前提：已经开通 js 权限，没开通的可以向博客园官方申请开通。 前提：对于随笔发布请不要设置EntryName属性。

atum主题部署文档 自周三发布的博客园主题1.0版本赢得得广大博友的好评，但同时该主题也存在一些小瑕疵，这个版本主要是根据atum1.0版本以及各博友的建议做了一些升级改动，改动后重新打包发布atum1.1版本。博主在接下来的版本迭代中也会不断加入更多符合博友方便使用的各种新特性。好了，接下是atum1.1主题的部署详情。 介绍 一款由VUE打造的简约型博客主题，兼容各大主流浏览器，响应式设计，PC、平板、手机等均可正常浏览。 特性 响应式设计，兼容手机端浏览器。 提供多种配置信息，方便各类用户进行个人定制化。 部署文档十分详细且部署快捷。 主题整体偏向简约、无太多不必要的特效画面、偏向于阅读型博客。 请求局部HTML刷新，实现全站无刷新式加载。 该版本主要改进 相对于atum1.0需要的blogAcc、blogId等参数的必须配置，该版本采用自动配置特性，即做到了 所有属性无必须配置 ，做到了 按需配置 的特性。 中央面板新增滚动条辅助，改进了能够快速进入页底或页顶的阅读体验。 修改博客文章标题右侧眼睛图标为放大图标，点击可进行全屏沉浸式阅读文章，加强阅读体验。 调整分页显示，修改为分页页数在下，分页内容在上。 调整各处内容过长导致内容溢出或换行问题。 急速部署 前提：已经开通 js 权限，没开通的可以向博客园官方申请开通。 前提：对于随笔发布请不要设置EntryName属性。

Bean的执行流程图 Spring中Bean 的完整生命周期，在学习Spring 框架的时候，理解Spring的Bean的管理的非常重要，下图是Spring的Bean构造的全过程： Bean 的生命周期 Spring启动，查找并加载需要被Spring管理的bean，进行Bean的实例化 Bean实例化后对将Bean属性注入值 如果Bean实现了BeanNameAware接口的话，Spring将调用setBeanName()方法，将Bean的id 传进来 如果Bean实现了BeanFactoryAware接口的话，Spring将调用setBeanFactory()方法，将BeanFactory容器实例传进来 如果Bean实现了ApplicationContextAware接口的话，Spring将调用Bean的setApplicationContext()方法，将bean所在应用上下文引用传进来。 如果Bean实现了BeanPostProcessor接口，Spring就将调用他们的BeanPostProcessor.postProcessBeforeInitialization()方法 如果Bean中方法标注注解@PostConstruct，就执行该方法 如果Bean 实现了InitializingBean接口，Spring将调用他们的InitializingBean

atum主题部署文档 自周三发布的博客园主题1.0版本赢得得广大博友的好评，但同时该主题也存在一些小瑕疵，这个版本主要是根据atum1.0版本以及各博友的建议做了一些升级改动，改动后重新打包发布atum1.1版本。博主在接下来的版本迭代中也会不断加入更多符合博友方便使用的各种新特性。好了，接下是atum1.1主题的部署详情。 介绍 一款由VUE打造的简约型博客主题，兼容各大主流浏览器，响应式设计，PC、平板、手机等均可正常浏览。 特性 响应式设计，兼容手机端浏览器。 提供多种配置信息，方便各类用户进行个人定制化。 部署文档十分详细且部署快捷。 主题整体偏向简约、无太多不必要的特效画面、偏向于阅读型博客。 请求局部HTML刷新，实现全站无刷新式加载。 该版本主要改进 相对于atum1.0需要的blogAcc、blogId等参数的必须配置，该版本采用自动配置特性，即做到了 所有属性无必须配置 ，做到了 按需配置 的特性。 中央面板新增滚动条辅助，改进了能够快速进入页底或页顶的阅读体验。 修改博客文章标题右侧眼睛图标为放大图标，点击可进行全屏沉浸式阅读文章，加强阅读体验。 调整分页显示，修改为分页页数在下，分页内容在上。 调整各处内容过长导致内容溢出或换行问题。 急速部署 前提：已经开通 js 权限，没开通的可以向博客园官方申请开通。 前提：对于随笔发布请不要设置EntryName属性。

atum主题部署文档 自周三发布的博客园主题1.0版本赢得得广大博友的好评，但同时该主题也存在一些小瑕疵，这个版本主要是根据atum1.0版本以及各博友的建议做了一些升级改动，改动后重新打包发布atum1.1版本。博主在接下来的版本迭代中也会不断加入更多符合博友方便使用的各种新特性。好了，接下是atum1.1主题的部署详情。 介绍 一款由VUE打造的简约型博客主题，兼容各大主流浏览器，响应式设计，PC、平板、手机等均可正常浏览。 特性 响应式设计，兼容手机端浏览器。 提供多种配置信息，方便各类用户进行个人定制化。 部署文档十分详细且部署快捷。 主题整体偏向简约、无太多不必要的特效画面、偏向于阅读型博客。 请求局部HTML刷新，实现全站无刷新式加载。 该版本主要改进 相对于atum1.0需要的blogAcc、blogId等参数的必须配置，该版本采用自动配置特性，即做到了 所有属性无必须配置 ，做到了 按需配置 的特性。 中央面板新增滚动条辅助，改进了能够快速进入页底或页顶的阅读体验。 修改博客文章标题右侧眼睛图标为放大图标，点击可进行全屏沉浸式阅读文章，加强阅读体验。 调整分页显示，修改为分页页数在下，分页内容在上。 调整各处内容过长导致内容溢出或换行问题。 急速部署 前提：已经开通 js 权限，没开通的可以向博客园官方申请开通。 前提：对于随笔发布请不要设置EntryName属性。

1 Vue介绍 伟大的项目是从Hello World而来的，Hello World尽管没有什么实际性的作用，但是在于意义重大。（哈哈哈哈） 好了不废话了入正题。 Vue是一套用于构建用户界面的渐进式JS框架，与其他大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue也完成能够为复杂的单网页应用提供驱动。 2 Hello World 最简单的Hello World是通过 <script> 引入 vue.js ： <!-- 开发环境版本 --> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <!-- 生产环境版本 --> <script src="https://cdn.jsdelivr.net/npm/vue"></script> 开发环境包含了有帮助的命令行警告，而生产环境版本进行了压缩，优化了尺寸以及速度。 下一步直接创建一个html： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device

VUE课程---5、vue devtools 一、总结 一句话总结： vue devtools作用：vue devtools是vue的开发工具，可以很方便的检测出vue中间数据的变化 vue devtools注意：vue devtools在vue的开发环境（vue.js）中才可以用，生产环境（vue.min.js）中不可用 二、vue devtools 博客对应课程的视频位置：5、vue devtools https://www.fanrenyi.com/video/26/222 1 <! DOCTYPE html > 2 < html lang ="en" > 3 < head > 4 < meta charset ="UTF-8" > 5 < title > vue devtools </ title > 6 </ head > 7 < body > 8 <!-- 9 10 vue devtools使用注意 11 vue devtools在vue的开发环境（vue.js）中才可以用，生产环境（vue.min.js）中不可用 12 13 --> 14 < div id ="app" > 15 < input type ="text" v-model ="msg2" > 16 < div > {{msg2}} </ div > 17 </ div > 18 <!-- <script

Hexo作为纯静态博客最大的优点就是快，但要真正的快起来你可能需要做这些事情。 CDN加速 这里只是针对第三方静态文件的加速，修改 Next 主题配置文件 _config.yml 如下： #! --------------------------------------------------------------- # ! DO NOT EDIT THE FOLLOWING SETTINGS # ! UNLESS YOU KNOW WHAT YOU ARE DOING # ! See: https: // theme-next.org/docs/advanced-settings #! --------------------------------------------------------------- # Script Vendors. Set a CDN address for the vendor you want to customize. # Be aware that you would better use the same version as internal ones to avoid potential problems. # Remember to use the https protocol of CDN files when you

computed属性 在模板中使用表达式是非常方便直接的，然而这只适用于简单的操作。在模板中放入太多的逻辑，会使模板过度膨胀和难以维护。例如： <div id="example"> {{ message.split('').reverse().join('') }} </div> 在这个地方，模板不再简洁和如声明式直观。你必须仔细观察一段时间才能意识到，这里是想要显示变量 message 的翻转字符串。当你想要在模板中多次引用此处的翻转字符串时，就会更加难以处理。 这就是为什么对于所有复杂逻辑，你都应该使用 computed 属性 (computed property)。 基础实例　　 <body> <div id="example"> <p>初始message是："{{message}}"</p> <p>计算后的翻转message是："{{reversedMessage}}"</p> </div> <script src="https://cdn.jsdelivr.net/npm/vue"></script> <script> var vm = new Vue({ el: '#example', data: { message: 'Hello' }, computed: { // 一个computed属性的getter函数 reversedMessage: function ()