html
关注
分享
扫一扫
文章平均质量分 61
普通网友
这个作者很懒，什么都没留下…
展开
-
vue-roter 4报错： Error Invalid route componentUncaught (in promise) Error Invalid route component解决
目录代码参考：代码main.js：import { createApp } from 'vue'import App from './App.vue'import router from './router'import ElementPlus from 'element-plus'import 'element-plus/dist/index.css'import {store} from './store'//请求方法的封装import {postRequest} from原创 2022-03-11 20:17:26 · 1534 阅读 · 1 评论 -
uni-app点击按钮显示 loading 提示框-uni.showLoading(OBJECT)
uni.showLoading(OBJECT)显示 loading 提示框, 需主动调用 uni.hideLoading 才能关闭提示框。参考文档https://uniapp.dcloud.io/api/ui/prompt?id=showmodal一些参数说明：test.vue例子<template> <button @click.stop="isLeave()">点击按钮</button></template><script&g原创 2022-03-11 18:54:17 · 1422 阅读 · 0 评论 -
JavaScript实现一个录屏功能
阅读目录1、创建一个HTML2、使用mediaRecorder录制并存入变量中3、停止屏幕共享播放录制视频4、自动下载录制的视频5、完整代码1、创建一个HTMLOBS studio很酷，但 JavaScript 更酷，现在，我们用 JavaScript 创建自己的录屏功能。首先，创建一个HTML文件，包含记录按钮和一个播放标签，内容如下：<!DOCTYPE html><html> <head> <title>Parcel S原创 2022-03-11 13:31:32 · 1724 阅读 · 1 评论 -
Element-ui和Element-Plus的区别_Element2和Element3的区别
Element-ui和Element-Plus的区别_Element2和Element3的区别一、定义区别Element-UI对应Element2：基本不支持手机版Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库Element-Plus对应Element3：组件布局考虑了手机版展示基于 Vue 3，面向设计师和开发者的组件库二、框架区别Element-ui适用于Vue2框架Element-plus适用于Vue3框架三、开发中使用的区别1. Ic原创 2022-03-11 12:09:52 · 8296 阅读 · 1 评论 -
安装create-react-app失败遇到的问题
在安装create-react-app中出现了一个百思不得其解的问题，说是tar的版本问题，但是升级成2.2.2版本后依然安装不上。出现警告：This version of tar is no longer supported, and will not receive security updates. Please upgrade asap.运行npm install -g create-react-app后在当前文件夹中出现了一下目录，缺少src文件翻阅以下链接文章后说可能是create-原创 2022-03-10 10:20:31 · 1370 阅读 · 0 评论 -
关于vue3.0结合element-plus 、el-upload文件上传
前后端分离，实现选择文件后直接进行上传的功能action：上传地址accept：接收上文件的类型show-file-list：是否显示已经上传文件列表file-list: 上传文件列表limit：允许的最大的上传个数multiple：是否支持多选文件on-exceed：文件超出最大上传个数时触发的函数on-change：选择文件后上传状态改变时触发的函数，上传成功或者失败都会被触发上传功能实现步骤：注释：传给后端的为二进制文件，post方式传递参数采用formdata形式为与后端约定.原创 2022-03-09 14:01:37 · 6555 阅读 · 0 评论 -
【Typescript入门手册】一篇文章速览常见类型
??【TypeScript入门手册】记录了出场率较高的Ts概念，旨在帮助大家了解并熟悉Ts?? 本系列会持续更新并更正，重点关照大家感兴趣的点，欢迎同学留言交流，在进阶之路上，共勉！?? star本项目给作者一点鼓励吧相信大家经常会问到为什么会有Ts，我该不该学习Ts，在知乎上这样的问题也会受到大家广泛的关注，而我的回答是，该去了解，因为了解Ts不会像我们学习英语那样“痛苦”，如果TypeScript能够解决你的问题，那就继续深入的学习吧，本系列的第一篇文章也不会有太深奥的理论，花一些时间了解一..原创 2022-03-09 12:41:09 · 957 阅读 · 0 评论 -
Vue报错Module build failed Error Node Sass version 7.0.1 is incompatible with ^4.0.0.解决方案
错误提示：解决方案：找到问题所在：Module build failed: Error: Node Sass version 7.0.1 is incompatible with ^4.0.0.这是由于Sass的版本过高导致，所以根据提示将版本改为较低的版本就可以了，我这里是改为4.0.0版本。下面是怎么改版本：1.首先在IDE中找的package.json文件：这是package.json文件2. 然后打开该文件找到“sass-loader”，修改版本即可，这里修改成4.0.0 ：3原创 2022-03-09 11:17:53 · 4595 阅读 · 0 评论 -
vue3.0 从入门到入土--------综合案例
目录vue-cli?组件库axios 拦截器??proxy 跨域代理?用户列表案例总结vue-cli1. 什么是 vue-clivue-cli（俗称：vue 脚手架）是 vue 官方提供的、快速生成 vue 工程化项目的工具。vue-cli 的中文官网首页：https://cli.vuejs.org/zh/① 开箱即用② 基于 webpack③ 功能丰富且易于扩展④ 支持创建 vue2 和 vue3 的项目2. 安装 vue-clivue-cli 是基于 Node.js原创 2022-03-09 09:56:54 · 715 阅读 · 0 评论 -
vscode中自动补全node.js的方法
1.打开文件夹，找到项目根目录，打开Powershell终端窗口如图 （注意：先在空白处按shift，再按**右键 ，**才可弹出该选项）2.弹出窗口如图 ，先输入一个空格，再输入如下代码 cnpm install --save @types/node//或者 npm install --save @types/node3.多出文件如图4.重启vscode，你会发现有自动补全了...原创 2022-03-09 08:22:11 · 850 阅读 · 1 评论 -
selenium弃用警告DeprecationWarning find_element_by_ commands are deprecated. Please use find_element()
意思：弃用警告：不推荐使用 find_element_by_* 命令。 请改用 find_element()原来的写法：el = web.find_element_by_xpath('//*[@id="changeCityBox"]/p[1]/a')现在的写法：记得先导入from selenium.webdriver.common.by import Byfrom selenium.webdriver import Chromefrom selenium.webdriver.common.by原创 2022-03-08 13:41:53 · 634 阅读 · 0 评论 -
npm ERR code ENOENT npm ERR syscall open 错误解决
启动myvue时，新手常犯错E:Web学习idea ue>npm run devnpm ERR! code ENOENTnpm ERR! syscall opennpm ERR! path E:Web学习idea uepackage.jsonnpm ERR! errno -4058npm ERR! enoent ENOENT: no such file or directory, open 'E:Web学习idea uepackage.json'npm ERR! enoent This原创 2022-03-08 12:21:29 · 7244 阅读 · 0 评论 -
JavaWeb学生宿舍管理系统（JSP+JDBC+Servlet）
学生宿舍管理系统java运行环境：jdk1.8；web服务器版本：tomcat8.5；开发工具：idea2020.1 + navicat premium 15数据库：mysql 8.0源码地址：学生宿舍管理系统源码CSND无需积分下载：学生宿舍管理系统源码文档可以参考：学生宿舍管理系统需求分析与数据库设计欢迎有问题的同学在评论区评论呀！会及时回复的1. 学生宿舍管理系统首页沿用通讯录首页（利用flexibile布局）具体代码实现：（header.jsp+index.jsp）heade原创 2022-03-08 11:01:14 · 2041 阅读 · 1 评论 -
Cannot read properties of undefined (reading ‘push‘) 问题
现象描述当点击列表页面中的修改按钮，进入表单页面，到对应页签中，点新增按钮，输完内容点击确定保存后，发现页签中对应的列表中没有增加刚刚新增的数据而若一开始便在列表页面，点击新增按钮，进入表单页面后，再到对应的页签中，新增记录在列表中是正常显示的若给表单中table绑定的数据加了 filter() ，点击列表中的修改按钮，发现无法进入表单页，一直卡住<el-table class="table" border :data="inputForm.tbBDevList.filter(funct原创 2022-03-08 08:20:53 · 6152 阅读 · 0 评论 -
2022年前端Vue常见面试题大全（三万长文）持续更新
目录1.Vue和React有什么不同？使用场景分别是什么？2.axios是什么？怎么使用它，怎么解决跨域？3.说说Vue，React，angularjs，jquery的区别4.什么阶段（生命周期）才能访问操作dom？为什么5.组件中的data为什么是个函数？6.说一说scoped样式隔离7.v-if与v-show的区别？8.什么是MVVM？9.Vue修饰符有哪些？10.函数式组件使用场景和原理11.能说下 vue-router 中常用的路由模式实现原理吗？12.GET和POST的区别原创 2022-03-07 21:11:13 · 1353 阅读 · 1 评论 -
解决npm install 失败问题
npm install 失败问题总结：1、gyp ERR! configure error解决:npm install --unsafe-permnpm 出于安全考虑不支持以 root 用户运行，即使你用 root 用户身份运行了，npm 会自动转成一个叫 nobody 的用户来运行，而这个用户几乎没有任何权限。这样的话如果你脚本里有一些需要权限的操作，比如写文件（尤其是写 /root/.node-gyp），就会崩掉了。为了避免这种情况，要么按照 npm 的规矩来，专门建一个用于运行 npm 的高原创 2022-03-07 09:46:14 · 8437 阅读 · 0 评论 -
抖音便捷小空调特效 html+css+js
先看效果（源码在最后）：视频效果如下，有音效 B站：有位粉丝给我分享了这个效果，我觉得挺有趣，然后研究了研究，具体实现如下（代码可能比较多，但都是比较简单的，加油）：实现过程：1.定义标签： <!-- 底层盒子 --> <div class="container"> <!-- 空调整体 --> <div class="air"> <!-- 显示空调参数的图片 -->转载 2022-03-07 08:23:30 · 1508 阅读 · 2 评论 -
两小时从零学会vue-admin-template框架
一、vue-admin-template1.项目简介官网：https://github.com/PanJiaChenvue-element-admin是含有丰富的组件，vue-admin-template是一个基础的单页面应用的框架，适合在vue-admin-template上二次开发，开发需要的组件就可以直接的从vue-element-admin里面拷贝上去。适合于后台管理的中小型项目，内部的架构非常的完善，简单易上手。1.2下载项目vue-element-admin官网vue-admi原创 2022-03-06 03:30:00 · 7092 阅读 · 0 评论 -
WEB应用log4j1.x升级到log4j2.17.1
WEB应用Log4j1.x升级到log4j2.17.1WEB应用log4j1.x升级到log4j2.17.1环境条件删除旧版本JAR包删除log4j1.x的日志配置文件删除log4j1.x的启动配置或代码新增log4j2的jar包依赖新增log4j2的日志配置文件新增log4j2的web启动配置WEB应用log4j1.x升级到log4j2.17.1升级背景：引用apache log4j2官网描述，有严重的漏洞；加上公司维护的WEB应用使用了非常落后的版本为log4j-1.2.原创 2022-03-06 02:09:08 · 1241 阅读 · 0 评论 -
vue3报错error Component name “Layout“ should always be multi-word vuemulti-word-component-names
vue3的Component命名规范不能为单个词，修改为多个单词原创 2022-03-06 00:47:45 · 2249 阅读 · 0 评论 -
npm ERR gyp verb check python checking for Python executable “python“ in the PATH
删除 node_modules 文件夹。在 Terminal 运行 npm install --global windows-build-tools --save再安装node-sass npm install node-sass@4.12.0 --save（或指定版本）到这里，错误应该就已经解决了，收到了 gyp info ok 的提示！如果遇到 Node Sass could not find a binding for your current environment，再运行 npm reb.原创 2022-03-05 20:35:10 · 5325 阅读 · 0 评论 -
vscode + vite + vue3 + ts + eslint + stylelint 代码自动格式化
使用 vite 创建的 vue3 项目有点简陋，很多功能都没有。所以本文将讲解一下如何对 vite + vue3 项目配置代码自动格式化。配置完成后的效果如下图所示：安装 VSCode 插件打开 VSCode，安装以下插件：eslintstylelintvolar打开 VSCode 配置文件（Maccommand + shift + p，windowsctrl + shift + p，输入settings）。在配置文件中加入以下代码："editor.codeActionsOnSave.原创 2022-03-03 23:02:07 · 1957 阅读 · 0 评论 -
npm 解决缺失 core-js 的问题,遇到core-jsmoduleses6.regexp.replace 问题
今天遇到一个模块问题其实就是模块没有升级或者是cnmp太垃圾(个人认为害人不浅,老是掉包, yarn也不要用了也是一个叼样)core-js/modules/es6.regexp.replace in ./node_modules/cache-loader/dist/cjs.jsref–12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.jsref–0-0!./node_modules/vue-loader/li原创 2022-03-03 16:23:42 · 696 阅读 · 0 评论 -
JS事件篇
事件篇window.onload:事件Dom查询innerhtml ----获取节点的html内容，或者设置对应节点html内容读取或者设置节点的相关属性获取元素节点的子节点children属性可以获取到当前元素所有子元素，不包括文本节点区分概念: 节点包括文本节点，而元素不包括文本节点firstChild获取当前元素第一个子节点 VS firstElementChild获取当前元素第一个子元素抽离出按钮点击函数的小案例parentNode :获取一个元素的父元素inne原创 2022-03-03 15:19:15 · 880 阅读 · 0 评论 -
find_element_by_xpath画横线不能用
问题描述：find_element_by_xpath画横线不能用原因分析：find_element_by_xpath已经被弃用解决方案：改为driver.find_element(By.XPATH，） 的形式原创 2022-03-03 14:14:44 · 837 阅读 · 0 评论 -
chrome浏览器 在HTTPS 网址中HTTP资源显示错误(netERR_SSL_VERSION_OR_CIPHER_MISMATCH)
问题大致内容在访问https的网页时，如果网页中有http的资源如图片、视频、或则音频等，均会出现访问失败，在控制台中会打印net::ERR_SSL_VERSION_OR_CIPHER_MISMATCH这是看资源加载会发现本是http的数据资源会被强制加载成https然后看请求资源地址会发现本是http的资源会被强制转换成https。然后我查了很多资料终于在官方的通告中找到了这个问题这里给上官方通告https://security.googleblog.com/2019/10/no-m.原创 2022-03-03 12:23:27 · 4376 阅读 · 0 评论 -
安装vue-devtools过程中种种问题
周五按照网上教程进行按照，报错再百度搜索找方案。之前一直在vue-devtools文件夹中使用git bash进行cnpm install安装不成功，报各种依赖包不支持。报错类似如下：npm WARN … requires a peer of react@^16.4.0 but none is installed报错内容过多，需要安装依赖包太多。然后将npm版本号降到6.0.1，报错更多。类似npm WARN npm npm does not support Node.js v14.16.0 npm原创 2022-03-02 12:57:21 · 8461 阅读 · 2 评论 -
程序员必备技能——正则表达式
目录前言一、什么是正则表达式二、元字符三、数量限定符五、贪婪匹配和惰性匹配5.1 惰性匹配 .*?5.2 贪婪匹配 .*六、不同语言的正则表达式6.1 Python示例6.2 C#示例6.3 Golang示例总结写在后面前言当我们在通过爬虫抓取网页数据的时候，请求回来的网页数据其实是一个很长很长的字符串。而整个网页里面的内容并不全都是我们想要的，我们可能要的只是其中的一些字段。这个时候我们在字符匹配的时候就会用到正则表达式。或者当我们前端页面要对一些输入框输入的内容进行校原创 2022-03-02 04:01:06 · 7761 阅读 · 0 评论 -
尚品汇项目笔记
尚品汇项目笔记前端Vue核心1、vue文件目录分析2、项目配置3、组件页面样式4、清除vue页面默认的样式5、pages文件夹6、footer组件显示与隐藏7、路由传参8、多次执行相同的push问题9、定义全局组件10、代码改变时实现页面自动刷新11、Home首页其它组件12、封装axios13、前端通过代理解决跨域问题14、请求接口统一封装15、nprogress进度条插件16、手动引入vuex17、async await使用18、vuex（*****）19、lo原创 2022-03-02 02:57:32 · 775 阅读 · 0 评论 -
使用HTML制作一个简单的个人主页
此网页是我对html有了一个简单，初步的认识后制作的一个网页，主要目的是练习html的一些简单操作，由于时间关系，有很多做的不好，细节处理不到位的地方。废话不多说，先来看效果1、首页这一个网页就是进行了网页背景、背景音乐、段落的处理、水平线以及超链接的简单练习。2、我的相册这一页主要是对大量图片进行一个排版的练习3、我的计划这一页主要是对文本有序无序以及表格内部的背景颜色等等的练习4、我的家乡这一部分是对段落的细节处理、还有文本与图片结合的练习5、我的故事这个是对表格进阶版原创 2022-03-02 01:53:54 · 7217 阅读 · 1 评论 -
You may need an additional loader to handle the result of these loaders
在这段学习中我在安装环境时又遇到了这么一个问题，可能讲的不是很好，希望能给你带来帮助报错是下图他提示：You may need an additional loader to handle the result of these loaders.一个原因是你没有安装VueLoaderPlugin这个插件需要在webpack.config.js中plugins:中加入new VueLoaderPlugin()还有const VueLoaderPlugin = require(‘vue-loade原创 2022-03-02 00:50:14 · 7349 阅读 · 1 评论 -
vue3 vue-router.esm-bundler.js3295 TypeError Cannot use ‘in‘ operator to search for ‘catch‘ in und
vue3 在设置路由时 报了这个错误vue-router.esm-bundler.js:3295 TypeError: Cannot use ‘in’ operator to search for ‘catch’ in undefined解决方法可以看图中正确的写法原创 2022-03-01 23:46:55 · 1186 阅读 · 3 评论 -
SpringMVC 获取请求数据
SpringMVC 获取请求数据获取请求参数获取基本数据类型获取POJO数据类型获取数组数据类型获取集合数据类型访问静态资源请求数据乱码问题参数绑定注解@requestParam获取Restful风格的参数（@PathVariable注解进行占位符的匹配获取工作）自定义类型转换器获取Servlet相关API获取请求头@RequestHeader@CookieValue文件上传文件上传客户端三要素单文件上传原理单文件上传步骤上传至本地磁盘多文件上传总原创 2022-03-01 20:04:23 · 296 阅读 · 0 评论 -
python正则表达式入门
??今天我们来学习python的正则表达式的部分，先说下为什么要学习这一部分呢，当然是因为正则表达式处理文本类型的数据实在是太方便了。为以后进入nlp领域打打基础！先给大家推荐一个网站: 用于正则表达式验证.大致就长这个样子。这里写目录标题1.基础知识2.贪婪模式和非贪婪模式3.反斜杠的用途4.中括号的用法5.匹配启始和结束位置6.括号的用法—组选择7.正则表达式切割字符总结1.基础知识普通字符：普通字符的含义就是字节匹配他们。特殊字符：它们出现在正则表达式中，不原创 2022-02-28 22:39:33 · 114 阅读 · 0 评论 -
优快云浏览器助手又双叒叕更新啦，来体验下都更新了什么
优快云浏览器助手又双叒叕上新啦，来体验下都更新了什么重磅：沉浸式阅读实用：插件强推荐推荐一：优快云热榜一键呼推荐二：优快云收藏夹搜索助手期待：新功能畅想优快云浏览器助手新版本 9 月强势上线！ 插件官网，点击体验新增“博客净化”功能，去掉广告，砍掉边栏……打造沉浸式阅读体验重磅：沉浸式阅读安装新版本浏览器助手更新了优快云博客详情页优化插件，打开一篇文章，可以看到不但没有广告，连左侧的博主信息，文章目录，相关推荐都没有了，只有你要看的文章，这下可以专心致志看文章了原创 2022-02-26 20:45:11 · 136 阅读 · 0 评论 -
JavaScript瀑布流的实现
瀑布流的核心1, 根据 ajax请求的响应体结果 动态渲染生成页面请求地址 请求方式 参数键名 都是 后端程序定义的前端 只能根据需求 定义 携带的具体的参数数据响应体数据是后端程序返回的数据结果只能获取数据结果 不能修改数据结果可以根据 响应体数据结果 动态渲染生成页面内容可以使用 三元运算符 给标签定义属性等2, 瀑布流 再次 发起请求的判断依据上卷高度 + 视窗窗口高度 + 预留高度 > 最矮ul占位高度3, 函数的节流同时触发 多次执行 相同的函数程序只需要触发执行原创 2022-02-26 14:51:00 · 482 阅读 · 0 评论 -
echarts3d饼图，环形图（包含透明效果）
效果图：饼图：环形图：带透明度的环形图：安装echarts“echarts”:"^5.1.2"“echarts-gl”:"^2.0.8"import Vue from ‘vue’import * as echarts from ‘echarts’import ‘echarts-gl’ // 3d图表库Vue.prototype.$echarts = echarts.vue文件 【bindListen方法可以提取到mixins里面，以供组件多次调用】&l.原创 2022-02-24 21:09:00 · 3662 阅读 · 5 评论 -
Vue3使用axios
一直用UNIAPP，这次项目要用vue来写，就比较纠结装了vue3，然后挺多不适应的，记录下接口使用吧安装$ npm install axios --save创建config.js这里创建拦截器跟配置域名import axios from 'axios';import { ElMessageBox } from 'element-plus';const config = { // baseURL: process.env.baseURL baseURL: 'https://www原创 2022-02-23 22:01:06 · 1564 阅读 · 0 评论 -
MybatisPlus 自定义 TypeHandler 映射JSON类型为List
参考：1.Mybatis TypeHandler 将数据库里的JSONAarry字符串转为java对象List2.Java 泛型——类型擦除1. 实体类这里只展示需要映射的字段，分别在所需映射的字段和实体类上添加注解。@Data@TableName(value = "report", autoResultMap = true)public class Report { private static final long serialVersionUID = 1L; @A原创 2022-02-22 23:35:25 · 1191 阅读 · 0 评论 -
uView中picker限制选择时间
文章目录1.需求2.解决方法3.解决bug1.需求uView中picker的mode=time时默认样式由于项目需求，需要把时间的选择范围限制在当前日期的10时以后，不能选择以前的日期，也就是说今天是2021.9.2，不能选择2021.9.1及以前的日期，查找文档后没找到解决方法，只能修改其源码2.解决方法找到picker的源码位置==>uview-ui==>components==>u-picker==>u-picker.vue来到429行作者原创 2022-02-21 19:12:36 · 2562 阅读 · 0 评论