html
关注
分享
扫一扫
文章平均质量分 58
阿舒带你学编程
这个作者很懒，什么都没留下…
展开
-
Luckysheet 导入导出 - Java后台处理和js前端实现
luckysheet 官方群：926131495无图无真相，所以先看视频效果吧：https://b23.tv/IzhaTv、协同演示与历史记录**目前已经实现导出有三种方案。****Java后台方式基于模板导出、Java后台方式基于POI从零解析luckysheet数据导出！、js方式前端导出。**实现方式往下看！第三种方式，基于前端exceljs导出！基于前端有什么好处呢，快，不需要进过后台处理生成，目前实践出Vue 导入导出版本es6（群友提供的解析exceljs代码），需要普通HTML静态文件，原创 2022-03-12 13:05:13 · 4738 阅读 · 2 评论 -
VUE3中watch和watchEffect的用法
watch和watchEffect都是监听器，但在写法和使用上有所区别。watch在监听 ref 类型时和监听reactive类型时watch函数的写发有所不一样。watch在监听 ref 类型时：<script>import {ref, watch} from 'vue'export default { setup() { const state = ref(0) watch(state, (newValue, oldValue) =>原创 2022-03-11 21:37:53 · 265 阅读 · 0 评论 -
vue 小细节功能
Loading1、样式如图：2、在 src/components/shared 里面新建 Loading.vue 组件，里面添加如下代码：<template> <div class="loading"> <div><span></span></div> <div><span></span></div> <div><span><原创 2022-03-11 19:59:30 · 157 阅读 · 0 评论 -
ts的.d.ts和declare究竟是干嘛用的
一、.d.ts是干嘛的.d.ts文件是ts用来声明变量，模块，type，interface等等的，那在这种后缀的ts文件声明这些东西和在纯ts文件声明这些东西又什么区别呢？在.d.ts声明变量或者模块等东西之后，在其他地方可以不用import导入这些东西就可以直接用，用，而且有语法提示。但是也不是说创建了.d.ts文件，里面声明的东西就能生效了，毕竟归根到底也是.ts文件，需要预编译，所以需要在tsconfig.json文件里面的include数组里面添加这个文件include数组里面可以不用写.d原创 2022-03-11 18:36:30 · 4280 阅读 · 0 评论 -
RuoYi-Cloud 若依微服务版启动教程（保姆级）
场景RuoYi-Cloud 是一个 Java EE 企业级快速开发平台，基于经典技术组合（Spring Boot、Spring Cloud & Alibaba、Vue、Element），内置模块如：部门管理、角色用户、菜单及按钮授权、数据权限、系统参数、日志管理、代码生成等。在线定时任务配置；支持集群，支持多数据源。微服务版技术选型1、系统环境Java EE 8Servlet 3.0Apache Maven 32、主框架Spring Boot 2.3.xSpring Clou原创 2022-03-11 15:59:36 · 2667 阅读 · 3 评论 -
mybatisplus group by 归组
QueryWrapper<MetaItem> wrapper = new QueryWrapper<MetaItem>() .select("set_id,count(0) as field_count") .in("set_id",setids) .groupBy("set_id"); List<Map<String,Object>> list.原创 2022-03-11 14:35:57 · 1318 阅读 · 0 评论 -
java object 转实体类_JAVA怎么把object怎么转换成实体类
2第二步调：编写测试代码-利用net.sf.json.JSONObject进行转换。2.1、起首成立一个实体类Student set和get本身生当作public class Student { private int id; private String name; private String sex;}2.2 建立测试代码import net.sf.json.JSONObjectimport java.util.ArrayList;import java.util.List;public原创 2022-03-11 13:13:53 · 2311 阅读 · 0 评论 -
echarts引入china报错（The GeoJSON of the map must be provided）
原因： echarts版本过高，ECharts 之前提供下载的矢量地图数据来自第三方，由于部分数据不符合国家《测绘法》规定，目前暂时停止下载服务。经过一番摸索，实践出两种方法。 末尾附china.json文件，没有乱码噢。解决方法1：使用echarts.registerMap方法1、下载china.json文件 存放于自己的文件夹下2、引用并使用 在初始化echarts实例前，调用echarts.registerMap方法， 在option的geo属性设置对应值import chinaMap原创 2022-03-11 11:52:24 · 2765 阅读 · 0 评论 -
解析flex属性：flex：1究竟是什么
实现页面中的footer保持在页面底部功能，有一个非常简单的方法：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-s原创 2022-03-10 12:48:28 · 1547 阅读 · 0 评论 -
基于JavaScript实现网红太空人表盘
一、效果展示用javascript写的一个太空人表盘。源码请从文章末尾获取下载二、源代码html代码<html><head> <title>太空人表盘</title> <meta charset="UTF-8"> <link href="./assets/css/style.css" rel="stylesheet"> <script src="./assets/js/timeG原创 2022-03-10 10:03:14 · 138 阅读 · 0 评论 -
[已解决] Matched leaf route at location ““ does not have an element.This means it will render an＜Outle
错误信息Matched leaf route at location "/" does not have an element. This means it will render an <Outlet /> with a null value by default resulting in an "empty" page.高版本中Switch已经被换成了Routes，点击链接路径变化正常但页面不显示，并在浏览器控制台输出以上警告。错误代码import React from 'react原创 2022-03-09 12:23:56 · 2686 阅读 · 0 评论 -
vue发送请求时遇到Uncaught (in promise) TypeError Cannot read properties of undefined(reading ‘randomExtend
最近在项目中遇到一个前端问题Uncaught (in promise) TypeError: Cannot read properties of undefined(reading ‘randomExtend’)，感觉很是莫名其妙，明明定义了返回的变量，可是返回却没有值。查了半天发现是我们在发请求的时候用的是异步模式，即使promise立刻被处理返回，但是浏览器在开始加载对象的时候，这个对象还是没有定义，所以也就读不到返回的值属性。参考：vue过程中遇到的Uncaught (in promise)原创 2022-03-09 11:00:03 · 14972 阅读 · 0 评论 -
vue3 watch监听多个数据
在写地址选择器时，选择省份显示对应的城市，监听省份和城市的变化，代码如下，主要研究watch<script>import { defineComponent, reactive, toRefs, watch } from "vue";export default defineComponent({ setup(props, { emit }) { const state = reactive({ province: '',// 省份 country: '原创 2022-03-09 09:39:14 · 5021 阅读 · 0 评论 -
react-router v6路由拦截路由守卫路由鉴权
一个很常见的需求：有些路由，需要登录才能访问，不登陆的情况下访问它就跳转到登录页面。这里就用 Context 来实现路由鉴权。react-router v6稳定版出来了，有许多改变，以前拦截路由的方式也用不成了。在世界之外遨游了好久终于找到了一篇文章，学废了！整理学习一下分享出来。index.js 如下，路由写在了这里面：import { AuthProvider, RequireAuth } from './Auth.js'ReactDOM.render( <HashRouter&原创 2022-03-08 13:24:35 · 1356 阅读 · 0 评论 -
node node-sass sass-loader版本对应问题
查看node-sass和node版本是否对应 node -v具体对应版本如下图：图片来自https://github.com/sass/node-sassnode版本不对应，升级node或者降级使用nvm对node版本进行管理和切换安装 nvm-window https://github.com/coreybutler/nvm-windows，win10默认添加系统环境和用户环境，若命令行不能使用nvm，需自行添加环境使用镜像在 nvm 的安装目录下找到settings.txt文原创 2022-03-08 12:04:17 · 4687 阅读 · 0 评论 -
ElementUI中的Empty空状态使用
ElementUI中的Empty空状态使用话不多说，直接贴代码<div slot="empty"> <div> <img src="../../assets/noQuotation.png" alt="暂无数据" width="300" height="138" /> </div> <p>查无结果，请检查订单号是否有误/p>原创 2022-03-08 09:23:43 · 1265 阅读 · 0 评论 -
ant design vue 中select 的自定义下拉框内容属性dropdownRender的使用（一）
在ant design vue 开发项目中，有一个这样的需求：select下拉显示列表，同时可输入查询首先html代码如下：由于在select里面添加点击事件是无效的，所以我在外层包裹了一个div，添加了点击事件_backChange_具体事件内容如下：_backOpen_用于控制select的下拉状态，_select-table_是封装的子组件，当点击时会触发加载表格字段的函数表格如下：因为表格内容过长，所以我们使用_scroll_属性，加了一个滚动条，为了美观一点还加了_border原创 2022-03-08 08:03:38 · 7695 阅读 · 0 评论 -
200行JS代码为你的网页挂上红灯笼
目录一、前言二、效果展示局部效果全局效果三、代码讲解1.确定位置2.绘制灯笼3.动态效果四、添加脚本到网页1.下载万能的油猴2.安装使用3.附录一、前言除夕夜，在门前挂上灯笼有鸿（红）运当头的吉祥寓意，逢年过节挂的灯笼上，基本都是吉祥的图案和祝福的吉祥话。而灯笼的正红色是朱砂的颜色，而朱砂是风水上讲去邪挡煞效力极强的宝物，所以自古逢年过节，就有在大门上挂红色灯笼的传统。二、效果展示局部效果全局效果三、代码讲解1.确定位置我们平常挂灯笼一般是挂在..原创 2022-03-07 20:52:54 · 148 阅读 · 0 评论 -
若依框架接入前端 报错401 请求访问：error，认证失败，无法访问系统资源，有可能是这个原因
自定义的api、按照官方的配置跨域一、三种方式配置跨域-官方代码1、单个控制器方法CORS注解@RestController@RequestMapping("/system/test")public class TestController { @CrossOrigin @GetMapping("/{id}") public AjaxResult getUser(@PathVariable Integer userId) { // ... } @D原创 2022-03-07 09:26:14 · 2606 阅读 · 0 评论 -
快速拿捏CSS中的常用的元素属性
文章目录一、字体相关属性1.1 设置字体样式1.2 设置字体大小1.3 设置字体粗细1.4 设置文字样式二、文本相关属性2.1 设置文本颜色2.2 设置文本对齐2.3 设置文本装饰2.4 设置文本缩进2.5 设置行高三、背景相关属性3.1 设置背景颜色3.2 设置背景图片3.3 设置背景平铺3.4 设置背景位置3.5 设置背景尺寸四、有关圆角矩形CSS中的元素属性多且杂，想要熟练掌握CSS，常用的元素属性需要进行牢记，多多加以应用，熟原创 2022-03-07 08:02:52 · 288 阅读 · 0 评论 -
前端系列——vue2+高德地图web端开发（使用和引入）
vue2+高德地图web端开发（使用和引入）前言基础准备工作高德地图的个人开发者注册高德api网址1.点击进行注册2.注册完之后进入控制台3.创建新应用4.添加创建vue2的项目npm 引入高德官方文档1.安装2.进入项目3. NPM 方式安装使用 Loader4.在component目录下新建MapContainer.vue5.编写基础页面结构6. 在< script >中引入AMapLoader7.构建地图7.1dat原创 2022-03-06 04:34:35 · 1200 阅读 · 0 评论 -
Vue（三）双向绑定
一、双向绑定前面的指令和{{ }}都是单向绑定，当用户主动在文本框中输入内容后，如果使用**😗*value="str"方式绑定，用户输入的内容是无法自动回到程序中的变量中保存的。这是因为单向绑定只能将程序中的变量值，自动同步到页面上显示，不能自动将界面中的用户主动做的修改，自动同步回程序中变量里保存。1.如果希望在表单元素中自动获得页面中用户主动做的修改时，都要用双向绑定v-model。双向绑定既能将程序中的变量自动同步到页面上显示，又能将页面上用户主动修改的新值自动更新回程序中的变量保存。 <转载 2022-03-06 01:51:50 · 14349 阅读 · 0 评论 -
Vue3.0报错：The component has been registered but not used vueno-unused-components，关闭eslint
背景当创建项目时选择了 eslint ，那么当存在定义而未使用的组件，或存在定义而未使用的变量时，会报错。。Note: 我用的是 Vue3.0 。原因分析即 eslint 默认规则导致了不必要的报错。解决方法修改规则如果开启了 eslint ，新增 Component 时，报错:The “EchartsDemo” component has been registered but not used vue/no-unused-components解决方法：在 package.jso原创 2022-03-06 00:30:27 · 3417 阅读 · 0 评论 -
element plus 主题色替换
最近在学习vue3.0，再配合饿了吗，尝试重构一个项目。因为element ui只适用于2.x不适用于3.x。所以只能使用element plus。现在我有一个需求是需要把主题色需要进行替换。使用element plus官网提供的方法设置scss均无效。尝试降低至1.1.0-beta.1之前的版本，这样可以使用和element ui一样的主题编辑器进行设置。但是在网站设置颜色后点击下载，直接报错。这个方法也已失败告终。最后查阅资料使用element-theme可以来解决这个问题。解决方案如下：1、从官原创 2022-03-05 20:16:24 · 984 阅读 · 1 评论 -
uniapp数据缓存同步(setStorageSync)跟异步(setStorage)的区别
我一直都很喜欢用浏览器原生的本地存储，之前用得多这样子。前几天开发uniapp，用浏览器的原生本地存储，浏览器里没问题，但打包成app就不能用了。后来用了uniapp官方提供的本地存储，打包后能用，不得不说官方就是，但是第一次用的时候，这个同步异步让我有点懵。但这同步异步的存在，肯定是有它的道理的。我们先看看官方定义：uni.setStorage(OBJECT)将数据存储在本地缓存中指定的 key 中，会覆盖掉原来该 key 对应的内容，这是一个异步接口。uni.setStorage({ k原创 2022-03-03 22:42:34 · 676 阅读 · 0 评论 -
Unexpected reserved word ‘await‘
报错：Unexpected reserved word ‘await’ async handleDelete() { let folderFilesIds = [1, 2] this.$confirm('此操作将永久删除文件, 是否继续?', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).then(() =>原创 2022-03-03 21:47:43 · 1154 阅读 · 0 评论 -
script setup语法中使用props和emit
<script setup>import {defineProps, defineEmits} from 'vue';import {toRefs} from 'vue';const props = defineProps({ item: { type: Object, default() { return { title: '', items: [], }; }, },});const {ite原创 2022-03-03 17:09:54 · 772 阅读 · 0 评论 -
npm ERR code ERESOLVE npm ERR ERESOLVE unable to resolve dependency tree
问题npm ERR! code ERESOLVEnpm ERR! ERESOLVE unable to resolve dependency treenpm ERR! npm ERR! Found: webpack@5.11.1npm ERR! node_modules/webpacknpm ERR! dev webpack@"4.41.5" from the root projectnpm ERR! peer webpack@">=2" from babel-loader@8.转载 2022-03-03 16:05:12 · 832 阅读 · 0 评论 -
JavaScript基础知识第六章---函数（含大量案例分析）
前言雨后的彩虹更美丽，磨难的人生更辉煌JavaScript基础知识第六章—函数一、JavaScript 函数（1）函数的概念（2）函数的使用2.1 声明函数2.2 调用函数2.3 函数的封装2.3.1 案例1：利用函数计算1-100之间的累加和（3）函数的参数3.1 形参和实参3.2 函数参数的传递过程3.3 函数形参和实参个数不匹配问题3.4 小结（4）函数的返回值4.1 return 语句4.1.1 案例1：利用函数求任意两个数原创 2022-03-03 15:00:39 · 166 阅读 · 0 评论 -
ElementUI中的Empty空状态使用
ElementUI中的Empty空状态使用话不多说，直接贴代码<div slot="empty"> <div> <img src="../../assets/noQuotation.png" alt="暂无数据" width="300" height="138" /> </div> <p>查无结果，请检查订单号是否有误/p>原创 2022-03-03 13:56:14 · 835 阅读 · 0 评论 -
Ajax Interceptor使用介绍
一、介绍与安装**介绍：**Ajax Interceptor是一个用于修改 ajax 请求响应的 chrome 扩展，修改ajax请求并返回结果的chrome插件。注：此扩展仅覆盖 XML HTTP Request 对象中的响应数据以及 fetch 方法，且在 DevTools 的 “ 网络 ” 面板中看到的 “ 真实 ” 响应数据不会改变。建议在不使用时关闭此扩展程序（图标应为灰色）。**安装：**在谷歌浏览器中搜索Ajax Interceptor，点击第一个搜索结果Ajax Interceptor原创 2022-03-03 12:04:46 · 165 阅读 · 0 评论 -
2021前端必问面试题及答案
web前端面试题【持续更新】js基础原型链和继承浅拷贝和深拷贝js中的堆和栈闭包setTimeout事件委托this指向，call/apply/bind，回调函数数组的常用操作set和weakset，map和weakmaptypeof原理0.1+0.2 === 0.3吗，为什么前端安全 xss 和 csrf说明BFC及其使用js基本数据类型循环Js数组都有哪些方法及其作用、用法、返回值？详细说了一下splice()Js数组去重说明冒泡排序、插入排序实现的思原创 2022-03-03 00:14:08 · 268 阅读 · 0 评论 -
高性能 JavaScriptの七 -- 编程实践小技巧
编程实践避免双重求值（Double Evaluation）使用Object/Array直接量避免重复工作小节随着web开发者对JavaScript和浏览器的推动，在JavaScript中出现了一些十分特别的模式，有精华也有糟粕（对js性能上来说的），毕竟JavaScript可以是前端最重要的组成之一，“人红是非多”。这些模式的出现是由于Web中JavaScript的特性决定的，前端你没得选，后端还可以换语言。避免双重求值（Double Evaluation）JavaScript .原创 2022-03-02 13:43:40 · 97 阅读 · 0 评论 -
Web3.js的基本使用（与以太坊智能合约的交互）
目录标题web3.js介绍web3 模块加载异步回调（callback）回调 Promise 事件（v1.0.0）常用 API —— 基本信息查询查看 web3 版本查看 web3 连接到的节点版本（clientVersion）基本信息查询获取 network id获取节点的以太坊协议版本网络状态查询是否有节点连接/监听，返回true/false查看当前连接的 peer 节点Provider查看当前设置的 web3 provider查看浏览器原创 2022-03-02 12:38:49 · 602 阅读 · 0 评论 -
毕业设计 - 题目 ：基于大数据的疫情数据分析及可视化系统
文章目录1 前言2 开发简介3 数据集weibo.json 新浪微博实时热搜前50的数据ProvinceData.json 省市疫情详情4 实现技术4.1 系统架构4.2 开发环境4.3 疫情地图4.3.1 填充图(Choropleth maps)4.3.2 气泡图4.4 全国疫情实时追踪4.6 其他页面5 关键代码1 前言Hi，大家好，这里是丹成学长，今天做一个 基于大数据的疫情可视化系统，这只是一个demo，尝试对疫情数据进行分析，并可视化系统原创 2022-03-02 03:42:53 · 3248 阅读 · 0 评论 -
在vue中报export ‘default‘ (imported as ‘Vue‘) was not found in ‘vue 解决办法
在vue中报export ‘default‘ (imported as ‘Vue‘) was not found in ‘vue问题原因今天在学习vue的过程中遇到一个这样的问题，在利用事件总线的时候出现上图的错误，经过百度，最终找到问题的原因就是版本的问题，我是安装了最新的vuecli，版本大概是4.5.4，我最开始安装vuecli没有指定版本cli4中main.js中引用文件是下图import {createApp} from 'vue’的格式引用的而cli3中是用import Vue原创 2022-03-02 02:39:20 · 3030 阅读 · 0 评论 -
vue项目router报错：TypeError _router.default.addRoute is not a function
控制台报错为：在permission文件夹里面使用了：router.addRoute()的方法原因：可能是因为安装依赖的时候用的npm 但是npm安装的包里面的route 原型里面没有addRoute的方法，所以报错解决办法：把npm安装的依赖包删掉，用cnpm安装，打印route，原型里面就有这个方法了，如下图：然后就成功啦...原创 2022-03-02 00:32:05 · 1103 阅读 · 0 评论 -
vue slot弃用[vueno-deprecated-slot-attribute]
官方文档里的slot、slot-scope已经弃用新增了v-slot代替slot但是v-slot限作用于<template>旧的使用方法提示已废弃但是编译不报错，在页面中不实现<!-- old --><img slot="item-icon" src="../assets/img/tabbar/home.svg" alt="">新的使用方法<!-- new --><template v-slot:item-icon><原创 2022-03-01 23:28:39 · 661 阅读 · 0 评论 -
OpenCV-Python实战（20）——OpenCV计算机视觉项目在Web端的部署
OpenCV-Python实战（20）——OpenCV计算机视觉项目在Web端的部署0. 前言1. Python Web 框架简介2. Flask 安装与使用2.1 Flask 安装2.2 Flask 框架 Hello World 使用示例2.2 扩展 Hello World 应用程序以在网络中其他计算机访问2.2 扩展 Hello World 应用程序以绑定其它 URL3. 使用 OpenCV 和 Flask 构建 Web 计算机视觉应用程序3.1 Web 计算机视觉应转载 2022-03-01 18:52:29 · 405 阅读 · 1 评论 -
npm WARN deprecated core-js@2.6.12 core-js@＜3.3 is no longer maintained and not recommended for usa
在用npm安装插件时，出现了一条警告：npm WARN deprecated core-js@2.6.12: core-js@<3.3 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up原创 2022-02-28 21:38:55 · 812 阅读 · 0 评论