编写H5网页的时候，希望有个关闭按钮，可以关闭当前页面，其实也就是将当前网页返回到上一个页面(如果没有上一个页面，自然也就是退出到空白页面了) 这个功能应该很简单，只要使用或者就可以实现，不过遇到一个问题是，如果当前页面是在微信中打开，上面的功能就不能用了。 起始微信中可以调用微信自定义的函数来实现（），不过在非微信中可能就需要特别检查下，不然会报错： 代码如下： function fnClose(){ history.back(); // 普通H5网页后退 // 微信中关闭 if(window.WeixinJSB…
前言 最近在一次理解vue项目的代码时，发现周一对好多API都不太熟悉。这间接导致的问题是，代码理解速度要比平常要慢很多。于是乎，赶忙把vue API的学习提上了日程。 在下面的文章中，将地板式地扫盲vue3文档中API模块的所有内容，融入周一的理解进行深入介绍。下面就来一起看看吧~🍬 一、框架搭建 1、关于文档 首先附上官方文档的具体材料：cn.vuejs.org/api/ 2、VUE3 API整体盘点 在vue3的全新API中，有部分在vue2的基础上沿用了。还有另外一部分，是vue3所新增加的。我们先来看vu…
在网上看很多文章都在说自定义注解的语法，这谁不会，我要的是怎么在项目中用，什么时候自定义，如果你是这样的需求这篇文章一定可以满足你！老样子，文章很长很舒服，建议收藏反复阅读！喜欢记得点赞哦~ 本文章会从以下几点全面讲解Java注解： 注解概念和分类 自定义注解 通过SpringBoot + AOP实现 2个 自定义注解的应用案例 案例的深入优化，以及Spring框架中的相同注解源码 Java8重复注解和类型注解 从JDK5刚推出注解，到Java8的重复注解全面介绍Java注解的所有知识点，看完本篇文章你将会： 知道…
vchats的图例，有时候根据设计的需要，不一定用原来默认的位置，例如可能摆在图表的左边或者右边，也可能需要修改图例的颜色、文字等等，在vchart中是通过extend来设定的，示例如下： <VePie style="" :data="chartData" :extend="chartExtend"></VePie> chartExtend的内容如下(主要是legend的配置)： chartExtend: { legend: { top: 45, // 距离上边界的地址 show: true…
之前的文章有介绍利用Puppeteer部署Docker，生成截图，详见：https://blog.terrynow.com/2022/10/29/use-node-puppeteer-docker-mingalevme-screenshoter-as-service-to-fullscreen-screenshot-and-support-chinese/，不过并不能生成PDF，本次介绍另一个Docker镜像，是生成PDF的。 镜像地址是: https://hub.docker.com/r/hmtx/puppete…
在使用vcharts做饼图或者环形图的时候，因为需要调整图例的位置，导致饼图或者环形图本身的位置需要调整。 vchart中使用extend属性来设置： <VePie style="" :data="chartData" :extend="chartExtend"></VePie> chartExtend内容如下： chartExtend: { series: { center: ['20%', '25%'], symbolSize: 10, label: { show: false } } …
Puppeteer 是 Headless Chrome 的 Node.js 封装。通过它可方便地对页面进行截图，或者保存成 PDF。 镜像的设置 因为其使用了 Chromium，其源在 Google 域上，最好设置一下 npm 从国内镜像安装，可解决无法安装的问题。 推荐在项目中放置 .npmrc 或 .yarnrc 文件来进行镜像的设置，这样设置只针对项目生效，不影响其他项目，同时其他人不用重复在本地设置。 这是一个整理好的 .npmrc 文件，如果使用的是 yarn，对应的 .yarnrc 文件。也可通过如下命…
一、前言 策略模式可能是在工作中使用最多的，也是在面试中最常提到的，代码重构和优化的必备！小编之前也是一直说，其实没有真正的实战；最近有了机会实战了一下，来分享一下使用心得和在企业级的使用！ 二、策略模式 1. 什么是策略模式 策略模式，英文全称是 Strategy Design Pattern。在 GoF 的《设计模式》一书中，它是这样定义的： 定义一族算法类，将每个算法分别封装起来，让它们可以互相替换。策略模式可以使算法的变化独立于使用它们的客户端（这里的客户端代指使用算法的代码）。 2. 策略模式结构组成 S…
1. 前景 在使用Springboot时，通常很多信息都是在application.yml中直接明文配置的，比如数据库链接信息，redis链接信息等等。有些公司的场景可能需要对配置文件进行加密，防止部署操作人员接触数据句的重要信息，所以需要对敏感数据进行加密。 Jasypt这个库为我们解决了这个问题，实现了springboot配置的自定义加密加密。 2. 开源项目介绍 https://github.com/ulisesbocchio/jasypt-spring-boot 2.1 引入依赖 <propertie…
vue使用使用vchart，如果要统计两个维度，可以让Y轴左右各显示两个维度，例如： <VeHistogram :data="chartData" :settings="chartSettings" :extend="chartExtendBar"></VeHistogram> this.chartData = { columns: ['班级类型', '已开班级数', '已培训人次'], rows: [{'班级类型':'A班', '已开班级数': 5, '已培训人次': 2000}, {'班…
