- 博客(20)
- 资源 (2)
- 问答 (1)
- 收藏
- 关注
原创 JS工具库集合
Day.js一个极简的处理时间和日期的 JavaScript 库,和 Moment.js 的 API 设计保持一样, 但体积仅有2KB。npm install dayjs基本用法import dayjs from 'dayjs'dayjs().format('YYYY-MM-DD HH:mm') // => 2022-01-03 15:06dayjs('2022-1-3 15:06').toDate() // => Mon Jan 03 2022 15:06:00 GMT
2022-02-12 14:49:06
335
原创 vue项目中导出excel表格数据
关于vue项目中导出excel表格数据,我又忘记了。。。感觉还是有必要记一下。一、需要安装三个依赖:npm install -S file-saver xlsxnpm install -D script-loader二、项目中新建文件夹(文件名excel)里面放置两个文件Blob.js和Export2Excel.js。链接:https://pan.baidu.com/s/1dZCFNNHkJPLwUX0GpoiT8Q 提取码:1234复制这段内容后打开百度网...
2021-11-16 17:02:37
712
原创 (小例子)点击图标/链接发起QQ临时会话
有时候,我们需要实现在网页上点击一个QQ图标来实现QQ临时会话,这样不用添加好友,也能满足及时沟通的需求。实现方案比较简单,只是为a标签修改href属性,代码如下:<a href="http://wpa.qq.com/msgrd?v=3&uin=你要输入的QQ号码&site=qq&menu=yes" target="_blank" title="QQ">但是你在修改上方的代码并加入QQ...
2021-10-20 11:08:43
1005
原创 关于Vue项目安装和使用Scss的简单操作
一、安装依赖(指定低版本安装) 由于npm安装一些包的时候,会默认安装最新版本,但过对于sass来说版本过高会导致scss编译错误。所以本文在安装依赖的时候指定了低版本进行安装。npm install sass-loader@7.3.1 --save-devnpm install node-sass@4.14.1 --save-dev二、在build文件夹下的webpack.base.conf.js的rules里面添加配置{test: /\.scss$/,loa...
2021-09-01 09:52:13
490
原创 关于Vue项目跨域请求问题的简单解决方法
1.什么是跨域跨域指浏览器不允许当前页面的所在的源去请求另一个源的数据。源指协议,端口,域名。只要这个3个中有一个不同就是跨域。举例当前页面url 被请求页面url 是否跨域 原因 http://www.test.com/ http://www.test.com/index.html 否 同...
2021-09-01 09:13:26
1576
原创 Vue+SpringBoot简单的文件上传数据库页面对其进行获取(非存储路径)
1.首先在数据库一张表中建立存储文件二进制数据的字段对于BLOB 类型的定义:一个 BLOB 是一个可以保存一可变数量的数据的二进制大对象。另外还有三个兄弟类型(TINYBLOB、MEDIUMBLOB 和 LONGBLOB)它们之间的不同仅仅在于他们能保存值的最大长度不一致。2.创建相关的实体类变量用byte[]存储二进制控制器上传文件,控制器对文件进行获取,使用getBytes()方法把文件转换成By...
2021-08-18 17:34:56
1110
原创 关于Vue项目中引入百度地图的简单方法
使用百度地图js API 前, 需要申请应用的ak 秘钥,在官网上自己申请即可;普通的 html 文件 中只要给定script标签如: <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=自己的ak秘钥"></script>如下:地图下代码如下:<template> <el-row class="warp"> <...
2021-08-12 17:46:48
393
原创 关于Vue项目搭建以及全家桶的使用详细教程
前言vue是现阶段很流行的前端框架,很多人通过vue官方文档的学习,对vue的使用都有了一定的了解,但再在项目工程化处理的时候,却发现不知道改怎么更好的管理自己的项目,如何去引入一些框架以及vue全家桶其他框架的使用,以下将详细地介绍本人在处理工程文件构建的过程;对于刚开始解除vue的新手,建议使用官方脚手架vue-cli,当然,如果你对于webpack很熟悉,你也可以自己动手搭建自己的脚手架,当然如果你没把握的话,还是推荐使用vue-cli,能更好的帮助你搭建项目:步骤一、安装vue-clino
2021-08-10 08:29:25
692
转载 Spring Boot qq邮箱验证码注册和登录验证
1、登录注册思路这是一个使用spring boot做的一个qq邮箱注册和登录的项目。没写前端页面,使用postman测试。有截图详细。1.1、思路注册:通过输入的邮箱发送验证码,检验前端传来的验证码是否和后台生成的一致,若一致,将数据写入数据库,完成注册;登录:通过输入的邮箱查询密码,然后比较密码是否一致,一致就是登录成功。1.2、整个项目结构图2、准备2.1、开启邮箱POP3/SMTP服务登录qq邮箱后,点击左上方的设置,选择账户,如下图。然后一直往下..
2021-08-09 15:21:24
1664
原创 Map基本用法
js对象,本质上是键值对的集合(Hash结构),传统上只能用字符串做键值,给使用带来限制;为了解决之歌问题,es6提供了Mao结构;类似于对象,也是键值对的集合,但是键值不限于字符串,各种类型都可以做键值。const m = new Map();const o = {p: 'Hello World'};m.set(o, 'content')m.get(o) // "content"m.has(o) // truem.delete(o) // truem.has(o) // fals
2021-08-09 15:12:34
398
原创 关于使用Vue实现图片上传的三种方式
项目中需要上传图片可谓是经常遇到的需求,本文将介绍 3 种不同的图片上传方式,在这总结分享一下,有什么建议或者意见,请大家踊跃提出来。没有业务场景的功能都是耍流氓,那么我们先来模拟一个需要实现的业务场景。假设我们要做一个后台系统添加商品的页面,有一些商品名称、信息等字段,还有需要上传商品轮播图的需求。我们就以Vue、Element-ui,封装组件为例子聊聊如何实现这个功能。其他框架或者不用框架实现的思路都差不多,本文主要聊聊实现思路。1.云储存常见的 七牛云,OSS(阿里云)等,这些云平台提
2021-08-09 15:09:09
2801
原创 bootstrap实现简单的多行折叠
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script> <script src="htt...
2021-08-09 15:03:41
338
原创 SpringBoot快速搭建
我们说SpringBoot是Spring框架对“约定优先于配置(Convention Over Configuration)”理念的最佳实践的产物,一个典型的 SpringBoot 应用本质上其实就是一个基于 Spring 框架的应用,而如果大家对 Spring 框架已经了如指掌,那么,在我们一步步揭开 SpringBoot 微框架的面纱之后,大家就会发现“阳光之下,并无新事”。一个典型的 SpringBoot 应用长什么样子呢?下面我们快速搭建一个SpringBoot 应用。1)打开浏览器,输...
2021-08-09 14:06:49
77
原创 SQL Union和SQL Union All用法
UNION 操作符用于合并两个或多个 SELECT 语句的结果集。请注意,UNION 内部的 SELECT 语句必须拥有相同数量的列。列也必须拥有相似的数据类型。同时,每条 SELECT 语句中的列的顺序必须相同。SQL UNION 语法SELECT column_name(s) FROM table_name1UNIONSELECT column_name(s) FROM table_name2注释:默认地,UNION 操作符选取不同的值,即UNION是去了重的。如果允许重复的值,请使用 UNION
2021-08-02 00:05:38
168
原创 git安装及配置
Git是一个免费开源分布式版本控制系统设计用于处理从小型到非常大的项目,速度和效率。下载地址: Git For Windows下载(点击Dowload下载即可); Git官网淘宝镜像下载(最下面的是最新的); 腾讯软件下载中心下载; 目前看就这3个下载快,都是一样的,同一个包,都是最新的下载速度也没有区别。目前最新版本包为 Git-2.32.0-64-bit.exe安装教程:一路点Next就行,默认就行。在第二步,选择安装路径,自己改一下安装地址。借个图
2021-07-31 19:53:37
206
原创 解决Maven打包报错Could not transfer artifact xxx.xxx找不到依赖的问题
概述当我用idea导入一个新的maven项目,配置好maven仓库,然后进行更新项目时。发现有三个jar包从中央仓库(http://maven.aliyun.com/nexus/content/groups/public)没有下载下来。于是就从同事电脑上把jar包拷贝到我本地仓库,更新了一下没有报错,项目也能正常运行。但是当进行install或者package的时候又报错之前的错误,于是开始在网上找帖子,整了一个多小时终于好了。方案一将本地仓库对应目录下的_remote.repositories文件
2021-07-22 11:09:18
3195
原创 整理了52 条 SQL 语句性能优化策略,建议收藏!
安排,本文会提到52条SQL语句性能优化策略。1、对查询进行优化,应尽量避免全表扫描,首先应考虑在where及order by涉及的列上建立索引。2、应尽量避免在where子句中对字段进行null值判断,创建表时NULL是默认值,但大多数时候应该使用NOT NULL,或者使用一个特殊的值,如0,-1作为默认值。3、应尽量避免在where子句中使用!=或<>操作符,MySQL只有对以下操作符才使用索引:<,<=,=,>,>=,BETWEEN,I...
2021-06-11 10:22:32
113
1
转载 Springboot,SSM及SSH的概念和区别
Springboot的概念:是提供的全新框架,使用来简化Spring的初始搭建和开发过程,使用了特定的方式来进行配置,让开发人员不在需要定义样板化的配置。此框架不需要配置xml,依赖于想MAVEN这样的构建系统。Springboot的优点:1.减少了大量的开发时间并提高了生产力。2.避免了编写大量的样板代码,注释和XML配置。3.解决了Spring的弊端。4.快速整合第三方框架,无需配置文件。5.代码少了、配置文件少了、不需要对第三方框架烦恼了、项目精简了,对整个团队的开发及维护来说,更大的
2021-06-02 16:53:38
612
原创 JavaScript原生汇总
JS选取DOM元素的方法 注意:原生JS选取DOM元素比使用jQuery类库选取要快很多1、通过ID选取元素 document.getElementById('myid'); 2、通过CLASS选取元素 document.getElementsByClassName('myclass')[0]; 3、通过标签选取元素 document.getElementsByTagName('mydiv')[0]; 4、通过NAME属性选取元素(常用于表单) document.getElementsByNa
2021-04-30 14:03:31
309
原创 HTTP常见状态码(404、 400、 500) 等错误
一些常见的状态码为:200 -服务器成功返回网页404 -请求的网页不存在503 -服务不可用详细分解:1xx (临时响应)表示临时响应并 需要请求者继续执行操作的状态代码。代码说明:100 (继续) 请求者应当继续提出请求。服务器返回此代码表示已收到请求的第一部分,正在等待其余部分。101 (切换协议) 请求者 已要求服务器切换协议,服务器已确认并准备切换。2xx (成功) 表示成功处理了请求的状态代码。代码说明:200 (成功) 服务器已成功处理了请求。通常,这表示服务器
2021-04-25 09:10:15
406
未来前端方向及趋势在哪里
2021-09-01
TA创建的收藏夹 TA关注的收藏夹
TA关注的人