第一页 上页 1 2 3 4 5 6 7 8 9 10 下页 最后页 [ 显示模式: 摘要 | 列表 ]

Object.getOwnPropertyNames()

[不指定 2023/08/28 16:29 | by 刘新修 ]

 

JavaScript代码
  1. // 类数组对象  
  2. const obj = { 0: "a", 1: "b", 2: "c" };  
  3. console.log(Object.getOwnPropertyNames(obj).sort());  
  4. // ["0", "1", "2"]  
  5.   
  6. Object.getOwnPropertyNames(obj).forEach((val, idx, array) => {  
  7.     console.log(`${val} -> ${obj[val]}`);  
  8. });  

 

js比较俩个对象是否相等

[不指定 2023/08/28 15:20 | by 刘新修 ]

一、使用Object.getOwnPropertyNames()

该方法和Object.keys()功能一样,不同的地方在于Object.getOwnPropertyNames返回对象本身全部的属性,而Object.keys返回对象自身的(不含继承的)所有可枚举属性(不含Symbol属性)(即返回enumerable为false的属性)

共同点是俩者都不会返回自身原型链上的属性。

JavaScript代码
  1. var obj = {"name":"liuxinxiu","age":18,"info":"1234"}  
  2. var obj2 = obj;  
  3. var obj3 = {"name":"liuxinxiu","age":18,"info":"123"}  
  4. function checkInfo(obj1, obj2){  
  5.     //判断是否指向同一内存  
  6.     if (obj1 === obj2) return true;  
  7.     let bankInfo = Object.getOwnPropertyNames(obj1),  
  8.         oldBankInfo = Object.getOwnPropertyNames(obj2)  
  9.   
  10.     //判断长度不相同直接返回不同  
  11.     if(bankInfo.length !== oldBankInfo.length) return false  
  12.    
  13.     for(let i=0,max=bankInfo.length; i<max; i++){  
  14.         let prop_name = bankInfo[i]  
  15.         if(obj1[prop_name] !== obj2[prop_name]){  
  16.             return false  
  17.         }  
  18.     }  
  19.     return true  
  20. }  
  21. console.log(checkInfo(obj,obj3))  

二、使用Object.keys()或者Object.entries().toString()

Object.keys()是将对象中键先取出来组成数组,然后先比较键。而后通过键在比较值

Object.entries()是将键和值分别组成俩个数组。然后使用toString将键值数组转化为字符串去比较

JavaScript代码
  1.    
  2. checkInfo() {  
  3.     // object.keys  
  4.     let bankInfo = Object.keys(this.params.bankInfo),  
  5.         oldBankInfo = Object.keys(this.params.oldBankInfo)  
  6.     if (oldBankInfo.length !== bankInfo.length) return false  
  7.     for (let i = 0; i <= bankInfo.length - 1; i++) {  
  8.         let key = bankInfo[i];  
  9.         if (!oldBankInfo.includes(key)){  
  10.             return false  
  11.         }   
  12.         if (this.params.oldBankInfo[key] !== this.params.bankInfo[key]){  
  13.             return false  
  14.         }   
  15.     }  
  16.    
  17.     // object.entries  
  18.     console.log(Object.entries(this.params.bankInfo).toString() === Object.entries(this.params.oldBankInfo).toString()) //true  
  19.     console.log(Object.entries(this.params.bankInfo).toString())  //accountType,2,nationality,CHN,bankName,,bankCode,  
  20.     console.log(Object.entries(this.params.oldBankInfo).toString()) //accountType,2,nationality,CHN,bankName,,bankCode,  
  21.    
  22. }  

三、使用JSON.stringify()或。适用于俩个对象属性顺序相同

JavaScript代码
  1. let bankInfo = {  
  2.     accountType : 2,  
  3.     nationality:'CHN',  //国籍  
  4.     bankName : '',      //银行名称  
  5.     bankCode : '',      //银行code  
  6. }  
  7. let oldBankInfo = {  
  8.     accountType : 2,  
  9.     nationality:'CHN',  //国籍  
  10.     bankName : '',      //银行名称  
  11.     bankCode : '',      //银行code  
  12. }  
  13.    
  14. let flag2 = JSON.stringify(bankInfo) == JSON.stringify(oldBankInfo)  
  15. console.log(flag2)  

 

shell(bash)替换字符串大全

[不指定 2023/08/16 11:13 | by 刘新修 ]

1. 替换(只替换一个)

varrB=${varA/str1/str2}

C#代码
  1. $ var="AAAszip_BBB.zip";var2=${var/zip/ZIP};echo $var2};  
  2. AAAsZIP_BBB.zip  
  3. $ var="AAAszip_BBB.zip";var2=${var/.zip/.ZIP};echo $var2;  
  4. AAAszip_BBB.ZIP  

2. 替换(替换所有)

varB=${varA//str1/str2}

C#代码
  1. $ var="AAAszip_BBB.zip";var2=${var//zip/ZIP};echo $var2;  
  2. AAAsZIP_BBB.ZIP  

3. 替换(替换开头一个)

varB=${varA/#str1/str2}

C#代码
  1. $ var=".zipAAAszip_BBB.zip_CCC";var2=${var/#.zip/.ZIP};echo $var2;  
  2. .ZIPAAAszip_BBB.zip_CCC  

不存在
varB=${varA//#str1/str2}

4. 替换(替换结尾一个)

varB=${varA/%str1/str2}

C#代码
  1. $ var="AAAszip_BBB.zip_CCC.zip";var2=${var/%.zip/.ZIP};echo $var2;  
  2. AAAszip_BBB.zip_CCC.ZIP  

不存在
varB=${varA//%str1/str2}

而且可以很好地匹配到“.”点号

5. 截取,删除右边,保留左边,从右起最短匹配

$varB=${varAa%<pattern>}

C#代码
  1. $ a="aaa=bbb";b=${a%=*};echo $b  
  2. aaa  
  3. $ a="http://localhost:3000/china/shanghai.html";b=${a%/*};echo $b  
  4. http://localhost:3000/china  

6. 截取,删除右边,保留左边,从右起最长匹配

$varb=${vara%%<pattern>}从右起最长匹配

C#代码
  1. $ a="http://localhost:3000/china/shanghai.html";b=${a%%/*};echo $b  
  2. http:  

7. 截取,删除左边,保留右边,从左起最短匹配

$varb=${vara#<pattern>}

C#代码
  1. $ a="aaa=bbb";b=${a#*=};echo $b  
  2. bbb  
  3. $ a="http://localhost:3000/china/shanghai.html";b=${a#*/};echo $b  
  4. /localhost:3000/china/shanghai.html  

8. 截取,删除左边,保留右边,从左起最长匹配

$varb=${vara##<pattern>}从左起最长匹配

C#代码
  1. $ a="http://localhost:3000/china/shanghai.html";b=${a##*/};echo $b  
  2. shanghai.html  

SHELL替换字符串内容

[不指定 2023/08/11 17:22 | by 刘新修 ]
C#代码
  1. //http://dl.ktm1234.com/injured/work-litigation/  
  2. //http://dl.ktm1234.com/XXX/jiaye/injured/work-litigation/  
  3. var="http://dl.ktm1234.com/injured/work-litigation/";var2=${var//com/com\/XXX\/jiaye};echo $var2;  

结果:http://dl.ktm1234.com/XXX/jiaye/injured/work-litigation/

vue-cli 构建 uniapp 项目:

优点:
vue-cli 是一个强大的工具,可以快速构建出各种类型的项目,配置灵活,便于维护和管理。同时,其支持 TypeScript 等最新技术,可以提高开发效率和代码质量。
vue-cli 集成了丰富的插件和模板,可以帮助您快速搭建 uniapp 项目,并提供了丰富的功能和组件。
vue-cli 社区活跃度高,得到广泛应用和支持,很多开发者都已经熟悉了 vue-cli 的使用和优化。
缺点:
基于 vue-cli 构建 uniapp 项目需要一定的前端开发经验和技能,对初学者来说可能会有些困难。
构建出来的项目大小比较大,需要考虑如何压缩和优化代码,以提升页面加载速度。
HBuilderX.exe 构建 uniapp 项目:
优点:
 
HBuilderX.exe 是一款专门为 uniapp 开发提供的开发工具,可以快速搭建 uniapp 项目,支持调试、运行等功能,适合初学者或没有前端开发经验的开发者使用。
HBuilderX.exe 集成了丰富的组件和模板,可以快速搭建出各种类型的 uniapp 项目,并且自带了一些 UI 组件,方便快速开发。
HBuilderX.exe 教程和文档详尽,易于上手,初学者可以快速掌握。
 
缺点:
HBuilderX.exe 对于更高级的定制和优化需要进行配置和扩展,需要一定的前端开发经验和技能。
 
在使用 HBuilderX.exe 构建 uniapp 项目时可能会有一些限制,例如只支持部分平台等问题,需要根据项目需求选择适合的构建方式。
创建uni-app项目(步骤流程)
方式一:直接在HBuilder X上创建(常用)
在窗口栏找到“文件”=>新建=>项目
会在HBuilder X会在右下角提示项目创建成功,成功之后的项目目录结构如下:
方式二:使用命令行(vue-cli)创建
vue create -p dcloudio/uni-preset-vue my-project
创建成功之后,运行即可。
cd my-project
npm run serve
项目目录结构:
Tags:

 一、创建countDown.vue(倒计时组件):

XML/HTML代码
  1. <template>  
  2.     <span :endTime="endTime" :endText="endText">  
  3.         <slot>{{content}}</slot>  
  4.     </span>  
  5. </template>  
  6.   
  7. <script>  
  8.     export default {  
  9.         data(){  
  10.             return {  
  11.                 content: '',  
  12.             }  
  13.         },  
  14.         props:{//接收父组件的数据  
  15.             endTime:{type:String,default:''},  
  16.             endText:{type:String,default:'活动已结束'},  
  17.         },  
  18.         watch: {//监听时间的变化  
  19.             endTime() {  
  20.                 this.countdowm(this.endTime)  
  21.             }  
  22.         },  
  23.         mounted () {  
  24.             this.countdowm(this.endTime)  
  25.         },  
  26.         methods: {  
  27.             countdowm(timestamp){  
  28.                 let self = this;  
  29.                 let timer = setInterval(function(){  
  30.                     let nowTime = new Date();  
  31.                     let endTime = new Date(timestamp * 1000);  
  32.                     let t = endTime.getTime() - nowTime.getTime();  
  33.                     if(t>0){  
  34.                         let day = Math.floor(t/86400000);  
  35.                         let hour=Math.floor((t/3600000)%24);  
  36.                         let min=Math.floor((t/60000)%60);  
  37.                         let sec=Math.floor((t/1000)%60);  
  38.                         hourhour = hour < 10 ? "0" + hour : hour;  
  39.                         minmin = min < 10 ? "0" + min : min;  
  40.                         secsec = sec < 10 ? "0" + sec : sec;  
  41.                         let format = '';  
  42.                         if(day > 0){  
  43.                             format = `${day}天${hour}小时${min}分${sec}秒`;  
  44.                         }  
  45.                         if(day <= 0 && hour > 0 ){  
  46.                             format = `${hour}小时${min}分${sec}秒`;  
  47.                         }  
  48.                         if(day <= 0 && hour <= 0){  
  49.                             format =`${min}分${sec}秒`;  
  50.                         }  
  51.                         self.content = format;  
  52.                     }else{  
  53.                         clearInterval(timer);  
  54.                         selfself.content = self.endText;  
  55.                     }  
  56.                 },1000);  
  57.             }  
  58.         }  
  59.     }  
  60. </script>  

 二、vue倒计时组件的使用方法(父组件里面):

XML/HTML代码
  1. <template>  
  2.     <count-down :endTime="endTime" :endText="endText " />  
  3. </template>  
  4.   
  5. <script>  
  6. import countDown from '@/components/countDown'//引入路径,可更改  
  7.   
  8. export default {  
  9.     data() {  
  10.         return{  
  11.             endTime:new Date("2022/04/18 08:00:20").getTime() / 1000 +  ' ',  
  12.             //  console.log(endTime)=>得到毫秒  1658030420 可在方法里面放入后台数据,new Date('放后台数据').getTime() / 1000 +  ' ',但要记得调用方法  
  13.             endText:'',  
  14.         }  
  15.     },  
  16.     components: {  
  17.          countDown  
  18.     },  
  19. }  
  20. </script>  

说明一下:

XML/HTML代码
  1. 1)endTime是一个时间戳,而且是字符串数据类型,需要处理下  
  2.   
  3. let endTime = new Date("2022/04/18 08:00:20").getTime() / 1000 +  ' '  
  4.   
  5. 2)endText是倒计时结束显示的内容  

三、vue倒计时组件效果如下:

C#代码
  1. #!/bin/bash  
  2. #保留文件数  
  3. ReservedNum=2  
  4. #要删除文件的,父级目录  
  5. FileDir=/usr/docker/springCloud/project/  
  6. #循环子目录列表  
  7. for element in `ls $FileDir`  
  8. do  
  9.     # 拼接成完成目录 (父目录路径/子目录名)  
  10.     dir_or_file=$FileDir$element  
  11.     # 获取子目录下的指定文件格式的总数量  
  12.     FileNum=$(ls -l $dir_or_file | grep 'keda-' |wc -l)  
  13.     # 输出 删除前的 指定格式的文件数量  
  14.     echo  $element "jar num:" $FileNum  
  15.     # 如果 数量大于保留数量,那就循环删除 文件  
  16.     while(( $FileNum > $ReservedNum))  
  17.     do  
  18.        OldFile=$(ls -rt $dir_or_file | grep 'keda-'| head -1)  
  19.        echo  $element "Delete jar:"$OldFile  
  20.        rm -rf $dir_or_file/$OldFile  
  21.        let "FileNum--"  
  22.     done  
  23. done  
  24. # 删除完后,再循环输出一下 每个子目录下的文件数量  
  25. for element in `ls $FileDir`  
  26. do  
  27.     dir_or_file=$FileDir$element  
  28.     FileNum=$(ls -l $dir_or_file | grep 'keda-' |wc -l)  
  29.     echo  $element "jar num:" $FileNum  
  30. done  

 

XML/HTML代码
  1. <!--  
  2.  * @Description: npage.vue  
  3.  * @Version: 1.0  
  4.  * @Author: LiuXia  
  5.  * @Date: 2022-08-01 20:32:06  
  6.  * @LastEditors: Jesse Liu  
  7.  * @LastEditTime: 2023-07-17 20:38:42  
  8. -->  
  9. <template>  
  10.   <div class="wscn-http404-container">  
  11.       <h1 style="line-height:300px; text-align:center">npage.vue (新测试文件)</h1>  
  12.       <div>time:</div>  
  13.   </div>  
  14. </template>  
  15.   
  16.   
  17.   
  18. <script>  
  19. import { parseTime } from '@/utils'  
  20. import { downloadFile } from "@/utils/getFile";  
  21. import { fileLinkToStreamDownload , urlFile } from '@/utils/down'  
  22. export default {  
  23.   name: 'PageTest',  
  24.   computed: {  
  25.     message() {  
  26.       return 'PageTest'  
  27.     },  
  28.     parseTime: parseTime  
  29.   },  
  30.   methods:{  
  31.     downfile(filePath){  
  32.       //https://bbwx.kaitaiming.com/image/group1/M00/24/AE/rBBlxWS0vaqAR8ltAAGsWlc-FnY677.pdf  
  33.   
  34.       // 后端上传文件返回请求的filePath地址  
  35.       console.log( filePath, 3333333 );  
  36.       //  获取文件名  
  37.       let fileName = urlFile(filePath, 1);  
  38.       //  获取文件后缀  
  39.       let fileExtension = urlFile(filePath, 2);  
  40.       //  url下载  
  41.       fileLinkToStreamDownload(filePath,fileName,fileExtension);  
  42.     }  
  43.   },  
  44.   mounted() {  
  45.     this.downfile('http://localhost:9527/image/group1/M00/24/AE/rBBlxWS0vaqAR8ltAAGsWlc-FnY677.pdf');  
  46.     this.$store.dispatch("case/casesList/downloadFile",{}).then((res)=>{  
  47.         let data = res.data;  
  48.         let headers = res.headers;  
  49.           
  50.         /*** 调用下载文件 ***/  
  51.         //downloadFile(data, headers)  
  52.     })  
  53.   },  
  54. }  
  55. </script>  
  56.   
  57.   
  58. <style lang="scss" scoped>  
  59. </style>  
JavaScript代码
  1. /* 
  2.  * @Description: down.js 
  3.  * @Author: Jesse Liu 
  4.  * @Date: 2023-02-06 16:27:18 
  5.  * @LastEditors: Jesse Liu 
  6.  * @LastEditTime: 2023-07-17 20:20:05 
  7.  */  
  8. export function fileLinkToStreamDownload(url, fileName, type) {  
  9.   let reg = /^([hH][tT]{2}[pP]:\/\/|[hH][tT]{2}[pP][sS]:\/\/)(([A-Za-z0-9-~]+).)+([A-Za-z0-9-~\/])+$/;  
  10.   if (!reg.test(url)) {  
  11.     throw new Error("传入参数不合法,不是标准的文件链接");  
  12.   } else {  
  13.     let xhr = new XMLHttpRequest();  
  14.     xhr.open('get', url, true);  
  15.     xhr.setRequestHeader('Content-Type', `application/${type}`);  
  16.     xhr.responseType = "blob";  
  17.     xhr.onload = function () {  
  18.       if (this.status == 200) {  
  19.         //接受二进制文件流  
  20.         console.log(this)  
  21.         var blob = this.response;  
  22.         const blobUrl = window.URL.createObjectURL(blob);  
  23.           // 这里的文件名根据实际情况从响应头或者url里获取  
  24.           const a = document.createElement('a');  
  25.           a.href = blobUrl;  
  26.           a.download = fileName;  
  27.           a.click();  
  28.           window.URL.revokeObjectURL(blobUrl);  
  29.       }  
  30.     }  
  31.     xhr.send();  
  32.   }  
  33. }  
  34.   
  35. // 获取url中需要的数据  type  1: 获取文件名  2:获取后缀  3:获取文件名+后缀  4:获取文件前缀  
  36. export function urlFile(url, type) {  
  37.   let filename = url.substring(url.lastIndexOf('/') + 1)  
  38.   switch (type){  
  39.       case 1: return filename; break;  
  40.       case 2: return filename.substring(filename.lastIndexOf(".") + 1); break;  
  41.       case 3: return filename.substring(0, filename.lastIndexOf(".")); break;  
  42.       case 4: return url.substring(0, url.lastIndexOf('/') + 1)  
  43.   }     
  44. }  

 

SHELL命令记录

[不指定 2023/06/03 11:43 | by 刘新修 ]

SHELL 获取目录

C#代码
  1. ### 提取目录中的名称  
  2. las_dir=$(basename "$PWD")  
  3. cur_dir=$(dirname $(pwd))  
  4. lat_dir=$(basename "$cur_dir")  

 

docker自动导入镜像

[不指定 2023/06/03 11:40 | by 刘新修 ]

vi /sh/scp-docker.sh

#### 同步远程的docker镜像自动装载

C#代码
  1. cd /data/backup &&  
  2. scp root@172.16.207.22:/data/backup/* ./ &&  
  3. docker stop nginx-nodejs-redis:v2b &&  
  4. docker rm nginx-nodejs-redis:v2b &&  
  5. docker stop jenkins-rsync:v2b &&  
  6. docker rm jenkins-rsync:v2b &&  
  7. docker rmi nginx-nodejs-redis:v2b &&  
  8. docker rmi jenkins-rsync:v2b &&  
  9. docker image load -i jenkins-rsync-v2b.tgz &&  
  10. docker image load -i nginx-nodejs-redis-v2b.tgz &&  
  11. rm -rf /data/apps &&  
  12. mkdir -p /data/apps/nginx/htdocs &&  
  13. mkdir -p /data/apps/redis/htdocs &&  
  14. mkdir -p /data/apps/rsync/www &&  
  15. mkdir -p /data/apps/nodejs/htdocs/nest/KTM/dist &&  
  16. mkdir -p /data/apps/nodejs/htdocs/nest/KTM/public &&  
  17. mkdir -p /data/apps/nodejs/htdocs/nest/do_nest/public/www &&  
  18. mkdir -p /data/apps/nodejs/htdocs/nest/other &&  
  19. docker run \  
  20.     -u root \  
  21.     -p 80:80 \  
  22.     -p 8080:80 \  
  23.     -p 3000:3000 \  
  24.     -p 6379:6379 \  
  25.     -v /data/apps/nginx/htdocs:/data/nginx/htdocs \  
  26.     -v /data/apps/redis/htdocs:/data/redis/htdocs \  
  27.     -v /data/apps/rsync:/data/rsync \  
  28.     -v /data/apps/nodejs/htdocs/nest/KTM/dist:/data/nodejs/htdocs/nest/KTM/dist \  
  29.     -v /data/apps/nodejs/htdocs/nest/KTM/public:/data/nodejs/htdocs/nest/KTM/public \  
  30.     -v /data/apps/nodejs/htdocs/nest/do_nest/public/www:/data/nodejs/htdocs/nest/do_nest/public/www \  
  31.     -v /data/apps/nodejs/htdocs/nest/other:/data/nodejs/htdocs/nest/other \  
  32.     --privileged=true \  
  33.     --name=nginx-nodejs-redis-v2b \  
  34.     -d --restart=always nginx-nodejs-redis:v2b &&  
  35. docker run -p 4440:8080 -p 5000:5000 -p 8730:873 \  
  36.     -u root \  
  37.     --name=jenkins-rsync-v2b \  
  38.     --privileged=true \  
  39.     -v /etc/localtime:/etc/localtime \  
  40.     -v /data/apps/jenkins_home:/data/jenkins \  
  41.     -v /data/apps/rsync/www:/data/rsync/www \  
  42.     -d --restart=always jenkins-rsync:v2b  

### 重启定时器服务

chmod 755 /sh/scp-docker.sh

systemctl restart crond

### 编辑和查看定时器配置

crontab -e

crontab -l

### 每天的2:10重启smb

10 2 * * * /sh/scp-docker.sh

第一页 上页 1 2 3 4 5 6 7 8 9 10 下页 最后页 [ 显示模式: 摘要 | 列表 ]