-
Java StringBuilder的用法示例
StringBuilder简介StringBuilder 最早出现在JDK1.5,是一个字符拼接的工具类,它和StringBuffer一样都继承自父类AbstractStringBuilder,在AbstractStringBuilder中使用char[] value字符数组保存字符串,但是没有用final关键字修饰,所以StringBuilder是可变的。性能StringBuilder 对字符串
-
Mysql explain用法与结果深入分析
前言在日常工作中,我们会有时会开慢查询去记录一些执行时间比较久的SQL语句,找出这些SQL语句并不意味着完事了,些时我们常常用到explain这个命令来查看一个这些SQL语句的执行计划,查看该SQL语句有没有使用上了索引,有没有做全表扫描,这都可以通过explain命令来查看。所以我们深入了解MySQL的基于开销的优化器,还可以获得很多可能被优化器考虑到的访问策略的细节,以及当运行SQL语句时哪种
-
Spring中使用JSR303请求约束判空的实现
1. 适用场景有时候我们在表单里提交一系列参数, 到后台封装成一个对象, 要对对象的属性做各种字段值的约束; 这时候, 当然可以if-else一个一个的判断, 有更简洁的做法, 就是使用 JSR303+spring的validation:2. 使用方法步骤(分3步) 实体类加字段约束注解 Controller类中@Valid标注启用(@Validated也兼容@Valid) Binding
-
JavaScript中遍历的十种方法总结
1.while循环while后面跟循环条件和执行语句,只要满足条件,就会一直执行里面的执行var i = 0while(i<10){ console.log(i) i++ }2.do...while循环与while相似,但是他会先执行一次,再做判断条件var i=0do{ console,log(i) i++}while(i<10)3.for循环var arr = [0,1,2,3]for(let
-
javascript实现滚轮轮播图片
本文实例为大家分享了Android九宫格图片展示的具体代码,供大家参考,具体内容如下效果图如下,只能用滚轮移动到头部和尾部 思路:根据需要展示的图片数量(view-count)与slide-container中存放的图片数量设置ul的长度,然后设置每个li的
使用Mock.js生成前端测试数据
Mock.js是一个模拟数据生成器,可以让前端独立于后端进行开发。如果你正在开发一个前端页面,可是后台还没有完成供你调用的Api,并且数据格式已经确定,那么你就可以使用Mock.js模拟相关的接口,生成假数据来查看页面效果。Mock.js的功能:生成随机数据,拦截 Ajax 请求。参考文档:https://github.com/nuysoft/Mock/wiki/Getting-Started语法
如何在JavaScript中等分数组的实现
最近开源了一个 Vue 组件,还不够完善,欢迎大家来一起完善它,也希望大家能给个 star 支持一下,谢谢各位了。github 地址:https://github.com/qq449245884/vue-okr-tree在本教程中,我们来学习一下如何使用Array.splice()方法将数组等分,还会讲一下,Array.splice() 和 Array.slice() 它们之间的不同之处。1. 将
详解vue中使用transition和animation的实例代码
以前写页面注重在功能上,对于transition和animation是只闻其声,不见其人,对于页面动画效果心理一直痒痒的。最近做活动页面,要求页面比较酷炫,终于有机会认真了解了。transition:英文过渡的意思,作用是过渡效果;animation:英文活泼、生气、激励,动画片就是animation film,作用是动画效果。transition在w3school的实例://将鼠标悬停在一个 d
js实现复制粘贴的两种方法
本文实例为大家分享了js实现复制粘贴的具体代码,供大家参考,具体内容如下一、前沿界面需要复制功能,所以就写了一个作为简单记录二、方法、推荐第二种。1、第一种方法1)、通过 document.execCommand('copy')2)、前端代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>construc
JavaScript前后端JSON使用方法教程
汇总整理下JSON在JavaScript前后端中的使用方法,包括字符串和JSON对象的互转,JSON数组的遍历,JSON对象key值的获取,JSON内容格式化输出到文件,读取JSON内容文件转化为JSON对象等。一、JavaScript后端JSON操作方法1、JavaScript JSON字符串转JSON对象var testStr = '{"name":"will","age":18,"hobby
记录一次websocket封装的过程
在一个应用中,websocket一般都是以单例形式存在的,即在整个应用中,websocket实例始终保持唯一。但有时我们要用到websocket实例的时候,可能websocket还没实例化,所以要做成异步的形式来获取实例。一、封装。先创建 socket.ts 文件import EventEmitter from 'events'; // 这里用到了 events 包const ee = new E
ES6学习教程之Promise用法详解
前言promise用了这么多年了,一直也没有系统整理过。今天整理整理promise的相关东西,感兴趣的可以一起看一看。我尽量用更容易理解的语言来剖析一下promise我准备分两篇文章来说明一下promise一篇来理解和使用promise(本篇) 另一篇来从promise使用功能的角度来剖析下promise的源码(下一篇)1、什么是Promise我的理解是:实现让我们用同步的方式去写异步代码的一种技
Vue实现购物小球抛物线的方法实例
本文介绍的是利用Vue实现购物小球抛物线的相关内容,下面话不多说了,来一起看看详细的介绍吧css片段 .shop{ position: fixed; top: 300px; left: 40px; } .ball{ position: fixed; left: 32px; bottom: 22px; z-index: 200; transition: all 0.4s cubic-
js异步接口并发数量控制的方法示例
请实现如下的函数(发请求的函数可以直接使用fetch) 可以批量请求数据,所有的URL地址在urls参数中 同时可以通过max参数 控制请求的并发度 当所有的请求结束后,需要执行callback回调 function sendRequest (urls: string[], max: number, callback: () => void) {}fetch 函数返回的是一个promise
docker镜像导入导出备份迁移的操作
导出:docker save -o centos.tar centos:latest #将centos:latest镜像导出为centos.tar文件导入:docker load -i centos.tar #加载centos.tar,加载后的镜像各标签与原导出的镜像标签相同补充知识:docker将镜像保存为tar文件将单个文件保存为tar文件,并加载到本地docker save ****.v1
Nuxt的路由动画效果案例
路由的动画效果,也叫作页面的更换效果。Nuxt.js提动两种方法为路由提动动画效果,一种是全局的,一种是针对单独页面制作。全局路由动画全局动画默认使用page进行设置,例如现在我们为每个页面都设置一个进入和退出时的渐隐渐现的效果。我们可以先在根目录的assets/css下建立一个main.css文件。/assets/css/main.css.page-enter-active,.page-leav
Ant Design Vue table中列超长显示...并加提示语的实例
我就废话不多说了,大家还是直接看代码吧~<template> <a-row class="a-left"> <a-row> <p class="a-title">今日考勤状况</p> <a-row type="flex" justify="space-around"> <a-col :span="4" class="block"> <h3>出勤状况总览</h3> {{ cntAll.cnt }
antd配置config-overrides.js文件的操作
下载antd 包npm install antd下载依赖包(定义组件按需求打包)npm install react-app-rewired customize-cra babel-plugin-import自定义less-loader,改变antd默认样式npm install less less-loader根目录定义加载按需打包的js配置模块: config-overrides.jsconst
Vue使用CDN引用项目组件,减少项目体积的步骤
Vue项目打包后有的文件动辄几百KB或几M,这对一个前端项目的加载无疑是致命的。当你的服务器部署在阿里云或亚马逊,每秒只有100kb的加载速度时,页面的载入速度绝对让你崩溃。那么有什么办法可以在依旧是100kb/s的加载速度下让我们的页面快起来呢?CDN算是其中之一的解决办法。 首先,我们要明白为什么我的Vue项目在打包后产生的文件会那么大。我们在最开始使用Vue的时候几乎所有组件、插件的引
TypeScript魔法堂之枚举的超实用手册
前言也许前端的同学会问JavaScript从诞生至今都没有枚举类型,我们不是都活得挺好的吗?为什么TypeScript需要引入枚举类型呢?也许被迫写前端的后端同学会问,TypeScript的枚举类型是和Java/.NET的一样吗?下面我们来一起探讨和尝试解答吧!前端一直都需要枚举我敢保证,前端的同学都会万分肯定地告诉大家:我们从来没有写过枚举。那是因为虽然ECMAScript将enum作为保留字,
node.js如何操作MySQL数据库
MySQL数据库作为最流行的开源数据库。基本上是每个web开发者必须要掌握的数据库程序之一了。基本使用node.js上,最受欢迎的mysql包就是mysql模块。npm install mysql然后在js脚本里面直接引用进来var mysql = require('mysql');配置mysql的数据库连接。var connection = mysql.createConnection({
Javascript数组及类数组相关原理详解
数组创建方式有两种1. var arr = []2. var arr = new Array()如果只有一个参数会指定数组的长度,当一个参数时只能是整形,如下例子var arr = new Array(10) var arr = new Array(10.2) //会报错var arr = new Array(1, 2, 3) //arr = [1, 2, 3]数组常用方法改变原数组 push p
node.js爬虫框架node-crawler初体验
百度爬虫这个词语,一般出现的都是python相关的资料。py也有很多爬虫框架,比如scrapy,Portia,Crawley等。之前我个人更喜欢用C#做爬虫。随着对nodejs的熟悉。发现做这种事情还是用脚本语言适合多了,至少不用写那么多的实体类。而且脚本一般使用比较简单。 在github上搜索node+spider,排名第一的就是node-crawler github:https://gith
ant design中upload组件上传大文件,显示进度条进度的实例
Upload组件是自带上传进度,但是样式调起来很麻烦,我们要做的就是自定义一个首先页面要引入组件 Upload, ProgressuploadAttachmentsProps = { action: `/api/upload`, showUploadList: false, // 这里关闭自带的列表 beforeUpload: (info) => { /* 上传前的钩子,可以用来判断类型,和大小
解决antd datepicker 获取时间默认少8个小时的问题
1、扩展日期格式化方法Date.prototype.format = function (fmt) { let o = { "M+": this.getMonth() + 1, //月份 "d+": this.getDate(), //日 "h+": this.getHours(), //小时 "m+": this.getMinutes(

