m0_54861649的博客

最近用到了EasyExcel的动态列导出，所以自己写了个工具来支持在原有的实体类注解上拓展动态列的方法。废话不多说直接上代码。 /** * EasyExcel支持动态列导出 * * @param builder 指定输出方式和样式 * @param entityClass 实体的Class对象 * @param customizeHeads 自定义列头 * @param list Excel行数据.

前言：在vue2.0我们想刷新一个组件的话是可以在data里面定义一个变量，然后methods里面直接this.$nextTick直接调用这个函数来操作的，在vue3.0中的setup他的用法是不一样的在setup中的用法：1、引入reactive和nextTickimport { reactive,nextTick } from 'vue'2、setup中定义变量setup (props, ctx) { //定义变量 let table = reactive({ showT

最近自己构建了一个 vite 2.0 + vue 3.2.* 的开源项目，记录一下本次项目进行本地代码打包压缩的优化手摸手开始优化什么是gzip为什么要去优化如何优化1. 前端代码配置代码压缩服务器配置``Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of “text/html”. St

springboot实现敏感字段加密存储，解密显示，通过mybatis,自定义注解+AOP切面，Base64加解密方式实现功能。1.代码实现：创建springboot项目添加依赖 <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-web</artifactId>

一、概述v6相比v5,做了很多的优化。包括书写上更加的便捷，更加体现组件化思想。以往在处理路由嵌套和鉴权方面，v5的写法都靠各自开发人员去实现相对比较参差不齐。一下针对v6的配置做简单的介绍。二、useRoutesv6中路由的设置采用hook的方式，有点像vue的router的实例化。import {useRoutes} from "react-router-dom";import { Suspense, lazy } from 'react'const routes = [ { p

Maven升级3.8.1后Blocked mirror for repositories问题分析解决思路思路一: 降低Maven 版本到3.8.1 以下思路二：增加节点思路三：将镜像仓库从http 变成https思路四：注释掉 $MAVEN_HOME/conf/settings.xml 中的拦截标签解决方案相关的文章问题当 Maven 升级到3.8.1 之后，执行 mvn clean package 命令后会报错如下：maven-default-http-bloc

HTML 表格文章目录HTML 表格1. 表格的定义2. 表格的标签3. 单元格边框(border)4. 合并单元格4.1 合并行单元格(colspan)4.2 合并列单元格(rowspan)5. 表格格式设置5.1 单元格的对齐（align）（居中，左对齐，右对齐）5.2. 背景色&图片（bgcolor & background）5.2.1 单元格背景色&图片5.2.2 表格背景色&图片5.3 单元格的边距（cellpa

web前端剑法之css??web前端剑法之css地址??CSS基础班笔记(一)https://blog.youkuaiyun.com/Augenstern_QXL/article/details/115560532??CSS基础班笔记(二)https://blog.youkuaiyun.com/Augenstern_QXL/article/details/115560502??CSS基础班笔记(三)https://blog.youkuaiyun.com/Augenstern_QXL/article/details/115726

1）在数组中查找缺失的数字Input: [1, 2, 3, 4, 6, 7, 8, 9, 10]Output: 5const find_missing = function(input) { let n = input.length + 1; let sum = 0; for (let i in input) { sum += input[i]; } return Math.floor((n * (n + 1)) / 2) - sum;};提示：算术级数和公

在安装vue-element-admin的npm install的时候报错解决方案：一、桌面右键，git bash here 输入以下 ssh-keygen -t rsa -C “你的邮箱名称” overwrite输入y 输入密码的时候直接回车重复密码输入还是直接回车，然后把github上以前的sshkeys删除，c盘->用户->你的用户名->.ssh->id_rsa.pub里边的字符添加到github右上角头像->settings->ssh and GPG .

引言：当我们做一个后台管理系统时，总有一大堆数据要进行处理，这个时候数据的可视化操作，就显得非常重要，今天让我们一起去学习下ECharts的应用吧。正所谓文不如表，表不如图，把数据用图表的形式展示出来，就是简单的数据可视化。有关数据可视化主要有三种方式：1.报表类 2.商业智能BI 3.编码类我们主要是来学习第三种编码类中的Echarts，官网地址：https://echarts.apache.org/zh/index.htmlECharts 定义：ECharts 是一个使用 JavaScri

目录前言正文一、Vue3 与 Vue2 区别概览二、Vue3 与 Vue2 区别详述生命周期多根节点Composition API异步组件（Suspense）Teleport响应式原理虚拟DOM事件缓存Diff算法优化打包优化自定义渲染APITypeScript支持三、Options API 与 Composition APIOptions APIComposition API如何选择？展望前言不知道大家有没有留意到，Vue 官网文档已经更新为默认使用 Vue

webpack问题文件依赖关系错综复杂静态文件请求效率低模块化支持不友好浏览器对高级JS特性兼容性不好安装和配置--save-dev 也可以写作 -D，表示是开发依赖（开发阶段需要用到的包，项目上线运行后不需要）初始化项目 npm init -y跟目录下新建 src 目录，作为代码文件目录src 下新建 index.html和index.jsindex.html 中编写 html 代码安装 jquerynpm i jquery安装 webpack通过命令npm insta

文章目录构造函数 实例 原型三者的关系注意prototype属性属性或成员的搜索原则构造函数 实例 原型三者的关系1.任何函数都有一个prototype属性,该属性是一个对象function F () {}console.log(F.prototype) // => object//原型对象F.prototype.sayHi = function () { console.log('hi!')}2.构造函数的prototype对象默认都有一个c

全局导入下载安装element plus后，在入口文件配置一下并挂载，就能畅通无阻的使用了。但问题是这样有很多用不上的组件都被打包进来了，导致包的体积非常大。按需导入采用按需导入的方法，其实是用解构的方式，从element的包中解构出来，再挂载到app上面。这样开发中用到什么组件就打包什么确实很好，减少了包的体积。但是又有一个新的问题，就是每次想要使用新的组件的时候，都要去解构一下，并且挂载。操作起来非常繁琐。有什么办法能够像使用全局引入那样只配置一次，后面要用到什么组件，都会自己按需加载呢？vi

整体来说推荐第四种nvue实现；1.（适用于web,app不行）↓↓// import PublicPopup from "@/pages/popup/PublicPopup.vue"// import gloPopup from "@/utils/gloPopup.js"Vue.use(uView); Vue.use(gloPopup)Vue.config.productionTip = false let componetsBox= Vue.component('public-pop

在Python中需要通过正则表达式对字符串进匹配的时候，可以使个python自带的模块，名字为re。正则表达式的大致匹配过程是：1.依次拿出表达式和文本中的字符比较，2.如果每一个字符都能匹配，则匹配成功；一旦有匹配不成功的字符则匹配失败。3.如果表达式中有量词或边界，这个过程会稍微有一些不同。r：在带有 'r' 前缀的字符串字面值中，反斜杠不必做任何特殊处理。 因此 r" " 表示包含 '' 和 'n' 两个字符的字符串，而 " " 则表示只包含一个换行符的字符串。re模块的使用：import

常用的方法一般是在mapper.xml中写一个 select count(user\_code) from sys\_law\_case\_project\_user where user\_code =#{userCode}写一个select块来调用查询。在mybatis plus中有集成好的selectCount的方法。Integer selectCount(@Param(“ew”) Wrapper queryWrapper);使用方式如下：@Overridepub

安装element-plus SVG图标库npm install @element-plus/iconsMain.jsimport ElementPlus from 'element-plus';import * as ElIcons from '@element-plus/icons';// 此处省略若干业务代码const app = createApp(App);for(const name in ElIcons){ /* * 以elIcon为前缀的命名规则，是为了适配已经

本文目录一、JavaScript的简介二、JavaScript的环境搭建三、JavaScript的基础（变量、常量、运算符、真假值）四、本章小结五、写在后面一、JavaScript的简介JavaScript是一门非常强大的编程语言。它也是最流行的编程语言之一，也是互联网上最卓越的语言之一。在GitHub(世界上最大的代码托管站点)上，托管了 30w+ 的JavaScript代码仓库(用JavaScript开发的项目数量也是最多的，参看http://githut.info)。使用J

这个是 lint格式造成的，在总目录下新建一个vue.config.js文件，输入以下代码module.exports = { lintOnSave:false}重启一下软件

目录HTML、CSS相关Javascript相关三者的异同Vue相关55.Vue路由懒加载（按需加载路由）React相关react 生命周期函数******为什么虚拟 dom 会提高性能?(必考)(组件的)状态(state)和属性(props)之间有何不同shouldComponentUpdate 是做什么的react diff 原理何为受控组件调用 super(props) 的目的是什么React 中构建组件的方式小程序相关的其他企业中的项目流程奇葩问题HTML、C

前言昨天，有一个大三粉丝小姐姐问我什么是前端，什么是后端，说她现在很迷茫，我也是本着助人为乐的精神很耐心的给她讲解了一下，今天闲着，也就像这把这个整理成博客来送给迷茫的你。计算机专业大致分为几类由于专业很多，笼统的来讲就是软件和硬件，硬件我也还没有涉猎过，从软件开始说。软件开发一般分为5个阶段，分别是：问题的定义及规划、需求分析、软件设计、程序编码、软件测试。对应的大致程序员就是开发程序员（前端，后端），运维程序员，测试程序员，当然还要有产品相关的，我们这里也不说了。前端，后端区别对应标题，我

appsettings.json文件内容{ "Logging": { "LogLevel": { "Default": "Information", "Microsoft.AspNetCore": "Warning" } }, "AllowedHosts": "*", "ConnectionStrings": { "OracleConnection": "User Id=MyOracle;Password=OracalPassword;Dat

问题：在使用vue脚手架搭建项目时，报如下错第一种情况：vue、node、webpack未安装解决方案：用下图方式检验是否都安装成功，如有未安装成功的，重新安装即可。第二种情况：在完成一后，仍然报ETIMEDOUT超时错误，则考虑是否是使用公司内网。01 -如公司需要配置代理，使用如下发放进行配置npm代理，（不要忘加端口，吃过忘加端口的亏，导致npm代理未设置成功）npm config set proxy http://server:portnpm config set https-pr

前言之前本人在学习Vue3.x与Spring Boot整合时，遇到了诸如跨域、使用axios报错等问题，在成功解决后，总结了一些经验，于是将如何从零开始搭建Vue3.x+SpringBoot前后端分离项目写成文章，当分享和记录。示例使用的是Window系统。（默认已配置好Java环境、Maven、MySQL、npm以及下载并安装IDEA，因为本文目的是完成Vue3.x通过axios访问Spring Boot项目的接口）安装Vue3.x打开命令行工具（尽量用管理员权限打开）cmd或powershel

1. 视搭Site: github.com/tnfe/shida《视搭》是一个 视频可视化 搭建项目。您可以通过简单的拖拽方式快速生产一个短视频，使用方式就像易企秀或MAKA等 h5 搭建工具一样的简单。目前行业内罕有关于视频可视化搭建的开源项目，《视搭》是一个相对比较完整的开源项目，仅抛砖引玉希望您喜欢。2. C2FSite: github.com/drawcall/c2…对于初学者来说，flutter widget的复杂样式代码真的很难记。我们想建立一个在线将css样式代码转换为flutt

目录一、文档二、使用步骤1.安装插件2.配置vue.config.js3.测试总结一、文档戳这里，跳文档二、使用步骤1.安装插件npm install -D unplugin-vue-components unplugin-auto-import2.配置vue.config.jsvue-cli内部用的就是webpack，configureWebpack配置的会被合并const AutoImport = require('unplugin-auto-import/w

方法一：1、在起始页面跳转到test.vue页面并传递参数//在起始页面跳转到test.vue页面并传递参数uni.navigateTo({ url: 'test?id=1&name=uniapp'});2、在test.vue页面接受参数export default { onLoad: function (option) { //option为object类型，会序列化上个页面传递的参数 console.log(option.id); //打印出上个页面

文章目录前言一、引入库文件二、使用步骤1.首页引入Router2.创建路由集中管理文件3.在App中使用useRoutes4.在子页面中使用5.路由传值的方式总结前言React-router-dom已经升级到最新版本V6,先简单介绍一下v6版本发生了哪些改变一、引入库文件引入最新的reac-router-domyarn$ yarn add react-router-dom@6npm$ npm install react-router-dom@6二、使用

终端提示：解决方案：1.首先先确认自己的node已经安装了，整个路径不要有中文或空格2.右键计算机，点开属性3.左侧点开高级系统设置4.打开环境变量5.点击新建6.变量名node，变量值就是你存放node.exe的整个文件夹（不能理解的话请参考第一步里面的图和第六步里面的图），然后点确定就行了7.之后重启vscode，先在终端运行’npm i express’，安装express模块8.然后就可以运行自己的JS文件啦生命不息，学习不止，键盘敲烂，月薪过万！加油，代码人

BEGIN;验证代码如下：public static void main(String[] args) {Long id = null;System.out.println(test1(id));System.out.println(test2(id));System.out.println(test3(id));System.out.println(test4(id));}private static String test1(Long id) {try {if(0 == id ||

<el-descriptions title="用户信息"> <el-descriptions-item label="用户名">kooriookami</el-descriptions-item> <el-descriptions-item label="手机号">18100000000</el-descriptions-item> <el-descriptions-item label="居住地">苏州市&.

每一片雪花,每一个烟花,每一秒的时光流转,每一个思念的传递,都代表着你想要传递的每一个心愿:在这里提前祝大家新年快乐！今天在这里给大家分享一个超级好看的烟花代码，纯html+js制作，效果如下：预览地址：2022虎虎生威html<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html

Vue3基础语法(一)Mustache双大括号语法如果我们希望把数据显示到模板（template）中，使用最多的语法是 “Mustache”语法 (双大括号) 的文本插值。并且我们前面提到过，data返回的对象是有添加到Vue的响应式系统中；当data中的数据发生改变时，对应的内容也会发生更新。当然，Mustache中不仅仅可以是data中的属性，也可以是一个JavaScript的表达式。另外这种用法是错误的：v-once指令v-once用于指定元素或者组件只渲染一次：当数据发生

①购买腾讯云(必不可少)1.如果你是25岁一下 ：可以学生价格几十元购买 点击这里(一般选择普通的liunx或基于linux的centOS系统等等)2.如果购买完成我们来到个人页面->找到自己购买的服务器3.点击登录 -> 如图：------->①安装nodeJs1.点击登录 输入一下命令 (切换为root用户 , 防止权限不足)sudo su root2.我们进入到用户本地目录 将nodeJs安装在这里Ⅰ、进入该目录cd /usr/local/Ⅱ、下载n

异常信息npm ERR! code 1npm ERR! path D:demoode_modulesode-sassnpm ERR! command failednpm ERR! command C:Windowssystem32cmd.exe /d /s /c node scripts/build.jsnpm ERR! Building: C:Program Filesodejsode.exe D:demoode_modulesode-gypinode-gyp.js rebuil

实验任务要求：结合自己所选的应用案例，至少完成一个简单案例，Web页面的操作应包括增、删、改、查，查询结果以表格或表单形式展现。整个系统架构至少应包括前端、Web服务器、应用服务器、数据库服务器。Web服务器和应用服务器可以合在一起，也可以根据硬件资源情况分开。要求提交系统代码、程序与实验报告，届时将逐个检查。实验任务完成情况：代码和HTML文件如下：完成情况说明：已经可以完成通过web界面进行数据库中列表数据的增删改查。本次实验使用python语言中的web模块提供web服务，以及pymys

*集大成之面试题，我们不做面试题的创作者，只做面试题的搬运工（侵必删）〇 理论一个完整的URL 解析过程1 用户输入 URL 地址。2 对 URL 地址进行 DNS 域名解获得IP地址。3 建立 TCP 连接（三次握手）。4 浏览器向 web 服务器发送一个 HTTP 请求报文。5 服务器返回 HTTP 响应报文给客户端。6 关闭 TCP 连接（四次挥手）。7 浏览器解析文档资源并渲染页面。解析过程：浏览器解析的资源（html，svg,Xhtml等），解析完成后都会生成一个完整的DOM

目录需求分析系统概要技术选型功能模块后端逻辑需求分析随着第五代移动通信技术（5G）高速发展，推动新一代信息技术与各个行业的融合发展，各行各业都在积极融合智能现代化概念，努力把互联网技术运用到其中。在我国目前人口基数大，对医疗服务需求量大，在各大城市的中大型三甲医院中，看病人员多，医院医职人员管理，挂号就诊信息繁多，如果采用传统的方式来管理，这恐怕难以有效解决，而且低效。慧医疗利用互联网技术来解决人员管理，信息管理冗杂问题。在近年来，互联网5G技术已经率先在北上广等一线城市中开始运用到医疗