略知三二一

hls播放m3u8 添加header请求头，在请求ts的url上添加参数

使用hls xhr配置项 xhrsetup 方法添加请求头 const hls = new hls({ fragloadingtimeout: 2000 }); hls.on(hls.events.media_attached, () => { // m3u8 播放地址 props.src hls.loadsource(props.src); hls..

Vue3+Vite+Nginx 二级路径部署

vite.config.js export default defineconfig({ base: '/abc/', // 设置打包路径 }) nginx配置文件 location /abc { alias html/abc/; # 这里需要alias index index.html index.htm; try_files $uri $uri/ /a..

element-ui upload组件 on-change事件传自定义参数

项目中有一个功能，要支持同时创建1到多个相同的模块，每个模块对应自己的上传文件，同时文件上传为手动上传。通过 on-change 钩子函数来对每块的文件列表进行控制，需要知道当前操作模块的序号，这就要添加一个index的自定义参数 templateforms = [ {templateid:'',templatecontent:'',f..

Vue3.2 setup语法糖中组件的 name 属性如何定义

方法一新增一个script标签，在这个script标签定义一个name属性（注意多个script使用时 lang的值要一致） <script lang="ts"> export default { name: 'layout' } </script> <script setup lang="ts"> </..

Nginx端口转发端口配置

server{ listen 8081; server_name 192.168.0.1; location /{ proxy_set_header host $host:$server_port; #端口转发端口 proxy_set_header x-real-ip $remote_addr; proxy_set_header x-forwarded-fo..

卸载PM2方法

步骤如下：禁止开机启动: pm2 unstartup 杀死守护程序： pm2 kill 卸载： npm remove pm2 -g 删除所有保存的配置和日志： rm -rf ~/.pm2 重新安装： npm install pm2 -g..

安装nodejs v18时报错GLIBC_2.27

node: /lib64/libm.so.6: version `glibc_2.27' not found (required by node) node: /lib64/libc.so.6: version `glibc_2.25' not found (required by node) node: /lib64/libc.so.6: version ..

117

Nginx根据User Agent动态配置root目录适配移动端

不同的在终端（移动端和pc端）请求同一个url，需要访问两个不同的目录，这个需求通过nginx判断user agent类型来动态配置root目录路径可以方便的实现。 # 根据 user agent 来判断浏览器类型 map $http_user_agent $is_desktop { default 0; ~linux.android|wind..

130

Spring 自带工具类

断言断言是一个逻辑判断，用于检查不应该发生的情况 assert 关键字在 jdk1.4 中引入，可通过 jvm 参数-enableassertions开启 springboot 中提供了 assert 断言工具类，通常用于数据合法性检查 //要求参数object必须为非空（notnull），否则抛出异常，不予放行 //参数 message 参数..

218

CentOS 8.x系统停止维护yum无法使用解决方法

2022年1月1日centos8已经不在维护了,随之自带的yum源也无法使用,yum安装会报错：repository appstream is listed more than once in the configuration repository extras is listed more than once in the configuration 或..

341

阿里云CentOS 8.x系统yum报404的解决方法(Errors during downloading metadata for repository 'appstream':

2022年1月1日起centos官方将不再对centos 8提供服务支持,虽然系统可以正常使用,但centos 8的yum源已经移除无法使用了,使用yum安装会报错：repository extras is listed more than once in the configuration centos linux 8 - appstream errors..

390

js 对象复制

引入 lodash.js _.clone(value)：浅拷贝。浅拷贝只是对指针的拷贝，拷贝后两个指针指向同一个内存空间。 _.clonedeep(value)：深拷贝。深拷贝不但对指针进行拷贝，而且对指针指向的内容进行拷贝，经深拷贝后的指针是指向两个不同地址的指针。 _.defaults(object, [sources])：只对比第一层。给对象添加..

384

FFmpeg的ffprobe参数

435

脱敏替换正则

/** * 用户名 / s.replaceall("(\\s)\\s(\\s)", "$1*$2") /** * 身份证 */ s.replaceall("(\\d{4})\\d{10}(\\w{4})", "$1**$2") / * 手机号 */ s.replaceall("(\\d{3})\\d{4}(\\d{4})", "$1****$2"..

357

Springboot中WebMvcConfigurer中可配置项

import org.springframework.boot.autoconfigure.web.resourceproperties; import org.springframework.boot.autoconfigure.web.servlet.webmvcproperties; import org.springframework.context..

435

CentOS8.0安装OpenJDK 16

551

Spring boot打包后从类路径目录中获取资源列表

private list<string> getresourcefiles(string path) throws ioexception { list<string> filenames = new arraylist<>(); try ( inputstream in = getresourceasstream(pat..

389

element UI中el-row垂直居中

730

Vue2和Vue3在v-for遍历时ref获取dom节点

vue 2 在 vue 2 中，如果给 v-for 绑定一个 ref ，通过这个 ref 可以获取到全部 v-for 的节点。 <div id='app'> <div> <p v-for="item in renderdata" :key="item.name" ref="nodes">{{item.nam..

597

vue使用provide/inject方式解决刷新当前页面问题

当用户进行操作后需要刷新当前局部的页面时，如果使用 location.reload(); 与 this.$router.go(0); 这2种刷新，原理分别是f5类刷新以及跳转至当前页面的刷新，虽然也能刷新，但是会造成当前全部页面刷新。如果用户网络不好时，就会出现空白页面的情况。所以我们需要一种全新的页面刷新方式，局部刷新页面 1.我们先在..

520

HTTP Header中不能传输中文

header中只能传输英文，如果需要传输中文，服务端返回使用urlencoder.encode(“我是汉字”,"utf-8") 进行编码，浏览器端js需要使用decodeuricomponent("待解析字符串", "utf-8")进行解码！..

747

vue2 动态组件

<body> <div id="app"> <div v-for="item in array" :key="item.id"> <component v-if="item.component" :is="item.component"></component> <span v-else&gt..

441

vue中watch监听数组或者对象

1、普通的watch data() { return { frontpoints: 0 } }, watch: { frontpoints(newvalue, oldvalue) { console.log(newvalue) } } 2、数组的watch data() { return { winchips: new array(11).fill(0..

609

vue 3 的watchEffect 使用方法

vue 3composition api 的 watcheffect 方法，初始化就会执行一次，它会自动检测方法内部使用的代码是否有变化，而且不需要传递你要侦听的内容，它会自动感知内容变化，缺点：无法获取之前或当前的数据 <!doctype html> <html lang="en"> <head> &..

499

Nginx image_filter动态缩略图

url 样式：http://域名/tu-${mod}300x300.jpg ps：${mod}表示缩略图裁剪模式，即 resize 或 crop。在站点的 server 模块中新增如下 location 规则： #resize裁剪模式配置 location ~* /(.+)-resize(d+)x(d+).(jpg|gif|png)$ { set $..

581

AWS S3 SDK 2.0删除文件夹

import java.util.arraylist; import java.util.iterator; import software.amazon.awssdk.services.s3.s3client; import software.amazon.awssdk.services.s3.model.*; //... listobjectsreque..

785

S3存储桶策略示例

存储桶策略指定了该策略所附加到的存储桶的访问权限。使用s3 putbucketpolicy api配置存储桶策略。可以根据以下命令使用aws cli配置存储桶策略： > aws s3api put-bucket-policy --bucket examplebucket --policy file://policy.json ..

542

<p>标签和<pre>标签不能互相嵌套

<p>标签内不能嵌套<pre>标签，<pre>标签内也不能嵌套<p>标签。 p标签内不能包含块级元素如果将像下面这样嵌套 <p>1111<pre>2222</pre>3333</p> 执行后会显示为 1111 2222 3333..

866

使用 Jsoup 对 html 进行过滤

import java.util.list; import org.jsoup.jsoup; import org.jsoup.nodes.document; import org.jsoup.nodes.element; import org.jsoup.safety.whitelist; /** * 使用 jsoup 对 html 进行过滤 */ pub..

1478

使用jsoup将html转换为纯文本时保留换行符

使用如下代码将文本转换时 public class newclass { public string notags(string str){ return jsoup.parse(str).text(); } public static void main(string args[]) { string strings="<!doctype html..

2003

共 330 条前往

页

使用hls xhr配置项 xhrsetup 方法添加请求头 const hls = new hls({ fragloadingtimeout: 2000 }); hls.on(hls.events.media_attached, () =&gt; { // m3u8 播放地址 props.src hls.loadsource(props.src); hls..

vite.config.js export default defineconfig({ base: '/abc/', // 设置打包路径 }) nginx配置文件 location /abc { alias html/abc/; # 这里需要alias index index.html index.htm; try_files $uri $uri/ /a..

方法一 新增一个script标签， 在这个script标签定义一个name属性（注意多个script使用时 lang的值要一致） &lt;script lang="ts"&gt; export default { name: 'layout' } &lt;/script&gt; &lt;script setup lang="ts"&gt; &lt;/..

server{ listen 8081; server_name 192.168.0.1; location /{ proxy_set_header host $host:$server_port; #端口转发端口 proxy_set_header x-real-ip $remote_addr; proxy_set_header x-forwarded-fo..

步骤如下： 禁止开机启动: pm2 unstartup 杀死守护程序： pm2 kill 卸载： npm remove pm2 -g 删除所有保存的配置和日志： rm -rf ~/.pm2 重新安装： npm install pm2 -g..

node: /lib64/libm.so.6: version `glibc_2.27' not found (required by node) node: /lib64/libc.so.6: version `glibc_2.25' not found (required by node) node: /lib64/libc.so.6: version ..

2022年1月1日centos8已经不在维护了,随之自带的yum源也无法使用,yum安装会报错：repository appstream is listed more than once in the configuration repository extras is listed more than once in the configuration 或..

2022年1月1日起centos官方将不再对centos 8提供服务支持,虽然系统可以正常使用,但centos 8的yum源已经移除无法使用了,使用yum安装会报错：repository extras is listed more than once in the configuration centos linux 8 - appstream errors..

/** * 用户名 */ s.replaceall("(\\s)\\s(\\s*)", "$1*$2") /** * 身份证 */ s.replaceall("(\\d{4})\\d{10}(\\w{4})", "$1****$2") /** * 手机号 */ s.replaceall("(\\d{3})\\d{4}(\\d{4})", "$1****$2"..

import org.springframework.boot.autoconfigure.web.resourceproperties; import org.springframework.boot.autoconfigure.web.servlet.webmvcproperties; import org.springframework.context..

private list&lt;string&gt; getresourcefiles(string path) throws ioexception { list&lt;string&gt; filenames = new arraylist&lt;&gt;(); try ( inputstream in = getresourceasstream(pat..

vue 2 在 vue 2 中，如果给 v-for 绑定一个 ref ，通过这个 ref 可以获取到全部 v-for 的节点。 &lt;div id='app'&gt; &lt;div&gt; &lt;p v-for="item in renderdata" :key="item.name" ref="nodes"&gt;{{item.nam..

header中只能传输英文，如果需要传输中文，服务端返回使用urlencoder.encode(“我是汉字”,"utf-8") 进行编码，浏览器端js需要使用decodeuricomponent("待解析字符串", "utf-8")进行解码！..

&lt;body&gt; &lt;div id="app"&gt; &lt;div v-for="item in array" :key="item.id"&gt; &lt;component v-if="item.component" :is="item.component"&gt;&lt;/component&gt; &lt;span v-else&gt..

1、普通的watch data() { return { frontpoints: 0 } }, watch: { frontpoints(newvalue, oldvalue) { console.log(newvalue) } } 2、数组的watch data() { return { winchips: new array(11).fill(0..

url 样式：http://域名/tu-${mod}300x300.jpg ps：${mod}表示缩略图裁剪模式，即 resize 或 crop。 在站点的 server 模块中新增如下 location 规则： #resize裁剪模式配置 location ~* /(.+)-resize(d+)x(d+).(jpg|gif|png)$ { set $..

import java.util.arraylist; import java.util.iterator; import software.amazon.awssdk.services.s3.s3client; import software.amazon.awssdk.services.s3.model.*; //... listobjectsreque..

存储桶策略指定了该策略所附加到的存储桶的访问权限。 使用s3 putbucketpolicy api配置存储桶策略。 可以根据以下命令使用aws cli配置存储桶策略： &gt; aws s3api put-bucket-policy --bucket examplebucket --policy file://policy.json ..

&lt;p&gt;标签内不能嵌套&lt;pre&gt;标签，&lt;pre&gt;标签内也不能嵌套&lt;p&gt;标签。 p标签内不能包含块级元素 如果将像下面这样嵌套 &lt;p&gt;1111&lt;pre&gt;2222&lt;/pre&gt;3333&lt;/p&gt; 执行后会显示为 1111 2222 3333..

import java.util.list; import org.jsoup.jsoup; import org.jsoup.nodes.document; import org.jsoup.nodes.element; import org.jsoup.safety.whitelist; /** * 使用 jsoup 对 html 进行过滤 */ pub..

使用如下代码将文本转换时 public class newclass { public string notags(string str){ return jsoup.parse(str).text(); } public static void main(string args[]) { string strings="&lt;!doctype html..

使用hls xhr配置项 xhrsetup 方法添加请求头 const hls = new hls({ fragloadingtimeout: 2000 }); hls.on(hls.events.media_attached, () => { // m3u8 播放地址 props.src hls.loadsource(props.src); hls..

方法一新增一个script标签，在这个script标签定义一个name属性（注意多个script使用时 lang的值要一致） <script lang="ts"> export default { name: 'layout' } </script> <script setup lang="ts"> </..

步骤如下：禁止开机启动: pm2 unstartup 杀死守护程序： pm2 kill 卸载： npm remove pm2 -g 删除所有保存的配置和日志： rm -rf ~/.pm2 重新安装： npm install pm2 -g..

/** * 用户名 / s.replaceall("(\\s)\\s(\\s)", "$1*$2") /** * 身份证 */ s.replaceall("(\\d{4})\\d{10}(\\w{4})", "$1**$2") / * 手机号 */ s.replaceall("(\\d{3})\\d{4}(\\d{4})", "$1****$2"..

private list<string> getresourcefiles(string path) throws ioexception { list<string> filenames = new arraylist<>(); try ( inputstream in = getresourceasstream(pat..

vue 2 在 vue 2 中，如果给 v-for 绑定一个 ref ，通过这个 ref 可以获取到全部 v-for 的节点。 <div id='app'> <div> <p v-for="item in renderdata" :key="item.name" ref="nodes">{{item.nam..

<body> <div id="app"> <div v-for="item in array" :key="item.id"> <component v-if="item.component" :is="item.component"></component> <span v-else&gt..

url 样式：http://域名/tu-${mod}300x300.jpg ps：${mod}表示缩略图裁剪模式，即 resize 或 crop。在站点的 server 模块中新增如下 location 规则： #resize裁剪模式配置 location ~* /(.+)-resize(d+)x(d+).(jpg|gif|png)$ { set $..

存储桶策略指定了该策略所附加到的存储桶的访问权限。使用s3 putbucketpolicy api配置存储桶策略。可以根据以下命令使用aws cli配置存储桶策略： > aws s3api put-bucket-policy --bucket examplebucket --policy file://policy.json ..

<p>标签内不能嵌套<pre>标签，<pre>标签内也不能嵌套<p>标签。 p标签内不能包含块级元素如果将像下面这样嵌套 <p>1111<pre>2222</pre>3333</p> 执行后会显示为 1111 2222 3333..

使用如下代码将文本转换时 public class newclass { public string notags(string str){ return jsoup.parse(str).text(); } public static void main(string args[]) { string strings="<!doctype html..