html
文章平均质量分 53
embelfe_segge
这个作者很懒,什么都没留下…
展开
-
useRef 的使用
useRef 的作用useRef 用来获取DOM元素对象保存数据useRef 的使用方法import React, {useRef} from "react";function Ref (){ const box = useRef() return ( <div> <div ref={box}>useRef</div> <button onClick={() =&g原创 2022-03-12 13:18:21 · 2319 阅读 · 1 评论 -
element-ui el-table 表格中行高和字体大小调整
vue element UI el-table表格中行的行高和字体大小调整行高调整Element官网组件Table中size属性可以更改如果上面的方法无法满足对行高的要求使用::row-style="{height:'80px'}"好像可以无限升高,缩小本人测试的最小是80px.各位可以自行测试:cell-style="{padding:'0px'}"这句代码比上一句代码缩小范围更大,常用这个字体大小调整:style="font-size: 10px使用方法:在el-tabl原创 2022-03-12 12:57:00 · 16580 阅读 · 0 评论 -
vue-cli如何升级到最新版本
vue-cli如何升级到最新版本想用vue-cli脚手架创建vue3.0项目学学,要求vue cli 版本在 4.5.0 以上,vue --version查看了下vue-cli版本@vue/cli 4.1.1发现版本低了,于是就想着升级一下,官网上看了下说:npm update -g @vue/cli运行了下,结果报错了,运行vue --version 显示‘vue’ 不是内部或外部命令,也不是可运行的程序或批处理文件。运行卸载 vue-cli 的命令:npm uninstal原创 2022-03-11 20:12:58 · 5000 阅读 · 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-11 19:51:00 · 991 阅读 · 0 评论 -
stream流排序
List 倒序排列List<Double> salesData = new ArrayList<>(); Collections.reverse(salesData); // 降序 反序Collections.reverse(value.stream().sorted(Comparator.comparing(x -> x.getPath().length(), Comparator.reverseOrder())).collect(Collectors.toLis原创 2022-03-11 18:28:07 · 409 阅读 · 0 评论 -
nodejs安装和环境配置
nodejs安装和环境配置1.下载安装node.js官方下载地址: https://nodejs.org/en/ 下载LTS版本(长期稳定版本)安装可以更改安装路径(我的更改是D:Program Files)其余的都是选择 下一步, 安装测试是否安装 成功node -v 查看node的版本npm -v 查看npm的版本(新版的node安装自带安装npm)2.配置环境变量配置全局安装的模块路径和缓存路径(不一定是安装路径)在nodejs文件夹,创建 node_glo原创 2022-03-11 14:49:16 · 96 阅读 · 0 评论 -
Module ‘“xx.vue“‘ has no default export.Vetur(1192)
使用Vue3测试时有如下代码:<script lang="ts" setup="props"> import HelloWorld from './components/HelloWorld.vue'</script><template> <HelloWorld/></template>简单的代码附件了一些看着不爽的提示,虽然不影响正常运行:具体的错误信息如下:import HelloWorld from './comp原创 2022-03-11 14:27:48 · 688 阅读 · 0 评论 -
IDEA+Java+Servlet+JSP+Bootstrap+Mysql实现Web学生成绩管理系统
目录?一、系统介绍1.开发环境2.技术选型3.系统功能4.数据库5.工程截图二、系统展示1.注册页面2.登录页面3.学生-主页面4.学生-个人信息-查询登录密码5.学生-个人信息-查看个人信息6.学生-个人信息-修改个人信息7.学生-成绩管理-成绩信息查看8.教师-主页面9.教师-个人信息-查询登录密码10.教师-个人信息-查看个人信息11.教师-个人信息-修改个人信息12.教师-课程管理-课程信息查看13.教师-课程管理-添加课程信息14.教师-成绩管理-成绩信原创 2022-03-11 13:05:39 · 587 阅读 · 0 评论 -
element-plus 自动引入修改主题色
vue3出来了,想尝鲜首先想到的依然是element。一上来就遇到如何自定义主题色的问题。element-plus官网给了两个示例,完整引入的和手动引入的,唯独缺了自动引入的。整了好些天才整出来一个解决方法供大家参考,避免踩坑。安装依赖# sassnpm install -D sass# element-plus官方文档中自动引入所需的两个依赖npm install -D unplugin-vue-components unplugin-auto-import打包工具我使用的是vit原创 2022-03-11 12:05:34 · 1636 阅读 · 1 评论 -
DataV构建大屏(全屏)数据展示页面
官方文档地址:DataV1.安装组件库npm安装npm install @jiaminghi/data-view2.使用全局引入// 将自动注册所有组件为全局组件import dataV from '@jiaminghi/data-view'Vue.use(dataV)按需引入按需引入仅支持基于ES module的tree shaking,按需引入示例如下:import { borderBox1 } from '@jiaminghi/data-view'Vue.use(b原创 2022-03-11 11:44:14 · 2189 阅读 · 0 评论 -
10、防抖和节流
1. 什么是防抖【解释】: 防抖策略(debounce)是当事件被触发后,延迟 n 秒后再执行回调,如果在这 n 秒内事件又被触发,则重新计时。【图解】:【作用】:当用户频繁触发该事件的时候,确保只进行最后一次的请求操作,节约请求的资源【实现输入框的防抖】:var timer = null // 1. 防抖动的 timer function debounceSearch(keywords) { // 2. 定义防抖的函数 timer = s转载 2022-03-11 10:22:32 · 74 阅读 · 0 评论 -
超详细讲解SpringMVC三层架构
SpringMVC三层架构java SpringMVC的工程结构一般来说分为三层,自下而上是Modle层(模型,数据访问层)、Cotroller层(控制,逻辑控制层)、View层(视图,页面显示层),其中Modle层分为两层:dao层、service层,MVC架构分层的主要作用是解耦。采用分层架构的好处,普遍接受的是系统分层有利于系统的维护,系统的扩展。就是增强系统的可维护性和可扩展性。对于Spring这样的框架,(ViewWeb)表示层调用控制层(Controller),控制层调用业务层(Servic原创 2022-03-10 13:01:30 · 4704 阅读 · 1 评论 -
如何解决出现Unknown at rule @applyscss(unknownAtRules)警告?
在nuxt框架当中使用tailwindcss出现:@apply下面出现警告怎么取消这个警告呢?安装 Stylelint首先,我们需要安装Stylelint本身和一个包含合理标准配置的包。npm install --save-dev stylelint stylelint-config-standard在使用nuxt创建项目的时候, 如果Stylelint已经安装了,就不用重复安装了创建 Stylelint 配置将stylelint.config.js使用以下内容命名的文件放入项目的根文件夹原创 2022-03-10 10:16:15 · 4615 阅读 · 2 评论 -
在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-10 09:55:06 · 908 阅读 · 0 评论 -
关于js报错Cannot set properties of undefined (setting ‘innerHTML‘)的问题
这个问题的意思是无法设置未定义的属性(设置“innerHTML”)例如下面这段代码var rows = tbody.rows; for(var i=0;i<rows.length;i++){ for(var j=0;j<rows[i].cells.length;j++){ rows[i].cells[j].onmouseover = function(){ console.log(rows[i].cells[j].innerHTML); }原创 2022-03-09 13:57:22 · 2310 阅读 · 0 评论 -
你真的熟练运用 HTML5 了吗,这10 个酷炫的 H5 特性你会几个?
博主前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家。点击跳转到网站。HTML5不是什么新鲜事。自初始版本(2008 年 1 月)以来,我们一直在使用它的几个功能。我再次仔细查看了 HTML5 功能列表。看看我发现了什么?到目前为止,我还没有真正使用过很多!在本文中,我列出了 10 个这样的HTML5功能,这些功能过去我用得不多,但现在发现它们很有用。我还创建了一个工作示例流程并托管在GitHub. 希望你也觉得它有用。让我们开始了解有关它们中的每一个的解释、代码和快速提原创 2022-03-09 13:36:16 · 174 阅读 · 0 评论 -
[Vue warn] Error in callback for immediate watcher “data“ “TypeError Cannot read property ‘reduce
今天发现了一个报错提示,虽然不影响使用但还是看看怎么解决吧[Vue warn]: Error in callback for immediate watcher “data”: “TypeError: Cannot read property ‘reduce’ of null”vue.runtime.esm.js:1888 TypeError: Cannot read property ‘reduce’ of null一开始以为是不是缺少reduce字段,后面全局搜都没看到有地方用到了reduce,原创 2022-03-09 12:15:52 · 1172 阅读 · 0 评论 -
Vue使用ElementUI中的面包屑,修改面包屑的字体颜色
一、需求我们在前端开发中,难免遇到按照设计图来搭建页面,使用ElementUI的组件,明显不能满足我们的需求, 所以我们要重新覆盖一下ElementUI的组件样式!!!二、设计图三、找ElementUI的样式四、样式重写- 面包屑演示<el-breadcrumb separator-class="el-icon-arrow-right"> <el-breadcrumb-item class="myColor">第一层</el-breadcrumb-item&转载 2022-03-09 10:51:57 · 1482 阅读 · 0 评论 -
Vue3+Vite2环境变量配置,分别配置本地,测试,正式
第一步:在Vue项目创建三个文件分别为.env .env.development .env.production与Vite.config.js同级别//.env(配置本地开发地址)VITE_HOST = '172.20.25.155'VITE_PORT = 8080VITE_BASE_URL = './'VITE_OUTPUT_DIR = 'dist'VITE_API_DOMAIN = 'http://10.1.1.111:8080/api/'//本地环境地址(可用于开发时联调)//.e原创 2022-03-09 09:52:38 · 1944 阅读 · 0 评论 -
vue3 script-setup 语法糖 父子组件通信 使用defineEmit,defineProps,defineExpose (useContext 弃用)
官方地址https://github.com/vuejs/rfcs/blob/script-setup-2/active-rfcs/0000-script-setup.md#closed-by-default新的写法相比之下写法变得更加简化,下面具体看是否真香子组件![在这里插入图片描述](https://img-blog.csdnimg.cn/20210623152824701.png组件传值父组件下面上源码//子组件<template> <div>原创 2022-03-09 09:31:05 · 188 阅读 · 0 评论 -
vite无法使用require,require is not defined
错误原因require is not definednode.js不是内置对象的一部分,如果想用typescript写Node.js,则需要引入第三方声明文件vue无法识别require,执行命令:npm install @types/node --save-dev原创 2022-03-09 08:17:55 · 4525 阅读 · 0 评论 -
uniapp如何分包 & 分包配置后无法读取static文件夹
1. 为什么会使用uniapp分包?最近因为使用uniapp做小程序,所以后面在程序发布预览时,经常出现:微信小程序Error系统错误,source size 2126KB exceed max limit 2MB等问题;…而我最初的解决方案是使用压缩工具的;…但是在后来随着文件图片增多,这种方案的弊端就很明显了;…故而,就想到了 分包。2. 分包文件目录配置结构:┌─pages // 根文件 │ ├─index │ │ └─index.vue原创 2022-03-09 07:57:01 · 780 阅读 · 0 评论 -
re模块的玩法都在这里~~~
文章目录一、正则函数re.match函数re.search函数re.sub函数re.subn函数re.compile函数re.findall函数re.finditer函数re.split函数小结二、compile函数1. match函数2. search函数3. findall函数4. finditer函数5. split函数6. sub函数7. subn函数小结三、元字符和通用字符四、贪婪与非贪婪匹配五、分组六、正则表达式修饰符七、原创 2022-03-08 13:37:36 · 381 阅读 · 0 评论 -
Python爬虫学以致用,嘿嘿
因为放假回到了老家,可能是在镇上的缘故,治安管的可能不是那么严,每天晚上都会有鬼火少年出来炸街,md,有时候半夜两三点突然炸一下街,声音贼大,但是吧,声音贼大,车速还没我跑的快天菩萨,真的烦死人了,一声砰,一下抖,家人们就说连续几天烦死了于是我就想写篇文章去我们当地的"情报网"(就是那种地方自己人吐槽或者互助的网),希望大家一起对这种行为控诉一波,也希望家里有鬼火少年的家长不要天天麻将馆007,多看看你孩子在街上放炮。于是我就写了篇文章去控述,但是吧,担心浏览量低了,大家看不到,于是就想想能不能用原创 2022-03-08 13:16:30 · 65 阅读 · 0 评论 -
node_modulesnode-sass npm ERR command failed 解决方法
从github上clone下的项目可能会出现以上错误,大部分原因是node的版本和node-sass,sass-loader的版本冲突最方便的解决方法就是修改nodejs的版本首先在package.json找到node-sass和sass-loader的版本然后通过node-sass的npm找到对应的nodejs的版本https://www.npmjs.com/package/node-sass再找到nodejs对应的版本https://nodejs.org/zh-cn/download..原创 2022-03-08 12:17:12 · 750 阅读 · 0 评论 -
mybatis-plus复合主键的使用
1.mybatis-plus 版本<dependency> <groupId>com.baomidou</groupId> <artifactId>mybatis-plus-boot-starter</artifactId> <version>3.3.2</version></dependency>2.实体类@TableName("etl_job")public class J原创 2022-03-08 11:56:13 · 1529 阅读 · 1 评论 -
JavaScript的table表格的增删改(面向对象)
运行效果HTML部分:<!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-scale=1.0"> &l原创 2022-03-08 10:56:55 · 282 阅读 · 0 评论 -
JavaScript — DOM的增删改查、节点、事件、文档的加载
目录一、DOM二、节点三、事件四、文档的加载五、DOM查询1.获取元素节点2.获取元素节点的子节点?3.获取父节点和兄弟节点4. 其他DOM查询的方法常用搜索方法总结:5.matches()与closest()六、DOM的增删改?创建新节点的方法插入和移除节点的方法七、DocumentFragment一、DOMDOM,全称Document Object Model 文档对象模型。JS中通过DOM来对HTML文档进行操作。只要理解了DOM就可以随心所欲的操作WEB页面。原创 2022-03-08 10:35:51 · 116 阅读 · 0 评论 -
Error Unknown option ‘--inline‘
vue使用‘npm run dev’报错解决办法:执行npm install webpack-dev-server -D如果执行改条命令失败,则先全局安装webpack执行npm install webpack-cli -g原创 2022-03-08 09:36:38 · 3495 阅读 · 3 评论 -
element-plus的自动导入和按需导入
element-plus根据官网文档,推荐用户采用按需导入的方式进行导入。我的项目是使用vite进行构建的,根据官网的文档,利用unplugin-vue-components插件进行自动按需导入。当我们使用element的标签时,无需再使用import对组件进行导入。例如:<el-button>test</el-button>会自动引入ElButton组件。不过当我们想要使用命令的方式创建element组件时,样式会无法自动引入。我们以ElMessage为例。im原创 2022-03-08 09:15:41 · 1232 阅读 · 0 评论 -
bug:The following dependencies are imported but could not be resolved lib-flexibleflexible
ivyone@ivyonedeMacBook-Pro daily-cost % npm run dev> [email protected] dev /Users/ivyone/hami94/daily-cost> vite > src/router/index.js:3:17: error: Could not resolve "../views/Data.vue" 3 │ import Data from "../views/Data.vue"; ?原创 2022-03-08 08:16:38 · 7660 阅读 · 0 评论 -
913 error Component name “home“ should always be multi-word vuemulti-word-component-names
新手在操作npm run serve 的时候会出现以下的报错,报错原因是希望组件名写成驼峰式或者链-先形式的,但是官方又明确单个单词组件命名是符合规定的,总结在编译的时候eslint 会检测将次写法判定为不规格。解决方案:在项目根目录找到一个vue.config.js 文件,没有就在根目录创建一个,写上下面标注的代码,保存,在重新编译。项目就可以正常运行了。...原创 2022-03-08 07:55:37 · 957 阅读 · 0 评论 -
2021最新Selenium真正绕过webdriver检测
看过非常多selenium文章,但能真正绕过的不多!下面为大家实现通过js文件注入达到真正绕过的方法!欢迎点赞关注一键三连!一、什么是真正绕过浏览器检测?https://bot.sannysoft.com 这是chrome的真正检测网址为什么要强调绕过webdriver属性检测?有些网址通过webdriver检测使得Selenium无法获取元素、无法控制按钮等情况1、PC环境打开chrome的效果一般来说普通的启用webdriver即使也是会标红的,以上是打开本地chrome的原创 2022-03-07 21:06:53 · 331 阅读 · 1 评论 -
解决DevTools failed to load SourceMap Could not load content for .js.map HTTP error code 404 问题
问题DevTools failed to load SourceMap: Could not load content for ***.js.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME项目开发完之后,在用Chrome浏览器调试的时候发现控制台有两条警告,如图所示:分析这里抛出DevTools failed to load SourceMap警告的原因是:项目引用的第三方的JavaScript工具是压缩后的版本,原创 2022-03-07 09:39:10 · 1169 阅读 · 0 评论 -
综合架构web服务之nginx详解
文章目录nginx 服务配置详细介绍关于作者前言一、nginx web 入门简介1.1 什么是nginx1.2 常见的网站服务1.3 nginx 网站服务特点1.4 网站页面访问原理二、nginx 服务部署安装2.1实验环境2.2 YUM 安装2.3 源码编译安装2.4 nginx重要文件目录结构2.5 虚拟主机介绍及配置2.5.1利用nginx服务搭建一个网站(www)2.5.2 location介绍、location 访问控制及 优雅404显示2.原创 2022-03-07 09:18:10 · 304 阅读 · 1 评论 -
手把手教你做出数据可视化项目(四)动态模拟航班飞行路线
数据可视化前言:https://blog.csdn.net/diviner_s/article/details/115933789项目最终效果图:此篇博客为自己学习pink老师的课后完成的项目的总结与记录,仅供交流参考。版权所有,转载请标注原作者!使用echarts技术做的可视图,此外其项目包含 的技术有html、css、js、jquerry、ajax、websocket、koa等。文章目录模拟航班飞行路线数据预处理1.地图经纬度坐标存储2.路线规划3.定义converDa.原创 2022-03-07 08:19:14 · 2229 阅读 · 0 评论 -
axios在vue中的使用
一、Axios是什么Axios是一个基于promise的HTTP库(类似于jQuery的Ajax,用于HTTP请求)可以用于浏览器和node.js(既可以用于客户端也可以用于node.js编写的服务端)二、Axios有哪些特性支持promise API拦截请求和响应转换请求数据和响应数据取消请求自动转换 JSON 数据客户端支持防御 XSRF三、Axios浏览器支持四、安装1.使用 npm:$ npm install axios2.使用 bower:$原创 2022-03-07 07:54:53 · 144 阅读 · 0 评论 -
千锋 Vue 详细笔记整理
视频笔记是根据B站 千锋 涛哥 - SpringBoot+vue+前后端分离项目《锋迷商城》实战课-完结版 进行整理的笔记可上 gitee仓库 自取千锋 Vue 笔记整理一、vue 的简介1.1 使用 JQuery 的复杂性问题1.2 VUE 简介1.2.1 前端框架1.2.2 MVVM二、 vue 入门使用2.1 vue 的引入2.2 入门案例 – Hello World三、 vue 的语法3.1 基本类型数据和字符串3.2 对象类型数据3.3.原创 2022-03-06 04:47:38 · 6500 阅读 · 5 评论 -
前端如何与后端对接口
导语:前端写好了页面如何与后端对接口,下面是一篇看图步骤说明,更方便大家去理解操作。调接口的步骤:1、serve定义请求的url2、action里面定义方法3、页面调用action方法4、接口通了返回数据就绑定数据到页面接口状态码:如何找接口:...原创 2022-03-06 04:26:28 · 1884 阅读 · 0 评论 -
下班前几分钟,我学会了如何使用 Vuex
目录前言正文一、基本概念二、项目场景三、如何使用1、安装2、State 初始值3、Getters 修饰值4、Mutations 修改值5、Actions 异步修改值四、总结五、建议何时使用 Vuex ?前言本人曾对 Vuex 作过详细介绍,但是今天去回顾的时候发现文章思路有些繁琐,不容易找到重点。于是,在下班前几分钟,我对其重新梳理了一遍。tips:本文的案例均为Vue2版本。正文一、基本概念Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集原创 2022-03-06 03:25:43 · 792 阅读 · 1 评论