Vue生命周期解析及相应事件
|
1 2 3 4 5 6 7 |
生命周期： Vue是一个构造函数，当执行这个函数时，相当于初始化vue实例； 在创建实例过程中，需要设置数据监听，编译模板，将实例挂载到DOM上，数据更新能够让DOM也更新， 而在这个初始化过程中，Vue又会在不同阶段默认调用一些函数执行，这些函数就是生命周期的钩子函数； |
首先我们来结合Vue官方提供的图看一下Vue生命周期到底发生了些啥 beforeCreate data和methods未初始化(loading事件) created（已创建） data、methods初始化完成，如果调用数据或方法最早只能在created中操作 此时拿不到DOM元素 (后台数据请求和耗时操作) beforeMount vue模板已经在内存中渲染好了，但还没有挂载到页面中，此时页面还是旧的 （render 被初次调用用于生成虚拟dom） mounted（已安装） 页面和内存的数据已经同步， 只要执行完mounted，就表示整个Vue实例已经初始化完毕。 (dom树已渲染到页面，最早可以在mounted中操作DOM) beforeUpdate 页面中显示的数据是旧的，data的数据已经是最新的，页面显示未和数据同步。 （data的数据发生改变会执行这个钩子） update（已更新） 更新DOM完成,页面数据更新 （执行依赖于 DOM 的操作。每次进行数据更新时updated都会执行） beforeDestroy 实例数据还都是可用状态 （确认删除XX吗？） Destroyed 组件已经销毁不可用 （执行一些优化操作,清空定时器。） from:https://blog.csdn.net/qq_42504266/article/details/121881711
View DetailsHTTP 请求
HTTP1.0 定义了三种请求方法： GET, POST 和 HEAD 方法。
HTTP1.1 新增了六种请求方法：OPTIONS、PUT、PATCH、DELETE、TRACE 和 CONNECT 方法。
关于thymeleaf中th:if的使用
运用于判断表达式中时，关系判断使用 gt / ge / eq / lt / le / ne (即：使用缩写)
|
1 2 3 4 5 6 |
gt: great than（大于）> ge： great equal（大于等于）>= eq： equal（等于）== lt： less than（小于）< le： less equal（小于等于）<= ne： not equal（不等于）!= |
以th:if为例
|
1 2 3 4 5 |
<td th:if="${prj.DOC_DESC} ne null"> <!--此处ne若是换成not equal或者！=,则会js判断错误，无法正常执行--> <a th:href="#">下载</a> <a th:href="#">预览</a> </td> |
from:https://www.cnblogs.com/dream-by-dream/p/11728693.html
View DetailsThymeleaf教程（10分钟入门）
Thymeleaf 是一款用于渲染 XML/XHTML/HTML5 内容的模板引擎。它与 JSP，Velocity，FreeMaker 等模板引擎类似，也可以轻易地与 Spring MVC 等 Web 框架集成。与其它模板引擎相比，Thymeleaf 最大的特点是，即使不启动 Web 应用，也可以直接在浏览器中打开并正确显示模板页面 。 1. Thymeleaf 简介 Thymeleaf 是新一代 Java 模板引擎，与 Velocity、FreeMarker 等传统 Java 模板引擎不同，Thymeleaf 支持 HTML 原型，其文件后缀为“.html”，因此它可以直接被浏览器打开，此时浏览器会忽略未定义的 Thymeleaf 标签属性，展示 thymeleaf 模板的静态页面效果；当通过 Web 应用程序访问时，Thymeleaf 会动态地替换掉静态内容，使页面动态显示。 Thymeleaf 通过在 html 标签中，增加额外属性来达到“模板+数据”的展示方式，示例代码如下。
|
1 2 3 4 5 6 7 8 9 10 11 |
<!DOCTYPE html> <html lang="en" xmlns:th="http://www.thymeleaf.org"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <!--th:text 为 Thymeleaf 属性，用于在展示文本--> <h1 th:text="迎您来到Thymeleaf">欢迎您访问静态页面 HTML</h1> </body> </html> |
当直接使用浏览器打开时，浏览器展示结果如下。
|
1 |
欢迎您访问静态页面HTML |
当通过 Web 应用程序访问时，浏览器展示结果如下。
|
1 |
迎您来到Thymeleaf |
Thymeleaf 的特点 Thymeleaf 模板引擎具有以下特点： 动静结合：Thymeleaf 既可以直接使用浏览器打开，查看页面的静态效果，也可以通过 Web 应用程序进行访问，查看动态页面效果。 开箱即用：Thymeleaf 提供了 Spring 标准方言以及一个与 SpringMVC 完美集成的可选模块，可以快速的实现表单绑定、属性编辑器、国际化等功能。 多方言支持：它提供了 Thymeleaf 标准和 Spring 标准两种方言，可以直接套用模板实现 JSTL、 OGNL 表达式；必要时，开发人员也可以扩展和创建自定义的方言。 与 SpringBoot 完美整合：SpringBoot 为 Thymeleaf 提供了的默认配置，并且还为 Thymeleaf 设置了视图解析器，因此 Thymeleaf 可以与 Spring Boot 完美整合。 2. Thymeleaf 语法规则 在使用 Thymeleaf 之前，首先要在页面的 html 标签中声明名称空间，示例代码如下。
|
1 |
xmlns:th="http://www.thymeleaf.org" |
[…]
View DetailsHTTP协议的四种传参方式
1.path info传参 /articles/12 (查询id为12的文章，12是参数)
2.URL Query String传参 /articles?id=12
3.1.Body 传参 Content-Type: multipart/form-data
3.2.Body 传参 Content-Type: application/json，或其他自定义格式
4.Headers 传参 @RequestHeader
JSAPI支付返回： JSAPI缺少参数total_fee
请根据以下几点排查问题： 1）package参数格式错误，package参数格式应该是这样： package:"prepay_id=wx201410272009395522657a690389285100" 2）package参数没有获取，返回null。 3）请检查预支付会话标识prepay_id是否已失效 4）请求的appid与下单接口的appid是否一致 5）微信支付金额为“分”，不能有小数点 6）预支付ID为空（1、金额为空 2、订单编号重复 3、订单编号为空） from:https://developers.weixin.qq.com/community/develop/doc/000eca8d8143a080bacbecfd351009?_at=1592533462553
View DetailsVS2022 安装 .NET Framework 4.0 和 .NET Framework 4.5 的方法
2022年5月27日，刚刚把VS2019升级到了VS2022，安装时已经不提供.NET Framework 4.0和.NET Framework 4.5的目标框架了，打开VS也提示不支持目标框架。
View DetailsSpringBoot 配置文件中 @profileActive@
@profileActive@ 是配合 maven profile 进行选择不同配置文件进行开发 application.properties 中配置
|
1 |
spring.profiles.active=@profileActive@ |
pom 中配置
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
<profiles> <profile> <id>dev</id> <properties> <profileActive>dev</profileActive> </properties> <activation> <activeByDefault>true</activeByDefault> </activation> </profile> <profile> <id>prod</id> <properties> <profileActive>prod</profileActive> </properties> </profile> </profiles> |
打包命令
|
1 2 |
mvn package -P dev -DskipTests mvn package -P prod -DskipTests |
from:https://blog.csdn.net/thebigdipperbdx/article/details/106761805
View DetailsCentos安装openjdk
转载自：https://blog.csdn.net/youzhouliu/article/details/51183115 openjdk在linux各个平台下安装源中可以找到。 命令查找安装源中有什么版本：
|
1 |
yum search java | grep -i --color JDK |
此处只需要安装jdk1.8，所以安装包命令如下
|
1 |
yum install java-1.8.0-openjdk java-1.8.0-openjdk-devel #安装openjdk |
默认安装位置：/usr/lib/jvm/
|
1 2 3 4 5 |
vim ~/.bashrc export JAVA_HOME=/usr/lib/jvm/java-1.8.0-openjdk-1.8.0.222.b10-0.el7_6.x86_64 export CLASSPATH=.:$JAVA_HOME/lib/dt.jar:$JAVA_HOME/lib/tools.jar export PATH=.:$JAVA_HOME/bin:$PATH source ~/.bashrc |
from:https://www.cnblogs.com/javalinux/p/15883849.html
View DetailsLinux下"无法执行SCP开始传输"解决方法
无法执行SCP开始传输。请确认SCP安装在服务器并且它的路径包括在PATH中。你也可以尝试SFTP代替SCP。
命令失败并返回127
用root账户安装openssh-clients即可解决该问题
View Details