html
文章平均质量分 61
普通网友
这个作者很懒,什么都没留下…
展开
-
Java实现Token登录验证(基于JWT的token认证实现)
文章目录一、JWT是什么?二、使用步骤1.项目结构2.相关依赖3.数据库4.相关代码三、测试结果一、JWT是什么?在介绍JWT之前,我们先来回顾一下利用token进行用户身份验证的流程:1、客户端使用用户名和密码请求登录2、服务端收到请求,验证用户名和密码3、验证成功后,服务端会签发一个token,再把这个token返回给客户端4、客户端收到token后可以把它存储起来,比如放到cookie中5、客户端每次向服务端请求资源时需要携带服务端签发的token,可以在co原创 2022-03-12 13:03:33 · 29361 阅读 · 7 评论 -
vue3中ref的理解
1.什么是refref和reactive一样,也是用来实现响应式数据的方法由于reactive必须传递一个对象,所以在实际开发中如果只是想让某个变量实现响应式的时候回非常麻烦所以Vue3提供了ref方法实现简单值得监听2.ref本质ref底层其实还是reactive,所以当运行时系统会自动根据传入的ref转换成reactive.3.ref注意点在vue中使用ref的值不用通过value获取在js中使用ref的值必须通过value获取4.ref获取元素在vue2中我们可以通原创 2022-03-11 21:36:11 · 2103 阅读 · 0 评论 -
threejs 模型添加文字的几种方式
在给几何体或者导入的模型表面添加文字时,可以用如下方式1 将文字绘制到canvas中,并将其用作Texture给正方体某个表面添加文字为例;如下创建一个正方体// ---------------------------------------------------------------------// 添加模型// ---------------------------------------------------------------------var geometry = new T原创 2022-03-11 18:34:53 · 2740 阅读 · 0 评论 -
run `npm fund` for details解决,前端开发:项目运行npm install 提示XXX ...for funding run `npm fund`...的解决方法
run npm fund for details解决,前端开发:项目运行npm install 提示XXX …for funding run npm fund…的解决方法35 packages are looking for fundingrun npm fund for detailsfound 18 vulnerabilities (3 low, 9 moderate, 6 high)run npm audit fix to fix them, or npm audit for details原创 2022-03-11 15:57:57 · 80387 阅读 · 12 评论 -
Mybatis-Plus如何使用分页
文章目录Mybatis-plus如何使用分页1.写个Mybatis-plus配置类:2.写接口测试3.注意4.如果你还有查询条件1.Lambda表达式2.普通查询Mybatis-plus如何使用分页1.写个Mybatis-plus配置类:是通过拦截器实现分页@Configurationpublic class MybatisConfig { @Bean public MybatisPlusInterceptor mybatisPlusInterce原创 2022-03-11 14:34:20 · 271 阅读 · 0 评论 -
java java.lang.IllegalAccessError class lombok.javac.apt.LombokProcessor (in unnamed module @0x590
java: java.lang.IllegalAccessError: class lombok.javac.apt.LombokProcessor (in unnamed module @0x5909b5c9) cannot access class com.sun.tools.javac.processing.JavacProcessingEnvironment (in module jdk.compiler) because module jdk.compiler does not export co原创 2022-03-11 13:12:15 · 2997 阅读 · 0 评论 -
echarts中y轴设置刻度_xAxis 配置
设置ECharts中y轴刻度线的样式在上节内容中我们提到了 ECharts 中 y 轴刻度线样式的设置,那么在本节我们就来详细介绍一下 yAxis 中 axisTick.lineStyle 所包含的样式。所以,在下面的内容中你会看到 y 坐标轴刻度线颜色的设置、类型的选择、阴影迷糊的大小等。yAxis.axisTick.lineStyle.colorColor对 y 轴刻度线的颜色的设置,默认取 axisLine.lineStyle.color。yAxis.axisTick.lineStyle.原创 2022-03-11 11:50:47 · 10880 阅读 · 0 评论 -
2020JS必看面试题
1. javascript的typeof返回哪些数据类型.答案:string,boolean,number,undefined,function,object2. 例举3种强制类型转换和2种隐式类型转换答案:强制(parseInt,parseFloat,number)隐式(== ===)3. split() join() 的区别答案:前者是将字符串切割成数组的形式,后者是将数组转换成字符串4. 数组方法pop() push() unshift() shift()答案:push()尾部添加 p原创 2022-03-11 10:29:10 · 3068 阅读 · 0 评论 -
最详细完整的flex弹性布局
初了解在学习弹性布局之前首先就要明白其概念flex 就是flexible box的缩写,意为弹性布局,用来为盒装模型提供最大的灵活性任何一个容器都可以指定为flex布局.box{ display: flex;}行内元素当然也可以使用flex布局.box{ display: inline-flex;}Webkit 内核的浏览器,必须加上-webkit前缀。.box{ display: -webkit-flex; /* Safari */ display: flex;}原创 2022-03-10 11:25:59 · 18807 阅读 · 1 评论 -
基于 Vue3.0 和 Ant Design Vue ,高颜值管理后台UI框架vue-vben-admin运行
简介Vue Vben Admin 是一个免费开源的中后台模版。使用了最新的vue3,vite2,TypeScript等主流技术开发,开箱即用的中后台前端解决方案,也可用于学习参考。Github地址:https://github.com/anncwb/vue-vben-admin文档地址:https://vvbin.cn/doc-next/UI 框架Tailwind CSSAnt Design Vue 2.0准备node 和 git -项目开发环境Vite - 熟悉 vite 特性原创 2022-03-10 10:01:36 · 3689 阅读 · 0 评论 -
使用script setup语法糖优化你的vue3代码
注意:本文章写于setup语法糖早期提出阶段,如今部分用法已经更改,最新的用法请以官方最新提案为主。请移步官方文档? ? ?https://v3.vuejs.org/api/sfc-script-setup.html[这里是图片001]https://v3.vuejs.org/api/sfc-script-setup.htmlscript setup是vue3中新引入的语法糖,目的是简化使用Composition API时冗长的模板代码。例如:<script lang="ts">.原创 2022-03-09 13:42:46 · 624 阅读 · 2 评论 -
[webpack-cli] Error Unknown option ‘-p‘
请参考最新官方文档;解决方案配置文件修改一下; "scripts": { "test": "echo "Error: no test specified" && exit 1", "dev": " webpack serve --open", "build": "webpack" },欢迎交流添加~原创 2022-03-09 12:22:20 · 1489 阅读 · 0 评论 -
Vue前端技术知识整理
VueJS第一步,安装node.js安装包下载地址:https://nodejs.org/en/安装包下载安装完成后,在命令行使用 node -v 查看node版本,判断是否安装成功。第二步,安装vue脚手架安装淘宝镜像:npm install -g cnpm --registry=https://registry.npm.taobao.org安装webpack:npm install webpack@3.8.1 -gwebpack -v 查看版本号安装vue-cli脚手架工具原创 2022-03-09 10:58:27 · 5558 阅读 · 0 评论 -
vue3 updatemodelValue使用
v-model中update:modelValuev-model的主要原因是由于value和input事件可能另有它用,那么我们可不可以直接使用另外的属性和方法,而不需要去通过model进行定义。vue3中就实现了这个功能,v-model绑定的不再是value,而是modelValue,接收的方法也不再是input,而是update:modelValue写法:<ChildComponent v-model:title="title" />//或者<ChildComponen原创 2022-03-09 09:37:37 · 985 阅读 · 0 评论 -
Unknown custom element <el-image> - did you register the component correct解决方法
在写前端,使用elementUI组件的时候,无法进行正确地读入。刚刚解决好了,特此记录一下。先说一下我的问题:我没有在本地下载elementUI的相关插件包plugins,导致无法运行。或者,我看有的小伙伴是在main.js中没有配置好环境,导入如下代码即可成功运行import Vue from 'vue'import App from './App'import router from './router'import ElementUI from 'element-ui'import原创 2022-03-09 08:03:24 · 2787 阅读 · 0 评论 -
React 路由详解(超详细详解)
ReactReact 路由对SPA的理解1.单页Web应用(single page web application,SPA)。2.整个应用只有一个完整的页面。3.点击页面中的链接不会刷新页面,只会做页面的局部更新。4.数据都需要通过ajax请求获取, 并在前端异步展现。路由的理解1.什么是路由1.一个路由就是一个映射关系(key:value)2.key为路径, value可能是function或component2.路由分类1.后端路由: 1)理解: value是fun原创 2022-03-08 13:22:59 · 3599 阅读 · 2 评论 -
New FileReader() 的使用——js基础
1:FileReader : 读取文件内容readAsText() 读取文本文件,(可以使用Txt打开的文件)readAsBinaryString(): 读取任意类型的文件,返回二进制字符串readAsDataURL: 方法可以将读取到的文件编码成DataURL ,可以将资料(例如图片、excel文件)内嵌在网页之中,不用放到外部文件abort: 中断读取2:FileReader 提供一个完整的事件模型,用来捕获读取文件的状态onabort:读取文件断片时触发onerror:读取文件错误时触发原创 2022-03-08 12:02:41 · 1130 阅读 · 1 评论 -
javascript中的原型与原型链
目录一、什么是原型二、prototype三、__proto__四、constructor五、实例与原型六、原型的原型七、原型链一、什么是原型原型:每一个javascript对象(除null外)创建的时候,都会与之关联另一个对象,这个对象就是我们所说的原型,每一个对象都会从原型中“继承”属性。例如var obj = new Object();创建一个对象的时候都会同时关联一个对象,如图,关联的这个对象就是新建的对象obj的原型二、prototype在JavaScript中,每原创 2022-03-08 10:42:20 · 77 阅读 · 0 评论 -
elementui 中的 el-descriptions 文字居中显示
1.效果解决:/* el-descriptions-item 文字居中 */ .el-descriptions__body .el-descriptions__table .el-descriptions-item__cell { text-align: center; }原创 2022-03-08 09:22:07 · 2281 阅读 · 1 评论 -
Already included file name
Already included file name ‘c:/Users/Administrator/Desktop/test/src/components/detailList.vue’ differs from file name ‘c:/Users/Administrator/Desktop/test/src/components/detaillist.vue’ only in casing.The file is in the program because:Imported via ‘…/co原创 2022-03-08 08:02:02 · 4125 阅读 · 7 评论 -
1、JavaScript 基础知识回顾
从本章开始,我们就要正式进入 JavaScript 的学习了。这一章主要对 JavaScript 中的一些基础,规范再做一些简单的介绍,这些本身是大家学习本系列的前提知识储备,但在这里仍然对一些重要的基础知识进行梳理讲解。有一定基础的同学可以选看或者直接跳过本节。1、代码结构与规范1.1、分号,表示一条语句的结束JS 是单线程的语言,它是从上至下按顺序执行。大多数情况下 JavaScript 可以不书写分号,而是将换行符理解成“隐式”的分号,例如这样:alert('Hello')alert('W原创 2022-03-07 20:51:16 · 119 阅读 · 0 评论 -
<script lang=“ts“ setup>使用setup语法糖引入组件爆红问题
未使用setup语法糖前注册组件:<script lang ="ts">import { defineComponent, ref, reactive } from "vue";import AddPoints from './addPoints.vue'export default defineComponent({ components: { AddPoints, },})</script>使用setup语法糖注册组件:<script l原创 2022-03-07 10:48:09 · 2149 阅读 · 0 评论 -
花了一天的时间给粉丝做了一个小米官网(高仿)
身为前端程序员,经常会找几个官网试试手,哈哈,这次拿小米官网试试手吧。目录?效果图:项目结构index.htmlindex.cssjs下载地址:点我下载效果图:项目结构index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>小米官网</title> <link rel.原创 2022-03-07 09:24:39 · 212 阅读 · 0 评论 -
前端电脑需要安装哪些工具?
一. 确定自己的电脑是什么版本桌面–我的电脑–右键 --属性—系统类型tip:安装node.js、Git、编辑器都需要知道电脑是什么版本二. 安装node.js及cli脚手架打开node下载页面下载地址[这里是图片001]https://nodejs.org/zh-cn/download/选择window安装包—64bit(根据电脑的版本)然后像普通软件一样 一直下一步就OK了(校验node是否完成安装, 通过 win + R 输入 cmd 按回车打开命令行, 看到版本号表示安装成功 )np原创 2022-03-06 04:33:00 · 1122 阅读 · 0 评论 -
【译】Flutter for Web 2022 年:简单探讨
原文链接 : https://medium.com/iecse-hashtag/flutter-for-web-in-2022-a-deep-dive-96cf1b5695a9 原文的意思是深入探索,但是个人觉得其实是简单探索。跨平台开发已经成为过去几年的趋势之一,毫无疑问大多数时候开发人员对跨平台社区充满热情,而 Google 凭借着其 UI 框架—— Flutter 进入了这个市场。但是将跨平台的支持也扩展到 Web 上其实并不容易,而 Flutter 的解决方案就是 Flutter for W.原创 2022-03-06 03:11:01 · 446 阅读 · 0 评论 -
Vue项目的打包方式(生成dist文件)
目录一、相关配置情况一(使用的工具是 vue-cil)情况二(使用的工具是 webpack)?二、打包?一、相关配置情况一(使用的工具是 vue-cil)如果是用 vue-cli 创建的项目,则项目目录中没有 config 文件夹,所以我们需要自建一个配置文件;在根目录 src 下创建文件 vue.config.js,需注意文件名称必须是 vue.config.js,然后在文件中插入以下代码://打包配置文件module.exports = { assetsDir: 'static'转载 2022-03-06 01:50:13 · 4642 阅读 · 0 评论 -
vue3.0中globalProperties的定义以及 globalProperties定义的字段在setup中用法
前言:vue3.0中的全局定义属性值和2.0是不一样的,是使用了globalProperties,而且跟我们2.0中可以用 this.+我们挂载的属性名 的用法相比,我们3.0的使用 方法是不一样的,这里总结下目录:一、2.0main.js中页面上:二、3.0main.js中页面上:1、mounted中 (和2.0中一样)但是3.0中很少使用mounted2、setup (重头戏)(1)使用 ctx ,但是经过测试,打包到dist以后,ctx下面的值是拿不到的,本地可以(2)使用 p原创 2022-03-06 00:28:51 · 998 阅读 · 0 评论 -
uniapp实现购物车功能
uniapp实现购物车功能周六我看见一个有个公司招聘需要试岗3天,并使用uniapp完成购物车,直播间,地图,首页四个功能方能通过,于是乎,我趁手上没事就打算自己写一遍,虽然我的项目没用到,但是多掌握点总没错。今天就来第一个——购物车因为没写接口,上面的数据我都是使用的模拟数据搭建而成,主要实现的是它件数的增加减少与支付总价格的逻辑关系,还有左边的全选和全不选。首先第一步,我们把页面先搭建出来<template> <view> //购物车没商品出现的页面 <v原创 2022-03-03 22:40:56 · 6693 阅读 · 4 评论 -
Uncaught TypeError Cannot read properties of null (reading ‘disabled‘)
问题描述在使用 Vue + ElementUI 开发项目的时候遇到了下拉框option 失去焦点时 不关闭的问题查找原因打开控制台之后发现有个报错信息参考了其他文章之后说是 使用了el-dropdown 下缺少 el-dropdown-menu 元素很奇怪,自己的页面明明没有写 el-dropdown又继续开始百度,答案出奇的一致突然发现,关闭模态框后,点击其他地方依旧会出现这个报错原来同事在导航栏的组件里使用了el-drop-down注释之后发现就是这里的问题解决方案(.原创 2022-03-03 21:46:06 · 4352 阅读 · 0 评论 -
ruoyi(若依)框架使用说明(前后端分离)
ruoyi%28%E8%8B%A5%E4%BE%9D%29%E6%A1%86%E6%9E%B6%E4%BD%BF%E7%94%A8%E8%AF%B4%E6%98%8E%28%E5%89%8D%E5%90%8E%E7%AB%AF%E5%88%86%E7%A6%BB%29框架介绍框架启动步骤一.克隆源码到本地二.执行sql三.后端系统运行四.前端系统运行代码生成示范前端访问后端接口IP地址设置备注框架介绍本身是一个优秀的简单的后台管理系统框架,前端(Vue,ElementUI),后端(Spring Boot原创 2022-03-03 17:08:18 · 5268 阅读 · 0 评论 -
npm ERR code ELIFECYCLE解决方案
npm ERR! code ELIFECYCLE解决方案1.问题npm ERR! code ELIFECYCLEnpm ERR! errno 1npm ERR! myweb@1.0.0 build: webpack --config config/webpack.config.jsnpm ERR! Exit status 1npm ERR!npm ERR! Failed at the myweb@1.0.0 build script.…引起这个原因是因为webpack.config.j原创 2022-03-03 16:03:37 · 2712 阅读 · 0 评论 -
JavaScript基础之函数与作用域(二)
JavaScript帝国之行??内容地址JavaScript基础大总结(一) ??https://blog.csdn.net/Augenstern_QXL/article/details/119249534JavaScript基础之函数与作用域(二) ??https://blog.csdn.net/Augenstern_QXL/article/details/119250991JavaScript基础之对象与内置对象(三)??https://blog.csdn.net/Augenstern_原创 2022-03-03 14:59:03 · 93 阅读 · 0 评论 -
elementui 中的 el-descriptions 文字居中显示
1.效果解决:/* el-descriptions-item 文字居中 */ .el-descriptions__body .el-descriptions__table .el-descriptions-item__cell { text-align: center; }原创 2022-03-03 13:54:39 · 2133 阅读 · 1 评论 -
Access to XMLHttpRequest at ‘httpxxxx‘ from origin ‘httpxxxx‘ has been blocked by CORS policy
解决CORS跨域问题今天做前后端分离的项目时, 前端向后台发送请求发现报错: Access to XMLHttpRequest at ‘http://localhost:8082/doLogin’ from origin ‘http://localhost:8080’ has been blocked by CORS policy: Response to preflight request doesn’t pass access control check: No ‘Access-Control-Al原创 2022-03-03 12:03:11 · 2849 阅读 · 0 评论 -
2021-6月面试总结-vue,uniapp,小程序,h5,更新中
**一、**vue 2.6.11vue****页面的生命周期?总共分为8个阶段创建前/后,载入前/后,更新前/后,销毁前/后。创建前/后: 在beforeCreate阶段,vue实例的挂载元素el和数据对象data都为undefined,还未初始化。在∗∗created∗∗阶段,vue实例的数据对象data有了,el和数据对象data都为undefined,还未初始化。在**created**阶段,vue实例的数据对象data有了,el和数据对象data都为undefined,还未初始化。在∗∗cre原创 2022-03-03 00:12:31 · 655 阅读 · 0 评论 -
马上跨年了,室友靠我的十款不同表白代码顺利脱单【内附源码】
你的专属表白神器一、故事背景二、十款表白神器展示1.爱心树2.代码表白式+爱心3.小文章+爱心4.死皮赖脸式(推荐使用)5.旋转照片墙6.千纸鹤7.文字爱心8.烟花+蛋糕9.红玫瑰10.死皮赖脸+烟花(推荐使用)三、源码下载一、故事背景还有最后几天不就要马上跨年了吗,单身的室友已经忍耐不住寂寞想要脱单和女神一起跨年了,作为室友的我肯定得帮助他完成愿望!!!然后晚上他就真的没回寝室,小丑竟是我自己。。。。。。故事看完了,接下来进入干货分享…二、十款表白神器展示.转载 2022-03-02 13:42:04 · 211 阅读 · 0 评论 -
vue结合高德地图V2.0(JSAPI key搭配代理服务器并携带安全密钥转发)
Nginx服务器代理设置server { listen 80; #nginx端口设置,可按实际端口修改 server_name 127.0.0.1; #nginx server_name 对应进行配置,可按实际添加或修改 # 自定义地图服务代理 location /_AMapService/v4/map/styles { set $args "$args原创 2022-03-02 12:37:12 · 2104 阅读 · 0 评论 -
此模块是使用 “export =“ 声明的,只能在使用 “allowSyntheticDefaultImports“ 标志时进行默认导入。
先看看提示提示export =的声明,只能在allowSyntheticDefaultImports标志时进行默认导入。根据提示我们可以去 tsconfig.json中compilerOptions对象下添加设置allowSyntheticDefaultImports为true就可以了。原创 2022-03-02 03:41:18 · 1755 阅读 · 5 评论 -
在uni-app中使用element-ui
uni-app的相关UI组件库中可能会没有你想要的功能组件,自己去开发的话需要花很多时间,此时咱们可以将别的UI组件库给安装到uni-app中来,达到直接使用该UI组件库的功能组件,例如,安装element-uiuni-app使用element-ui需安装以下插件npm i element-ui -S按需引入组件需要装以下插件npm install babel-plugin-component -D当你安装完以上插件后,需要在main.js中进行引入,例如引入全部:import Vue fr原创 2022-03-02 02:37:45 · 1302 阅读 · 0 评论 -
Vue解决报错3_Syntax Error TypeError this.getOptions is not a function
问题描述使用vue ui 创建的项目,安装less 4.0.0、less-loader8.0.0开发依赖使用lang="less"之后发现编译报错,Syntax Error: TypeError: this.getOptions is not a function重装几遍依赖还是不行,感觉还是版本的问题!解决试了试将less-loader 和 less 的版本降下来,果然不报错了重新安装低版本的less依赖...原创 2022-03-02 00:30:31 · 705 阅读 · 0 评论