分类：编程语言

2020
10-09

浅谈vue-props的default写不写有什么区别

注意default不要写成defaults例如有一个名为mk-test的组件如下：<template><div>{{maxLength}}</div></template><script>exportdefault{props:{maxLength:{type:Number,default:1}}}</script>当父组件这样调用时：<mk-test></mk-test>渲染出来是：1如果把组件的default:1删除，父组件调用方式不变，此时渲染结果是：0此时如果父组件改成：<mk-testmaxLength="3"></mk-test>此时渲染结果是：3... 继续阅读 >
2020
10-09

js实现带有动画的返回顶部

本文实例为大家分享了js实现带有动画返回顶部的具体代码，供大家参考，具体内容如下1、滑动鼠标往下滑动，侧边栏跟着往上移动，当到达某一个位置的时候，侧边栏停止移动；鼠标往上，则侧边栏往下-停止2、当鼠标继续下滑到某一个位置，“返回顶部”几个字会弹出此处如果点击“返回顶部”，则立刻到了顶部3、到达顶部位置效果4、源代码<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"conten... 继续阅读 >
2020
10-09

Vue将props值实时传递 并可修改的操作

我们都知道props值是只读的，子组件内不可直接修改，会报错滴但是很多时候这个值是需要子组件主动修改的，一般我们会使用this.$emit()去修改，但比较麻烦下面这种方式可以实现：1、父组件实时修改props值时，子组件可以接收到改变2、子组件可主动修改该值<div>{{RealValue}}</div>props:["value"],watch:{value(v){this.RealValue=v}},data(){return{RealValue:this.value}}原理很简单，就是使用一个Real... 继续阅读 >
2020
10-09

js实现轮播图效果 纯js实现图片自动切换

本文实例为大家分享了纯js实现图片自动切换的具体代码，供大家参考，具体内容如下1.鼠标经过的时候左右两个小按钮会自动弹出，自动播放停止，点击左右小按钮可以切换图片；2.鼠标离开，恢复自动播放；3.点击下方中间几个小圆圈，也会自动切换图片；源代码：<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>Document</title><sty... 继续阅读 >
2020
10-09

vue 子组件watch监听不到prop的解决

问题描述在vue项目中，父组件通过prop给子组件传值时，如果prop值是从服务器端获取，则父组件可能会传给子组件一个默认值(服务端数据还未及时获取)，那么，我们就需要实时watch这个prop值，一旦prop值有更新，将立即通知子组件更新。解决方案watch:{levelDetail:{immediate:true,//很重要！！！handler(val){this.levelPersonal=!val?{}:val//console.log('actionValue:',val,this.levelPers... 继续阅读 >
2020
10-09

vue 重塑数组之修改数组指定index的值操作

如下所示：vm.items[indexOfItem]=newValuevue不能检测数组的变动想要实现可以使用vue的set方法this.$set(this.items,indexOfItem,newValue);补充知识：vue中利用索引直接设置一个数组项，不能触发视图更新的问题由于JavaScript的限制，Vue不能检测以下数组的变动：1、当你利用索引直接设置一个数组项时，例如：vm.items[indexOfItem]=newValue2、当你修改数组的长度时，例如：vm.items.length=newLength举个例子：varvm... 继续阅读 >
2020
10-09

bootstrap-closable-tab可实现关闭的tab标签页插件

本文实例为大家分享了bootstrap-closable-tab可实现关闭的tab标签页的具体代码，供大家参考，具体内容如下Demo下载地址：bootstrapclosabletab_jb51.rar这是从网上找的一款可以关闭的tab标签页插件：1、这是基于bootstrap的插件，因此要引入bootstrap的相关插件前提得引入jquery：2、引入该插件：代码如下：//子页面不用iframe，用div展示varclosableTab={//添加tabaddTab:function(tabItem){//tabItem={id,name,url,clo... 继续阅读 >
2020
10-09

bootstrap实现tab选项卡切换

在项目中遇到要实现tab选项卡的关闭功能，项目中用的bootstrap框架，网上有很多插件，我这里只是简单的实现了tab选项卡的切换！<<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=device-width,initial-scale=1.0"><linkrel="stylesheet"href="css/bootstrap.min.css"rel="externalnofollow"><title>产品制作... 继续阅读 >
2020
10-09

vue动画—通过钩子函数实现半场动画操作

注意：1.起始位置设置了一个（0，0）在第一遍执行时，是没有作用的。在一次入场动画执行完成之后，在最终位置停下来并不在起始位置，通过这里的位置的设置可以将入场动画结束时的位置调到这里2.理解enter()函数的el的指代对象和done()指代的回调函数3.理解this.show=!this.show，这句话有两个作用。一是：控制显示和隐藏，二是：false—>true为半场动画，true—>false又是为另半场动画。这样就能完成一直循环执行半场动画的效... 继续阅读 >
2020
10-09

js利用iframe实现选项卡效果

本文实例为大家分享了js利用iframe实现选项卡的具体代码，供大家参考，具体内容如下<!DOCTYPEhtml><html><head><metacharset="utf-8"/><title></title><style>.header{width:400px;height:40px;border:solid1pxred;}.headera{width:100px;height:40px;text-align:center;line-height:40px;display:inline-block;}.bgc{background-color:cyan;}.cont{width:400px;height:400px;border:dashed... 继续阅读 >
2020
10-09

解决vue 退出动画无效的问题

遇到一个问题：给模态框加入退出动画，进入的动画效果是有的，可是退出的动画就没有了。写个简单的结构：<divclass="<strong>mask</strong>"v-show="warning"><br><transitionname="warning"><br><divv-show=“warning”class="warning-modal"><br><p>请登录</p><br></div><br></transition><br></div>.mask是遮罩层，.warning-modal是显示模态框的内容。如果像上面的结构，会遇到我上述... 继续阅读 >
2020
10-09

在vue中使用console.log无效的解决

webpack开发环境下，在vue中使用console.log无效，一直以为webpack出了问题。使用window.console.log()就能够顺利在浏览器控制台输出了。以及在axios请求的回调中依旧无法输出使用window.console.log()/console.log(),先留坑吧。补充知识：vue中:style与:class三元运算符使用style三元表达式<p:style="{'color':(checkIndex3==m.txt?'#3d8cff':'#BBBBBB')}">{{m.txt}}</p>class三元表达式<iclass="iconfont":class=... 继续阅读 >
2020
10-09

VUE中V-IF条件判断改变元素的样式操作

方法一v-if判断后用标签改变样式（特定显示列字体加粗）<v-listdense><templatev-for="(col,i)incols"><v-list-item:key="i"v-if="col.text=='商品码'||col.text=='通用名称'"><v-list-item-content><b>{{col.text}}</b></v-list-item-content><v-list-item-contentclass="align-endmystyle"><b>{{item[col['value']]}}</b></v-list-item-content></v-list-item><v-list-item:key="i"v-else><v-list-item-conten... 继续阅读 >
2020
10-09

Java判断字符串是否为IP地址的方法

Java判断字符串是否为IP地址，供大家参考，具体内容如下1、代码主要就是这么几个条件非空长度符合0.0.0.0-255.255.255.255包含分隔符且个数正确四个全部是数字，且都在合理的范围内/***判断某个字符串是否是一个IP地址**@paramstr字符串*/publicstaticbooleanisIpStr(Stringstr){//非空//booleannotBlank=StringUtils.isNotBlank(str);//长度符合0.0.0.0-255.255.255.255//boolean... 继续阅读 >
2020
10-09

Vue 样式切换及三元判断样式关联操作

假设有需求：后台返回状态1:启用，0：禁用1、若要使启用为绿色，禁用不添加其他样式<el-table-columnprop="statusName"align="center"label="状态"><templateslot-scope="scope"><div:class="{active:scope.row.status==1}">{{scope.row.statusName}}</div></template></el-table-column>.active{color:green;}1、若要使启用为绿色，禁用为红色，可使用三元表达式绑定样式<el-table-columnprop="stat... 继续阅读 >
2020
10-09

IDEA2020配置Git的方法步骤

注：此方法可用于配置gitee也可用于配置github1.在github中创建一个账号：https://github.com/join?source=header-home2.下载并安装git：https://git-scm.com/downloads3.安装成功后对着桌面空白右键，会发现多出来GitGUI和GitBash打开GitBash，输入下列命令，设置git全局用户名和邮箱4.在IDEA中设置Git，在File?>Setting->VersionControl?>Git?>PathtoGitexecutable选择你的git安装后的git.exe文件，然后点击Test，... 继续阅读 >
2020
10-09

IntelliJ IDEA 2020 安装和常用配置(推荐)

IntelliJIDEA安装后需要进行初始化配置已更加方便使用。本文整理了比较通用的安装后初始配置。本文的版本：IntelliJIDEA2020.1版（于2020年4月9日发布）。 下载安装  打开网站：https://www.jetbrains.com/idea/download/。下载安装分为exe和zip，这里选择Ulitmate版本的zip包下载。然后，将下载的zip解压到一个目录中。启动前配置   解压安装后先不要启动，先按下配置。1.配置路径目录调整... 继续阅读 >
2020
10-09

Vscode中快速创建自定义代码模板的方法

Vscode中快速创建自定义代码模板一招鲜，吃遍天，学会了这个在Vscode中快速创建自定义代码模板的教程，我相信创建其它代码模板的方法你也就通个七七八八了。我就以Vue的创建为例，不过我这个Vue是在HTML中创建的。初学Vue，我们一般都是在.html文件中引入vue包，然后编写自己的vue代码。盲目的跟着网上那些教程创建Vue模板是行不通的。因为我们创建的模板是在.html文件下，所以我们的模板也得是在html.json中来进行编写。教... 继续阅读 >
2020
10-09

如何利用Spring的@Import扩展点与spring进行无缝整合

利用Spring的@Import扩展与spring进行无缝整合前言BeanFactoryPostProcessor@Import实现POM文件定义数据层Resource（dao）层的扫描注解定义我的数据层Resource使用的注解ArteryResourceImportBeanDefinitionRegistrar实现自定义扫描类ClassPathArteryResourceScanner代理注册工厂ResourceRegistryResouce的代理工厂真正的代理类方法调用类AbstractBeanDefinitionFactory我们编写测试，来启动我们的spring容器类图前言spring有那些... 继续阅读 >
2020
10-09

SQL Server中的集合运算: UNION, EXCEPT和INTERSECT示例代码详解

SQLServer中的集合运算包括UNION(合并),EXCEPT(差集)和INTERSECT(相交)三种。集合运算的基本使用1.UNION(合并两个查询结果集，隐式DINSTINCT，删除重复行)--合并两个提取表/派生表(derivedtable),返回结果为:[a,b,c,d,e]SELECTFCFROM(VALUES('a'),('b'),('c'),('e'))Table1(FC)UNIONSELECTFCFROM(VALUES('a'),('b'),('c'),('d'))Table2(FC)2.UNIONALL(简单合并两个查询结果集，不删除重复行)--提取表/派生表(derived... 继续阅读 >
2020
10-09

使用VSCode如何从github拉取项目的实现

最近使用vscode进行前端编程，遇到一些问题网上说明的不是很明显，故记录一下1.开vscode使用CTRL+`或者点击查看到集成终端打开控制终端 2.在终端中cd到存放文件夹下面，然后gitclonehttps://github.com/iview/iview-project.git就可以将项目拉取下来到此这篇关于使用VSCode如何从github拉取项目的实现的文章就介绍到这了,更多相关VSCodegithub拉取项目内容请搜索自学编程网以前的文章或继续浏览下面的相关文章希望大家... 继续阅读 >
2020
10-09

vscode配置anaconda3的方法步骤

注意：由于博文已经很多这方面的内容，这里不介绍安装vscode和anaconda的步骤，只讨论如下情况：已经安装了anaconda,也从官网下载了vscode，如何将两者关联起来？（目前anaconda支持下载安装vscode，这里仅仅针对没有从anaconda下载而是从官网下载vscode的情况）在anaconda中已经安装了numpy，matplotlib等安装包，不想在vscode中再次安装，与anaconda关联后可以一起调用针对上面的情况，通过如下步骤可以解决1，进入file—pre... 继续阅读 >
2020
10-09

ros项目调试:vscode下配置开发ROS项目的详细教程

引言在vscode下面配置用于ROS项目开发的环境包括头文件目录的配置，catkin_make命令的配置，GDBdebug的配置，以及ROS插件。vscode头文件目录配置安装“c/c++”插件到vscode左边栏的EXTENSIONS中，搜索“C/C++”并安装生成c_cpp_properties.jsonvscode自身配置文件全部在./.vscode/目录下但是，在最开始对自己新建的目录和文件进行编辑后，文件夹里面是没有.vscode目录的同时，我们的cpp文件代码中的#include<>这句话是有下划线... 继续阅读 >
2020
10-09

使用VScode搭建ROS开发环境的教程详解

俗话说＂工欲善其事必先利其器＂，之前在Ubuntu上运行的ROS项目都是用vim或者gedit编写和修改代码，然后在终端编译运行，很不方便，函数跳转查看都没办法实现。所以今天我决定找一个方便的开发工具，也就是找一个像Windows上的VS那样的集成开发工具(IDE)，ROS官网上有一个不同IDE的对比文章，网址在这里我选择使用VScode．下载安装好VScode后，在扩展栏安装C/C++，CMake，CMakeTools，CodeRunner，ROS(deprecated)，Chinese这些... 继续阅读 >