Vue.js实现九宫格图片展示模块
用Vue.js做了一个九宫格图片展示模块，可点击进行缩放。模块的实际效果九宫格缩略图效果放大后效果代码HTML<template><div class="SongList">//用v-for循环渲染缩略图 <div class="covers" :style="{display:MinDisplay}"> <div class="cover" v-for="(img,index) in imgs" :key='img'><img :src="img.src" width="90%" ...
2024-01-10
Element-UI 10个奇淫技巧小结
目录el-scrollbar 滚动条el-upload 模拟点击el-select 下拉框选项过长el-input 首尾不能为空格el-input type=number 输入中文，焦点上移el-input type=number 去除聚焦时的上下箭头el-form 只校验表单其中一个字段el-dialog 重新打开弹窗，清除表单信息el-dialog 的 destroy-on-close 属性设置无效el-table 表格内容超出省略el-scrollbar 滚...
2024-01-10
Vue源码学习之响应式是如何实现的
目录前言一、一个响应式系统的关键要素1、如何监听数据变化2、如何进行依赖收集——实现 Dep 类3、数据变化时如何更新——实现 Watcher 类二、虚拟 DOM 和 diff1、虚拟 DOM 是什么？2、diff 算法——新旧节点对比三、nextTick四、总结前言作为前端开发，我们的日常工作就是将数据渲染到页面➕处理用户交...
2024-01-10
关于Vue中过滤器的必懂小知识
目录前言什么是过滤器如何使用过滤器全局过滤器局部过滤器过滤器可以串联总结前言大家好，今天来分享下Vue中的过滤器小知识什么是过滤器Vue.js 允许你自定义过滤器，可被用于一些常见的文本格式化。过滤器可以用在两个地方：双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。如何使...
2024-01-10
MySQL中sleep函数的特殊现象示例详解
前言MySQL中的系统函数sleep，实际应用的场景不多，一般用来做实验测试，昨天在测试的时候，意外发现sleep函数的一个特殊现象。如果在查询语句中使用sleep函数，那么休眠的时间跟返回的记录有关。如下测试所示：mysql> create table test(id int);Query OK, 0 rows affected (0.03 sec)mysql> select *, sleep(6) from test;E...
2024-01-10
阿里云安全规则配置详解
前两天趁双11，在阿里云买了一个ECS ( 服务器 )，刚配了一个 nginx，配好后，如下图访问，发现并不能进行访问；原来阿里云服务器为了安全着想，需要配置安全规则，如果你不将端口设置安全规则，浏览器是无法访问到的。那么安全规则配置到底是怎么配的呢？详见如下：（1）登录阿里云，找到【...
2024-01-10
Windows操作系统下Linux虚拟机的安装与配置教程图解
前言在工作中，经常需要在Linux环境下操作，这里记一下win10系统中创建安装和配置Linux的操作系统的过程。资源下载1、虚拟机VMwareVMware可以去官网下载。这里用的是VMware-player-15.5.0版本，下载完安装到电脑上。链接: https://pan.baidu.com/s/1LWhDtRsYMIWGUs91xp-vlQ提取码: kkrt2、镜像系统Ubuntu镜像也可以去Ubunt...
2024-01-10
基于PHP实现堆排序原理及实例详解
堆堆(heap)是计算机科学中一类特殊的数据结构的统称，通常是一个可以被看做一棵树的数组对象。堆{k1,k2,ki,…,kn} (ki <= k2i,ki <= k2i+1)|(ki >= k2i,ki >= k2i+1), (i = 1,2,3,4...n/2)关于堆：堆中某个节点的值总是不大于或不小于其父节点的值；堆总是一棵完全二叉树（下面）。将根节点最大的堆叫做最大堆或大...
2024-01-10
antd-日历组件,前后禁止选择,只能选中间一部分的实例
antd-日历组件，前后禁止选择，只能选中间一部分：dateDisabledDate(current) { // 需求有效期的禁止选择时间 if (this.state.sailingtimeValue != null && this.state.sailingtimeValue.length != 0) { return current && (current < moment().subtract(1, 'd').add(1, "M") || current > moment(this.state...
2024-01-10
ant-design-vue 时间选择器赋值默认时间的操作
我就废话不多说了，大家还是直接看代码吧~<template> <div> <a-range-picker show-time format="YYYY/MM/DD HH:mm:ss" :value="[this.moment(startTime, dateFormat),this.moment(endTime, dateFormat)]" //关键代码 @change="onChangeTime" ></a-range-picker> </div></template><script>...
2024-01-10
浅谈线程的几种可用状态
1. 新建( new )：新创建了一个线程对象。2. 可运行( runnable )：线程对象创建后，其他线程(比如 main 线程）调用了该对象 的 start ()方法。该状态的线程位于可运行线程池中，等待被线程调度选中，获 取 cpu 的使用权 。3. 运行( running )：可运行状态( runnable )的线程获得了 cpu 时间片（ timesli...
2024-01-10
maven多模块工程打包部署的方法步骤
一般maven多模块工程结构如下图，图中分为dao数据层和上层web层(当然还可以有service层),在进行多模块划分的时候，一般将dao层采用jar进行打包，web层进行war打包。在进行war包部署时，发现dao是以jar包形式存在于lib包目录下，如果在部署服务器上需要进行相关配置修改会比较麻烦。因此研究了下用maven进...
2024-01-10
java编程实现求解八枚银币代码分享
1、引言笔者在大学的算法竞赛中，遇到过这样的一个题目，现在拿出来与大家分享一下：现在有现有八枚银币abcdefgh，已知其中一枚是假币，其重量不同于真币，但不知是较轻或较重，如何使用天平以最少的比较次数，决定出哪枚是假币，并得知假币比真币较轻或较重。2、分析如果本题目只是很单...
2024-01-10
Hibernate之环境搭建及demo分享
ORM概念ORM即Object/Relation Mapping, 对象/关系数据库映射。ORM是一种规范，完成面向对象编程语言到关系数据库之间的映射。J2EE中的JPA就是一种ORM规范。ORM框架有很多，例如JPA, Hibernate，iBATIS等。Hibernate简介Hibernate是JBoss旗下，同时也是RetHat组织的产品（JBoss加入了RetHat），是目前非常流行的ORM框架。Hibe...
2024-01-10
为什么Java要把字符串设计成不可变的
String是Java中一个不可变的类，所以他一旦被实例化就无法被修改。不可变类的实例一旦创建，其成员变量的值就不能被修改。不可变类有很多优势。本文总结了为什么字符串被设计成不可变的。将涉及到内存、同步和数据结构相关的知识。字符串池字符串池是方法区中的一部分特殊存储。当一个字符...
2024-01-10
将15位身份证补全为18位身份证的算法示例详解
前言最近在参与一个银行项目-某银行安防系统-反洗钱需求的开发，银行项目的离不开身份证号码，身份证号码作为我国公民的唯一标识，有这非同寻常的意义，由于业务的要求15位的身份证号码无法命中，所以需要补全为18位，一开始自己想着加个年份的前两位，后面再加个X不就行了嘛，后来代码写...
2024-01-10
理解zookeeper选举机制
zookeeper集群配置多个实例共同构成一个集群对外提供服务以达到水平扩展的目的，每个服务器上的数据是相同的，每一个服务器均可以对外提供读和写的服务，这点和redis是相同的，即对客户端来讲每个服务器都是平等的。这篇主要分析leader的选择机制，zookeeper提供了三种方式：LeaderElectionAuthFastLea...
2024-01-10
深入解析Andoird应用开发中View的事件传递
下面以点击某个view之后的事件传递为例子。首先分析view里的dispatchTouchEvent()方法，它是点击view执行的第一个方法。public boolean dispatchTouchEvent(MotionEvent event) { if (mOnTouchListener != null && (mViewFlags & ENABLED_MASK) == ENABLED && mOnTouchListener.onTouch(this, event)) { return tru...
2024-01-10
