
vue 通过绑定事件获取当前行的id操作
如下所示:<div @click="router(items.productId)" style="float: left;" :key='items.productName' v-for="items in item"> </div>获取:router(e){ conslone.log(e); }补充知识:Vue.js的事件(单双击、鼠标和键盘)以及阻止事件冒泡自己随便琢磨了一个小的Demo,实现了一些事件和阻止事件冒泡,具体的代码如下,注释在代码里...
2024-01-10
基于Vue中的父子传值问题解决
主题是Vue中几种常见的传值方法。。。先写个父子传值吧vue-cli构建项目目录,噜啦啦,这个就不用说了吧。接着创建父子组件,父组件Father.vue,子组件Son.vue(随意起名,开心就好),然后在父组件中引入子组件,创建一个父组件的路由。车门已经焊死了,请继续往下看1.父传子Father.vue(用v-bind(简写 : )...
2024-01-10
VUE实现大转盘抽奖
目录UI初始参考各值参考图方案分析-参数配置核心思路:关于旋转位置参数配置实现逻辑组件使用抽奖效果结语UI老规矩,先看下静态UI,以便于有个图像概念初始参考各值参考图方案分析-参数配置核心思路:将指针和中奖区域划分两部分,目前常规的效果,控制中奖区域旋转,然后停在指针处...
2024-01-10
js实现三角形粒子运动
本文实例为大家分享了js实现三角形粒子运动的具体代码,供大家参考,具体内容如下效果(这里只是截了一个静态图,实际上里面的粒子是运动状态的):<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>粒子</title> <style> * { margin: 0; ...
2024-01-10
vue项目接口管理,所有接口都在apis文件夹中统一管理操作
在vue开发中,会涉及到很多接口的处理,当项目足够大时,就需要定义规范统一的接口,如何定义呢?方法可能不只一种,本文使用axios+async/await进行接口的统一管理本文使用vue-cli生成的项目举例使用接口管理之前在项目的某个具体组件中调接口,把调用接口的方法直接写在mounted中,或在是methods中...
2024-01-10
spring中bean id相同引发故障的分析与解决
前言最近因为同事bean配置的问题导致生产环境往错误的redis实例写入大量的数据,差点搞挂redis。经过快速的问题定位,发现是同事新增一个redis配置文件,并且配置的RedisSentinelConfiguration的id是一样的,然后在使用@Autowired注入bean的时候因为spring bean覆盖的机制导致读取的redis配置不是原来的。总结起...
2024-01-10
基于Java中最常用的集合类框架之HashMap(详解)
一、HashMap的概述HashMap可以说是Java中最常用的集合类框架之一,是Java语言中非常典型的数据结构。HashMap是基于哈希表的Map接口实现的,此实现提供所有可选的映射操作。存储的是对的映射,允许多个null值和一个null键。但此类不保证映射的顺序,特别是它不保证该顺序恒久不变。除了HashMap是非同步以...
2024-01-10
java实现图片文字识别ocr
最近在开发的时候需要识别图片中的一些文字,网上找了相关资料之后,发现google有一个离线的工具,以下为java使用的demo 在此之前,使用这个工具需要在本地安装OCR工具: 下面一个是一定要安装的离线包,建议默认安装 上面一个是中文的语言包,如果网络可以FQ的童鞋可以在安装的时候就...
2024-01-10
基于Rest的API解决方案(jersey与swagger集成)
一、项目目标动静分离的架构,即客户端和服务器端的分离,客户端可以是IOS、android或者静态的页面。需要服务器端提供webservice服务,并且为了方便编写api接口文档,所以引入了swagger。二、技术选型为什么使用jersey而不用spring mvc虽然spring-web提供了REST的功能,但是没有实现JAX-RS的标准。二、maven...
2024-01-10
Java中的对象流总结(必看篇)
Java中可以通过对象流将一个序列化的对象保存到硬盘中,或者硬盘中读取一个对象。对象流的存储和读取包含以下几点内容:1、所保存的对象必须实现Serializable接口。2、 所保存的对象的属性也必须实现Serializable接口。3、 最好要给该对象提供一个版本号,private static final long serialVersionId。下面是一...
2024-01-10
基于Spring + Spring MVC + Mybatis 高性能web构建实例详解
一直想写这篇文章,前段时间痴迷于JavaScript、NodeJs、AngularJS,做了大量的研究,对前后端交互有了更深层次的认识。今天抽个时间写这篇文章,我有预感,这将是一篇很详细的文章,详细的配置,详细的注释,看起来应该很容易懂。用最合适的技术去实现,并不断追求最佳实践。这就是架构之道。...
2024-01-10
Java Http接口加签、验签操作方法
1、业务背景 最近接触了一些电商业务,发现在处理电商业务接口时,比如淘宝、支付类接口,接口双方为了确保数据参数在传输过程中未经过篡改,都需要对接口数据进行加签,然后在接口服务器端对接口参数进行验签,确保两个签名是一样的,验签通过之后再进行业务逻辑处理。我们这里主要介绍...
2024-01-10
JVM角度调试优化MyEclipse
在将工作电脑的操作系统更换为win7之后,我的MyEclipse的启动速度和运行速率一直很不理想。特别是在同时修改调试多个页面模板的时候,来回切换两个文件总是会卡个十来秒。试过关掉各种插件和验证也无济于事。于是在大致的研究完JVM后,决定从JVM的角度来试着解决这个问题。启动优化:首先来看...
2024-01-10
Spring学习笔记2之表单数据验证、文件上传实例代码
在上篇文章给大家介绍了Spring学习笔记1之IOC详解尽量使用注解以及java代码,接下来本文重点给大家介绍Spring学习笔记2之表单数据验证、文件上传实例代码,具体内容,请参考本文吧!一、表单数据验证用户注册时,需要填写账号、密码、邮箱以及手机号,均为必填项,并且需要符合一定的格式。比...
2024-01-10
Java数据导入功能之读取Excel文件实例
在编程中经常需要使用到表格(报表)的处理主要以Excel表格为主。下面给出用java读取excel表格方法: 1.添加jar文件 java导入导出Excel文件要引入jxl.jar包,最关键的是这套API是纯Java的,并不依赖Windows系统,即使运行在Linux下,它同样能够正确的处理Excel文件。下载地址:http://www.andykhan.com/jexcelapi/...
2024-01-10
在Mac OS上安装Tomcat服务器的教程
对于Apache Tomcat 估计很多童鞋都会,那么今天就简单说下在mac上进行tomcat的安装; 第一步:下载Tomcat 这里Himi下载的tomcat version:7.0.27直接上下载地址:http://tomcat.apache.org/download-70.cgi直接下载如下选中即可:第二步: 下载完成后 ,然后随意放目录吧,这里Himi放入 /usr/local/右键你...
2024-01-10
浅析Java Web错误/异常处理页面
发生服务器 500 异常,如果默认方式处理,则是将异常捕获之后跳到 Tomcat 缺省的异常页面,如下图所示。不论哪个网站都是一样的,所以为了满足自定义的需要,Tomcat 也允许自定义样式的。也就是在 web.xml 文件中配置:<error-page> <error-code>500</error-code> <location>/error.jsp</location> </error-page> 首...
2024-01-10
关于iBatis和Spring的整合
在使用iBatis的sqlmap时,总是有些疑惑,DAO是怎么找到sqlmap的配置文件的呢,DAO是怎么获得数据库的配置信息的呢,这些又是怎么和Spring整合在一起的呢?带着这些疑问,鄙人试图通过对某个项目的代码分析,来理清这些头绪。 当我们书写一个DAO实现类时,首先implement一...
2024-01-10
python3集合set – Python3教程
上一章Python教程请查看:python3字符串string在本文中,你将学习关于Python集的所有内容,如何创建、添加或删除元素以及在Python中对集合执行的所有操作。Python中的集合是什么?集合是项目的无序集合,每个元素都是唯一的(没有重复),并且必须是不可变的(不能更改)。然而,集合本身是可变的,我们...
2024-01-10
怎么去掉vim全屏下最下面的空白行?
最下面紫色的部分, 还有有边框也有一点回答:目测是 cmdheight 配置成 2 了set cmdheight=1回答:在ubuntu下面是不可能去掉最下面的边距的,我来告诉你为什么:嗯哼……本质原因在于terminal下面字符显示的行高是固定的……当terminal窗口到最大的时候,窗体高度往往不是行高的整数倍……我也是跟你...
2024-01-10
