分类：编程语言

2020
11-08

vue实现顶部菜单栏

vue实现顶部菜单栏，同一个页面两个菜单按钮之间的切换先看展示结果：点击第一个按钮，显示内容1点击第二个按钮，展示内容2下面上源码：注意哦，一定要代码规划，别学我(⊙o⊙)<template><div><divclass="tab-content"><divclass="tab-content1"@click="cur=1":class="{active:cur==1}"><span>数据标注</span></div><divclass="tab-content2"@click="cur=2":class="{active:cur==2}">案件数</div></div><divclas... 继续阅读 >
2020
11-08

JS使用setInterval计时器实现挑战10秒

JS实现挑战10秒，主要用到setInterval计时器，供大家参考，具体内容如下效果图##完整代码<htmllang="en"><head><metacharset="UTF-8"><title>js计时器</title></head><body><pstyle="font-size:2em;color:blue;font-style:italic;">挑战10.00秒</p><pid="time"style="font-size:2em;color:red;">00:00</p><inputtype="button"value="开始"onclick="oStart()"><inputtype="button"value="结束"onclick="oStop()">... 继续阅读 >
2020
11-08

JS画布动态实现黑客帝国背景效果

本文实例为大家分享了JS画布动态实现黑客帝国背景效果的具体代码，供大家参考，具体内容如下效果图完整代码<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><metahttp-equiv="X-UA-Compatible"content="ie=edge"><title>Document</title><style>*{padding:0;margin:0;}body{overflow:hidden;... 继续阅读 >
2020
11-08

vue.js页面加载执行created,mounted的先后顺序说明

created页面加载未渲染html之前执行。mounted渲染html后再执行。由于created在html模板生产之前所以无法对Dom进行操作而mounted可以。补充知识：关于Vue子组件data选项某个属性引用子组件props定义的属性的几点思考学过Vue的都知道Vue等MVVM框架相对于传统的JS库比如Jquery最大的区别在于数据驱动视图，重点在于数据，拿到数据后将数据通过模板{{}}语法或者v-html展示在页面上。我们也都知道在Vue父子组件可以通过Props实现父组件... 继续阅读 >
2020
11-08

Node.js path模块,获取文件后缀名操作

我就废话不多说了，大家还是直接看代码吧~demo.js：//path模块varpath=require('path');/*nodejs自带的模块*/varextname=path.extname("123.html");//获取文件的后缀名console.log(extname);补充知识：node的path模块中path.resolve()和path.join()的区别一、path模块的引入。直接引用。node中自带的模块constpath=require('path');二、path.join(path1，path2，path3.......)作用：将路径片段使用特定的分隔符（window... 继续阅读 >
2020
11-08

mysql CPU高负载问题排查

MySQL导致的CPU高负载问题  今天下午发现了一个MySQL导致的向上服务器负载高的问题，事情的背景如下：  在某个新服务器上，新建了一个MySQL的实例，该服务器上面只有MySQL这一个进程，但是CPU的负载却居高不下，使用top命令查询的结果如下：[dba_mysql@dba-mysql~]$toptop-17:12:44up104days,20min,2users,loadaverage:1.06,1.02,1.00Tasks:218total,1running,217sleeping,0stop... 继续阅读 >
2020
11-08

python tkinter的消息框模块(messagebox,simpledialog)

tkinter提供了三个模块，可以创建弹出对话窗口：（使用必须单独导入模块）1.messagebox消息对话框示例：askokcancelimporttkinter#导入消息对话框子模块importtkinter.messagebox#创建主窗口root=tkinter.Tk()#设置窗口大小root.minsize(300,300)#声明函数defokqqq():#弹出对话框result=tkinter.messagebox.askokcancel(title='标题~',message='内容：要吃饭嘛？')#返回值为True或者Falseprint(r... 继续阅读 >
2020
11-08

python 用struct模块解决黏包问题

为什么会出现黏包现象：首先只有在TCP协议中才会出现黏包现象，是因为TCP协议是面向流的协议，在发送的数据传输的过程中还有缓存机制来避免数据丢失，因此，在连续发送小数据的时候，以及接收大小不符的时候容易出现黏包现象。本质还是因为我们在接收数据的时候不知道发送的数据的长短。解决黏包问题在传输大量数据之前首先告诉接收端要发送的数据大小，如果想更漂亮的解决问题，可以通过struct模块来定制协议。struct模块... 继续阅读 >
2020
11-08

python hmac模块验证客户端的合法性

hmac模块：比较两个函数的密钥是否一致：importhmacimportosmsg=os.urandom(32)#生成32位随机字节码defwdc():key=b'wdc'#密钥ret=hmac.new(key,msg)#将字节码和key进行加密(必须都为bytes类型)创建一个对象retdigest=ret.digest()#消化returndigest#返回消耗后的密文defyhf():key1=b'wdc'#密钥ret1=hmac.new(key1,msg)#将字节码和key1进行加密(必须都为bytes类型)创建一个对象re... 继续阅读 >
2020
11-08

nodejs中内置模块fs,path常见的用法说明

readFilereadFileSync同步读取数据varfs=require('fs');fs.readFileSync('./a.txt');readFile异步读取数据varfs=require('fs');//引入文件fs.readFile('./a.txt',function(err,data){//当异步读取完文件数据后执行该回调函数中代码//err错误对象；//data数据if(err){console.log('读取文件出错');return;}//正常打印数据console.log(data.toString());})console.log('111');写文件writeFilewriteFileSync同步读取数据... 继续阅读 >
2020
11-08

python如何利用paramiko执行服务器命令

话不多说直接上代码封装连接@staticmethoddefconnect(ip,server_user,server_port,server_path):"""连接服务器:param::return:"""ssh=paramiko.SSHClient()private_key=paramiko.RSAKey.from_private_key_file('{}.ssh/id_rsa'.format(server_path))ssh.set_missing_host_key_policy(paramiko.AutoAddPolicy())try:ssh.connect(ip,port=server_port,username=server_user,... 继续阅读 >
2020
11-08

解决vue props传Array/Object类型值,子组件报错的情况

问题：PropswithtypeObject/Arraymustuseafactoryfunctiontoreturnthedefaultvalue.1、在vue中如果当在父组件通过props传Array/Object类型值给子组件的时候2、如果子组件的props接收default为，如下报错原因：propsdefault数组／对象的默认值应当由一个工厂函数返回解决：补充知识：vue的props如何传多个参数vue父作用域将数据传到子组件通过props进行传参，如果需要传多个参数可以数组形式赋值给props，通过这样... 继续阅读 >
2020
11-08

解决Vue watch里调用方法的坑

这里是说watch调用methods里方法的时候，页面经常会报找不到方法这个时候一定要在watch里去输出一下this，看看this包裹的壳是不是多了好多层，所以找不到方法，虽然我到现在还没理解为啥有时候会出现一层或几层壳的问题。例如正常情况下用this.functionname()就可以调用了。但是在一些情况下（现在本人还没找到原因）在控制台输出this的时候你会发现数据经常是这样包裹的a{name},name里面对你的methods还包裹了一层，所以使用方法... 继续阅读 >
2020
11-08

浅谈vue.watch的触发条件是什么

很多人习惯用watch，但是却很少有人知道watch的真正触发条件。如果不是对vue原理了如指掌，请谨慎使用watch。示例1，下面会触发watch吗？<script>newVue({data(){return{city:{id:1,name:'Beijing'}}},watch:{city(){console.log('citychanged')}},created(){this.city={id:1,name:'Beijing'}}})</script>会触发，因为在created方法里面重新给city赋值了一个对象，city前后的指向不同了示... 继续阅读 >
2020
11-08

html+vue.js 实现漂亮分页功能可兼容IE

当功能比较简单，在单一html中使用vue.js分页展示数据，并未安装脚手架，或使用相关UI框架，此时需要手写一个分页器，不失为最合理最便捷的解决方案先看一下实现效果：  上代码：1.简单搞一搞CSS，此处代码有折叠2.简单搞一搞HTML <divid="app"v-cloak@click="showOption=false">第{{pageIndex}}页,每页显示{{pageSize}}条<divv-show="pageTotalNum>1"class="pageContainer">共{{dataListLength}}条... 继续阅读 >
2020
11-08

解决vue watch数据的方法被调用了两次的问题

背景：路由结构/video/1.mp4,即/video是父路由，/1.mp4是/video的动态子路由，在/video父路由中会通过url的params获取视频信息,即通过/1.mp4获取对应的视频完整信息，然后通过props传到动态子路由中，然后子路由通过接受到的视频对象，进行展示问题：当路由切换时，即当我点击其他视频时，导致动态子路由变化时，我监听了/video父路由的变化并重新根据url的params获取视频对象，并自动通过props传入子路由中，我在子路由中通过watc... 继续阅读 >
2020
11-08

vue 避免变量赋值后双向绑定的操作

如：this.list=this.list2,结果在list改变后list2也改变，这不是我们想要的效果第一种：利用JSON.parse和JSON.stringifythis.list=JSON.parse(JSON.stringify(this.list2))第二种：ES6的解析语法this.list={...this.list2}this.arr=[...this.arr2]补充知识：解决vue中v-model绑定的变量赋值给了另一个变量后，两个变量同时改变先来看一下问题背景我们要做一个搜索+分页的功能，使用vue我们将分页控件绑定了点击事... 继续阅读 >
2020
11-08

Springboot中如何使用Jackson

1、SpringMVC中默认集成SpringMVC已经默认集成了JackSon，如下所示：@RequestMapping("/addUserInfo")publicUserInfoaddUserInfo(@RequestBodyUserInfouserInfo){}可以用UserInfo对象来接前台传过来的json，SpringMVC已经帮我们自动反序列化。 可以看到，在SpringBoot中，只需要导入webstarter，不需要添加其他的依赖，就可以使用Jackson。2、时间格式化在序列化的过程中，如果有Date格式，我们可以通过下面几种方... 继续阅读 >
2020
11-08

SpringBoot配置拦截器的示例

在SpringBoot中配置拦截器，主要有下面两个步骤：1、继承接口 HandlerInterceptor，根据需要重写其中的三个类。2、在配置类中注入该类。publicclassMyInterceptorimplementsHandlerInterceptor{//controller执行之前@OverridepublicbooleanpreHandle(HttpServletRequestrequest,HttpServletResponseresponse,Objecthandler)throwsException{System.out.println("preHandler......");returntrue... 继续阅读 >
2020
11-08

浅谈Vue static 静态资源路径 和 style问题

我就废话不多说了，大家还是直接看代码吧~//PathsassetsRoot:path.resolve(__dirname,'../dist'),//静态资源输出到二级目录下assetsSubDirectory:'static',//静态资源cdn地址assetsPublicPath:'/',引用的时候可直接，不用返回上一级去查找，因为编译输出后的static下的资源跟html是在同一个目录<imgclass="navbar-brand-logo"src="static/logo.png"></a>如果单个vue文件里的style没有用到最好删除掉不然h... 继续阅读 >
2020
11-08

Nodejs + sequelize 实现增删改查操作

1.下载资源库npminstallsequelize--savenpminstallmysql2--save//npminstallmysql提示不完整2.创建数据库配置文件db.js,配置数据库varSequelize=require('sequelize');module.exports=newSequelize('blog','root','123456',{host:'localhost',//数据库地址dialect:'mysql',//指定连接的数据库类型operatorsAliases:false,pool:{max:5,//连接池中最大连接数量min:0,//连接池... 继续阅读 >