这十件事只有爱茶的人才会懂
喝茶是一种修行!这十件事只有爱茶的人才会懂喝到好茶中途根本停不下来!口中发出“休~咕噜咕噜”的声音，中间还不停的念叨“好茶~真是好茶!”。一个人的时候总是能在茶桌前坐一天，有茶在，就不管时间去哪儿了。茶友之间约喝茶，有一种默契心照不宣：要有好茶!要有好茶!要...
2024-01-10
vue实现登录时的图片验证码
本文实例为大家分享了vue实现登录时的图片验证码的具体代码，供大家参考，具体内容如下效果图一、新建vue组件components/identify/identify.vue<template> <div class="s-canvas"> <canvas id="s-canvas" :width="contentWidth" :height="contentHeight"></canvas> </div></template><script>export default { name: 'SId...
2024-01-10
vue实现检测敏感词过滤组件的多种思路
目录写在前面需求分析v1思路一：使用截流方法监听输入框的input事件思路二：使用输入框的失焦和保存按钮的点击事件思路三：使用mixins抽取敏感词检测方法思路四：使用promise封装敏感词检测组件(面向需求v1)思路五：使用插槽和mixins封装敏感词检测组件(面向需求v2)优化与改进写在最后写在前面 ...
2024-01-10
Vue3状态管理的使用详解
目录背景Provide / Inject抽离共享状态提供数据注入数据小结reactive抽离共享状态使用共享状态小结结语背景随着Vue3的逐步应用，对状态管理的需求越来越多。起初是基于Vuex4进行状态管理的，但是Vuex4也暴露了一些问题。从个人角度来说，Vuex4类似于过渡期产品，对TypeScript的支持性并不完整。如果使用Ty...
2024-01-10
vue随机验证码组件的封装实现
本文实例为大家分享了vue随机验证码组件的具体代码，供大家参考，具体内容如下由于工作需要自己做了一个验证码组件，灵活性不高，但是可以用，代码也不太复杂<template> <div style="display: flex;justify-content: start;align-items: center;border-radius: 4px"> <canvas style="" :width="contentWidth" :height="contentHeight" id="cav" @...
2024-01-10
从 0 开始写一个 npm module
公司大了，团队大了以后，自然会出各种产品，即各种项目。而我们知道，每个项目其实都有很多共同的代码可以复用。复制粘贴这种重复劳动当然每个人都很讨厌，而且还有操作失误的情况。常用函数封装、正则、组件等，都可以做成 npm module 发布到 npm 上，方便所有的项目使用。基础基础的命令和...
2024-01-10
浅谈Web Storage API的使用
目录一、浏览器的本地存储技术1.1、sessionStorage1.2、localStorage二、Web Storage相关接口三、浏览器兼容性四、隐身模式五、使用Web Storage API一、浏览器的本地存储技术除了最早的使用cookie来进行本地存储之外，现代浏览器使用Web Storage API来方便的进行key/value的存储。Web Storage有两种存储方式：1.1、sessionSt...
2024-01-10
JavaScript Reduce使用详解
目录mapfiltersomeeveryfindIndexpipe参考答案一、返回函数接受一个参数二、返回函数接受不定参数实现 lodash.get参考答案实现 lodash.flattenDeep过滤掉对象中的空值enumifyPromise 串行执行器拓展学会这一个技巧 Reduce 让你开启编程新世界Learning This Reduce Skill and a Whole New World Will Open up for You ????reduce 可谓是 JS 数组...
2024-01-10
jQuery实现简单弹幕制作
在现在的视频网站，我们在看视频的时候经常会有弹幕出现，那么怎么通过js实现这一效果呢，下面介绍一种简单的方法。首先，搭好结构：页面中先放一个视频，视频下部放一个input 标签和button按钮，代码如下：<div class="box"> <div class="top"> <video src="./static/梦然-少年 .mp4" controls autoplay muted></audio...
2024-01-10
Openlayers显示地理位置坐标的方法
本文实例为大家分享了Openlayers显示地理位置坐标的具体代码，供大家参考，具体内容如下1、新建一个html页面，引入ol.js和ol.css文件，然后在body中创建两个div标签，分别用来作为地图和鼠标位置控件的容器；2、代码实现<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" conten...
2024-01-10
js节流防抖应用场景,以及在vue中节流防抖的具体实现操作
故事背景：项目有个需求是输入框在输入的时候进行搜索，展示下拉数据，但是没必要输入一个字都进行搜索，所以想到了在输入结束200毫秒后再进行搜索，从而引出来了 js的节流(throttle)，防抖（debounce），在网上想找个现成的用下，但是好多都不对，于是就自己搞了。先看看概念函数防抖(debounce)...
2024-01-10
vue v-for 点击当前行,获取当前行数据及event当前事件对象的操作
前言在 v-for 循环语句上，定义一个点击事件 传入两个参数（当行数据、当前事件对象），如下代码片段，当前事件对象必须加上 ‘$' 符号<template> <div> <ul> <li v-for="(item, index) in arrData" :key="index" @click="operate(item, $event)" > {{ item.title }} </li> </ul> </div></template><script>export d...
2024-01-10
Eclipse中Debug时鼠标悬停不能查看变量值解决办法
问题描述：Eclipse在Debug模式下，当鼠标移动到某个变量上面时不自动显示该变量对应的值。解决方法：在Eclipse中点击 Window->Preferences->Java->Editor->Hovers， 勾选Variable Values，（如果Combined Hover已经选择了，就取消它）, 然后点击Apply，最后点OK。有时不需要勾选Variable Values，只勾选Combined Hover也能查看变量...
2024-01-10
Spring boot多线程配置方法
本文实例为大家分享了Spring boot多线程配置的具体代码，供大家参考，具体内容如下1、配置线程配置类package test;import java.util.concurrent.Executor;import org.springframework.aop.interceptor.AsyncUncaughtExceptionHandler;import org.springframework.context.annotation.ComponentScan;import org.springfra...
2024-01-10
Java使用Math.random()结合蒙特卡洛方法计算pi值示例
本文实例讲述了Java使用Math.random()结合蒙特卡洛方法计算pi值。分享给大家供大家参考，具体如下：一、概述蒙特・卡罗方法（Monte Carlo method），也称统计模拟方法，是二十世纪四十年代中期由于科学技术的发展和电子计算机的发明，而被提出的一种以概率统计理论为指导的一类非常重要的数值计算方...
2024-01-10
ReentrantLock实现原理详解
以下是本篇文章的大纲1 synchronized和lock 1.1 synchronized的局限性 1.2 Lock简介2 AQS3 lock()与unlock()实现原理 3.1 基础知识 3.2 内部结构 3.3 NonfairSync 3.3.1 lock() 3.3.2 unlock() 3.3.3 小结 3.4 FairSync4 超时机制5 总结1 synchronized和lock1.1 synchronized的局限性synchron...
2024-01-10
详谈Java编程之委托代理回调、内部类以及匿名内部类回调(闭包回调)
最近一直在看Java的相关东西，因为我们在iOS开发是，无论是Objective-C还是Swift中，经常会用到委托代理回调，以及Block回调或者说是闭包回调。接下来我们就来看看Java语言中是如何实现委托代理回调以及闭包回调的。当然这两个技术点虽然实现起来并不困难，但是，这回调在封装一些公用组件时还是特...
2024-01-10
JDK的下载、安装与部署图文教程
这个虽然对很多人来说非常简单，但是还是写写吧，希望能帮助依然有需要的后来者，记得我第一次配置JDK的时候配置了很久，而且现在每次需要自己重新配置JDK都要看下相应的文章来回忆下，这样才能够完成JDK配置多了也就渐渐熟悉了。对于JDK的下载，JAVA的初学者可能就会有疑惑，毕竟这些年JAVA...
2024-01-10
浅析java快速排序算法
快速排序是找出一个元素（理论上可以随便找一个）作为基准(pivot),然后对数组进行分区操作,使基准左边元素的值都不大于基准值,基准右边的元素值 都不小于基准值，如此作为基准的元素调整到排序后的正确位置。递归快速排序，将其他n-1个元素也调整到排序后的正确位置。最后每个元素都是在排序...
2024-01-10
如何在Ubuntu 16.04中安装和使用python人脸识别和检测库
本文概述要求1.安装并编译dlib2.为dlib安装Python绑定3.安装人脸识别库4.使用方法face_recognition库是世界上最简单的Python和命令行人脸识别api, 在网络上广为人知, 最重要的是, 你无需为此付出一分钱, 该项目是完全开源的, 因此, 如果你具有一些开发知识, 并且能够从头开始构建一个库, 那么你一定会知...
2024-01-10
CSS下拉菜单未正确对齐
我为客户端开发了http://pizzli.com/millington, 而下拉菜单仅使用CSS。他们表现不错, 但是由于某种原因, 它们与右边对齐。看看下面的图片。任何援助将不胜感激。#1嘿, 我想让你的下拉导航开始左, 而不是你给li相对和sub ul赋予左和绝对属性, 就像这样对你的CSS文件进行一些更改#navigation li { float: left;...
2024-01-10
