
前端
文章平均质量分 59
普通网友
这个作者很懒,什么都没留下…
展开
-
vue-router安装失败
vue-router安装出现ERR! code ERESOLVEnpm ERR! code ERESOLVEnpm ERR! ERESOLVE unable to resolve dependency treenpm ERR!npm ERR! While resolving: vue_cli_app@0.1.0npm ERR! Found: less@4.1.2npm ERR! node_modules/lessnpm ERR! less@"^4.1.2" from the root pr原创 2022-03-11 20:19:07 · 859 阅读 · 0 评论 -
uni-app遇到的一些问题
给placeholder绑定动态变量placeholder前加:就可以了,后面是变量<u-input v-model="form.selectDocumentType" class="choiceInput" :placeholder="selectDocumentTypeLabel"/>form表单中关于一条form-item中多个必填项的prop设置具体解决方法是在中再包裹一层<u-form-item label="证件类型" prop="selectDocumen.原创 2022-03-11 18:55:55 · 3823 阅读 · 0 评论 -
npm ERR While resolving undefined@undefined npm ERR Found umi@3.3.9 npm ERR node_modulesumi np
$ npm inpm ERR! code ERESOLVEnpm ERR! ERESOLVE unable to resolve dependency treenpm ERR!npm ERR! While resolving: undefined@undefinednpm ERR! Found: umi@3.3.9npm ERR! node_modules/uminpm ERR! umi@"^3.3.7" from the root projectnpm ERR!npm ERR! Co原创 2022-03-11 14:55:17 · 1008 阅读 · 0 评论 -
JavaScript提高班之ES6(七)
JavaScript帝国之行??内容地址JavaScript基础大总结(一) ??https://blog.youkuaiyun.com/Augenstern_QXL/article/details/119249534JavaScript基础之函数与作用域(二) ??https://blog.youkuaiyun.com/Augenstern_QXL/article/details/119250991JavaScript基础之对象与内置对象(三)??https://blog.youkuaiyun.com/Augenstern_原创 2022-03-11 13:33:10 · 176 阅读 · 0 评论 -
ElementUi el-autocomplete 踩坑 (使用clearable清除,点击输入框下拉条件不再显示)
今天在写组件的时候,用到了el-autocomplete来做模糊搜索。因为要可以清除条件,所以加了clearable属性,然后遇到了个bug。点击清除图标后,如果你已经是聚焦状态了,你在点击输入框,下拉框不会再显示了查了一下,是因为有element-ui源码有bug,主要原因是参考该博客autocomplete组件在执行清除事件时,将activated置为false。这时候下拉框不会显示了,而在querySearch执行成功后又没有将activated置为true。所以导致了该bug。解决的核心.原创 2022-03-11 12:11:29 · 4177 阅读 · 0 评论 -
运行vue项目:警告提示 “export ‘default‘ (imported as ‘Vue‘) was not found in ‘vue‘
问题:运行vue项目时,警告提示"export ‘default’ (imported as ‘Vue’) was not found in ‘vue’在main.js中在路由文件下的index.js中原因:安装的vue-cli为v4以上的版本,其不包含全局的 Vue,Vue 被 createApp函数代替解决方案:在main.js中import { createApp } from 'vue' // 代替 import Vue from 'vue' import App from '.原创 2022-03-10 13:07:24 · 12020 阅读 · 0 评论 -
用html做一个漂亮的网站,个人网页,css
多的不说,直接上网页注意这只是静态的网页我个人自学的,样子不是恒好看,但是可以作为作业(老师也没怎么讲,毕竟是在 大学里面嘛,大部分时间都是自学罢了)发布时间:2020-12-29修改时间:2022-2-28修改内容:更新阿里云盘地址/计划写个简单的后端来更新页面数据源代码文件可在这里下载??下载地址aliyunpan自己下链接放这里了我用阿里云盘分享了「个人网页」,你可以不限速下载复制这段内容打开「阿里云盘」App 即可获取链接:ALiYunPan下载地址这是主页面index.ht原创 2022-03-10 11:46:31 · 1078 阅读 · 0 评论 -
安装selenium教程
1、安装PythonPython下载路径:Download Python | Python.org官网比较现在比较慢,我用的是Windows64,Python3.8,如果有需要,可以留言留下邮箱发你Install Now是默认安装,建议不要选择这个;Customize installation是自定义安装,选择安装的路径,建议选择这个;勾选Add Python 3.X to PATH:加入系统变量。下图默认全勾选就好①验证是否安装成功:键盘win+R输入cmd,回车进入命令行,输入p原创 2022-03-10 10:22:07 · 20532 阅读 · 0 评论 -
关于报错 vue__WEBPACK_IMPORTED_MODULE_0___default.a.observable is not a function
报错截图如上,报了vue__WEBPACK_IMPORTED_MODULE_0___default.a.observable is not a function在 public 下 的 index.html里面,cdn 引入了版本太低导致的。这个错误。因为我是 cdn 引入方式,所以 我想歪了,因为项目中 使用了vue.observable ,这个 APi 是 vue 2.6 新增的,而我 引入的 cdn 版本是 2.5 所以 报了这个错误,所以只要 cdn 换个 版本 就 ok了...原创 2022-03-09 14:03:13 · 2940 阅读 · 0 评论 -
【VsCode】如何使用VsCode中的代码片段快速输入常用代码(太实用了,有图,有示例)
一、只要输入两个【!!】就可以出来想要的代码片断。比如:你看我,输入了两个感叹号,按下回车就出现如下代码:1、文件–首选项–用户片断2、选择【新建全局代码片段文件】3、输入文件名:html-js-vue-demo(这里随便输入,只要不重复就行),按【回车键】4、出现如下图所示5、把所有的内容删除,再把以下代码整个复制文件中(CV大法,你懂得!)划重点1:代码中有双引号,一定要用"代替就行了。划重点2:重点是prefix的设置,就是快捷输入命令,我设置了两个感 叹号作为快捷命令。原创 2022-03-09 12:42:45 · 2331 阅读 · 1 评论 -
vue报错:Unknown custom element xxx - did you register the component correctly For recursive compon
文章目录一、报错信息二、分析1.报这种错误可以先检查一下代码规范,模块引入是否加{}一、报错信息vue.runtime.esm.js2b0e:619 [Vue warn]: Unknown custom element: - did you register the component correctly For recursive components, make sure to provide the “name” option.二、分析1.报这种错误可以先检查一下代码规原创 2022-03-09 11:19:28 · 2161 阅读 · 0 评论 -
vue3.0 使用element-plus 按需自动导入
一、element-plus 安装npm install element-plus --save// 按需自动导入npm install -D unplugin-vue-components unplugin-auto-import二、vue.config.js 配置const AutoImport = require('unplugin-auto-import/webpack')const Components = require('unplugin-vue-components/webp原创 2022-03-09 09:58:30 · 545 阅读 · 1 评论 -
vscode好用的插件
1.Chinese (Simplified) Language Pack for Visual Studio Code(汉化vscode 必备)2.Bracket Pair Colorizer(给代码中的括号添加亮色 便于区分 这里截图有报错 是特意便于演示写的多组括号)3.Auto Close Tag (自动补全标签 必备)4.Auto Rename Tag (修改标签名 自动同步修改闭合标签的标签名 必备)5.Class autocomplete for HTML (自动补全class=""原创 2022-03-09 08:23:48 · 202 阅读 · 0 评论 -
shell学习教程(超详细完整)
为了方便以后工作使用和复习,吐血整理记录一下学习shell脚本的笔记,看这篇文章需要对linux系统熟悉,希望对大家有所帮助!文章目录一、什么是shell?为什么要学习和使用shell?二、shell的分类Bash 常用快捷键输入输出重定向linux 的标准输入与输出输入重定向输出重定向/dev/null 文件多命令顺序执行shell脚本的执行三、shell变量1. 变量的命名规则:shell中特殊符号2. 变量的分类:原创 2022-03-08 13:43:29 · 3589 阅读 · 0 评论 -
npm ERR code ERESOLVE
在运行npm install时报错:npm ERR! code ERESOLVEnpm ERR! ERESOLVE unable to resolve dependency treenpm ERR!npm ERR! While resolving: operatingsystem@0.1.0npm ERR! Found: vue@3.1.5npm ERR! node_modules/vuenpm ERR! vue@"^3.0.0" from the root projectnpm ERR转载 2022-03-08 12:23:05 · 1307 阅读 · 0 评论 -
java中json获取key值_如何获取JsonObject中key的值
如何获取JsonObject中key的值发布时间:2021-02-09 09:32:28来源:亿速云阅读:52作者:Leah如何获取JsonObject中key的值?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。//returnContent为获取到的返回参数System.out.println(returnContent);//参数转换成json格式JSONObjectjsonObject=JSON.parseO原创 2022-03-08 11:02:49 · 10021 阅读 · 0 评论 -
Failed to execute goal com.github.eirslettfrontend-maven-plugin1.12.0yarn (yarn install)
thingsboard编译出错记录解决方案:删掉D: bapache-maven-3.8.2-bin epositorycomgithubeirslett文件夹(repository所在的文件夹comgithubeirslett)原创 2022-03-08 09:42:30 · 3815 阅读 · 3 评论 -
Cannot read properties of undefined (reading ‘target‘)
<div class="switch" @click="toswitch()">编辑</div>//@click="toswitch(item)"methods:{toswitch(item) { if (item.target.innerHTML == "编辑") { item.target.innerHTML = "完成"; } else { item.target.innerHTML = "编辑";原创 2022-03-08 08:22:29 · 9857 阅读 · 0 评论 -
2022年最新前端面试题
js面试题1、js数据类型基本数据类型Number、String、Boolean、Null、Undefined、Symbol、bigInt引用数据类型object、Array、Date、Function、RegExp2、js变量和函数声明的提升在js中变量和函数的声明会提升到最顶部执行函数的提升高于变量的提升函数内部如果用 var 声明了相同名称的外部变量,函数将不再向上寻找。匿名函数不会提升。3、闭包闭包就是能够读取其他函数内部变量的函数闭包基本上就是一个函原创 2022-03-07 21:12:50 · 276 阅读 · 0 评论 -
解决npm报错:‘cross-env’ command not found
解决方案删除node_modules文件夹重新installnpm install启动项目npm start原创 2022-03-07 09:47:50 · 2316 阅读 · 0 评论 -
报错 [ app.json 文件内容错误] app.json app.json 未找到(env Windows,mp,1.05.2106300; lib 2.11.3)
[ app.json 文件内容错误] app.json: app.json 未找到(env: Windows,mp,1.05.2106300; lib: 2.11.3)uni-app 允许小程序出现这个错误信息是因为没有在hbuildex x中进行运行,直接用小程序打开了原创 2022-03-07 08:25:04 · 1263 阅读 · 0 评论 -
因 N-API 发音对黑人的头发不友好,Node.js 官方将其改名为 Node-API
N-API 是用来给 Node.js 构建本机插件的 API,它由 Node.js 官方维护。此 API 将是 Node.js 的应用程序二进制接口(Application Binary Interface,ABI)稳定版。它旨在将插件与底层 JavaScript 引擎中的更改隔离开来,这样低版本已经编译好的模块可以直接在高版本的 Node.js 上运行而无需重新编译。但是 Node.js 成员 James M Snell 指出:N-API 的发音是 “En-Ay-Pee-Eye”,这个发音和 “napp原创 2022-03-06 04:53:34 · 132 阅读 · 0 评论 -
两种过年烟花,你喜欢哪一种(HTML+CSS+JS)
??两种过年烟花,你喜欢哪一种??(HTML+CSS+JS)目录??两种过年烟花,你喜欢哪一种??(HTML+CSS+JS)?效果一效果二效果一<!doctype html><html><head><meta charset="utf-8"><title>HTML5炫酷喜庆全屏烟花动画特效</title><style>/* basic styles for black background a原创 2022-03-06 03:31:36 · 273 阅读 · 0 评论 -
WEB自动化测试总结篇
一、初识WEB-selenium自动化测试针对bing网站的搜索功能进行自动化测试# 从谷歌公司的一个项目selenium导入webdriver这段代码来驱动浏览器chrome=webdriver.Chrome()2、打开bing网站chrome.get(‘http://cn.bing.com/’)3、输入关键词chrome.find_element_by_id(‘sb_form_q’).send_keys(‘51tesing’)4、点击搜索按钮chrome.find_element_by原创 2022-03-06 02:10:46 · 1577 阅读 · 0 评论 -
vue3的watch监听方式
template部分<template> <h1>方式一:监听一个属性</h1> <p>求和:{{ sum }}</p> <button @click="sum++">方式一点我加1</button><br /> ------------------------------------------------------------------------------------<br原创 2022-03-06 00:49:23 · 561 阅读 · 0 评论 -
npm install 提示 path xxxnode_modulesnode-sass npm ERR command failed 解决方法
起因近期要维护公司的一个后台,该后台是前人基于 go-vue-admin 开发,但是我前后经历了多次无法进行 npm install,每次安装依赖都出现类似于 path xxx/node_modules/node-sass npm ERR! command failed 的报错。就因为数次遇到这种错,导致对前端的技术栈有点烦躁,虽然如此,但工作需要,还是要耐心去维护。一开始报错提示的是无法找到 python2.7 建议设置 PYTHON 环境变量,于是在当前会话中设置该值:export PYTHON=“原创 2022-03-05 20:36:46 · 692 阅读 · 0 评论 -
VScode之setting.json文件——vue3插件之Vue Language Features (Volar) & 格式化插件之ESLint
VScode之setting.json文件——vue3插件之Vue Language Features (Volar) & 格式化插件之ESLintvue3插件——Vue Language Features (Volar)格式化插件——ESLint设置-打开设置{ "editor.fontSize": 16, "[html]": { "editor.defaultFormatter": "HookyQR.beautify" }, "liveSe原创 2022-03-03 23:03:44 · 6841 阅读 · 0 评论 -
NPM安装依赖包,报错node-gyp rebuild...解决方法
异常信息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原创 2022-03-03 16:25:18 · 3833 阅读 · 0 评论 -
JS控制台报错Uncaught TypeError Cannot read properties of null (reading ‘appendChild‘);的解决方法
当控制台出现Uncaught TypeError: Cannot read properties of null (reading ‘appendChild’);解决方法:将html文件中的script标签放在最下面或者中间。原创 2022-03-03 15:20:50 · 3689 阅读 · 0 评论 -
flex布局详解(配图-简洁易懂)
FlexiableBox即是弹性盒,用来进行弹性布局,一般跟rem(rem伸缩布局(转))连起来用比较方便,flexbox负责处理页面布局,然后rem处理一些flex顾及不到的地方(rem伸缩布局主要处理尺寸的适配问题)。2009年,W3C提出了一种新的方案—-Flex布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持,这意味着,现在就能很安全地使用这项功能。注:设为Flex布局后,子元素的float、clear和vertical-align属性将失效接下来说一下具原创 2022-03-03 14:16:21 · 1305 阅读 · 0 评论 -
CHROME浏览器发送HTTP最大请求并发数限制
一、先上结论:①同一域名下,同一GET请求的并发数是1,也就是说上一个请求结束,才会执行下一个请求,否则置入队列等待发送;②同一域名下,不同GET/POST请求的并发数量是6。当发送的请求数量达到6个,并且都没有得到响应时,后面的请求会置入队列等待发送。二、测试1、服务器端服务器端创建了一个GET请求的serve方法和一个POST请求的serve方法,方法内容都是保持方法执行时间≥3s。package com.example.demo.controller;import com.alibab原创 2022-03-03 12:25:02 · 6130 阅读 · 0 评论 -
新生代总结 JavaScript 运行机制解析
?? 大家好,我是,一名准大二的前端爱好者?? 这篇文章将带你一起学习理解 JavaScript 运行机制?? 愿你忠于自己,热爱生活引言在一些面试中,我们或许会被问到这样的问题简述一下 JavaScript 的运行机制?还有可能会被问这样的代码setTimeout(function () { console.log('定时器开始啦')});new Promise(function (resolve) { console.log('马上执行for循环啦'); ..原创 2022-03-02 12:58:56 · 79 阅读 · 0 评论 -
签名错误,请检查后再试
调用微信支付接口返回如下:<xml> <return_code> <![CDATA[FAIL]]> </return_code> <return_msg> <![CDATA[签名错误,请检查后再试]]> </return_msg></xml>检查配置信息:appid:公众账号IDmch_id:商户号key:商户平台设置的密钥key发现原创 2022-03-02 04:02:39 · 1922 阅读 · 0 评论 -
带你熟练掌握 css 基础
Css 基础文章目录Css 基础一、Css是什么二、基本语法规则2.1 css的注释2.2 格式规范三、选择器的种类四、基础选择器4.1 标签选择器4.2类选择器 (常用选择器)4.3 id 选择器4.4 通配符选择器五、复合选择器5.1 后代选择器5.2 子选择器5.3 并集选择器5.4 伪类选择器六、字体属性七、文本属性八、背景属性九、圆角矩形十、元素的显示模式十一、盒模型十二、弹性布局一、Css是什么层叠样式表:同原创 2022-03-02 02:59:05 · 219 阅读 · 0 评论 -
使用vitepress构建组件库文档
使用vitepress构建组件库文档前期调研Vitepress官方文档:https://vitepress.vuejs.org/Vitepress是在Vite之上构建的Vue驱动的静态站点生成器。Vitepress 被称为“ Vuepress的小弟弟”,它比同类产品具有一些优势。建立在Vite而非Webpack上,因此启动时间,热重装等更快使用Vue3来减少JS的有效负载轻量级Vitepress 能够实现这些目标的一个原因是,它比Vuepress 更具体,而 Vue原创 2022-03-02 01:55:28 · 4627 阅读 · 0 评论 -
[Python从零到壹] 十七.可视化分析之Matplotlib、Pandas、Echarts入门万字详解
欢迎大家来到“Python从零到壹”,在这里我将分享约200篇Python系列文章,带大家一起去学习和玩耍,看看Python这个有趣的世界。所有文章都将结合案例、代码和作者的经验讲解,真心想把自己近十年的编程经验分享给大家,希望对您有所帮助,文章中不足之处也请海涵。Python系列整体框架包括基础语法10篇、网络爬虫30篇、可视化分析10篇、机器学习20篇、大数据分析20篇、图像识别30篇、人工智能40篇、Python安全20篇、其他技巧10篇。您的关注、点赞和转发就是对秀璋最大的支持,知识无价人有情,希望原创 2022-03-02 00:51:50 · 347 阅读 · 0 评论 -
vue3 中使用el-dropdown时,slot报错`slot` attributes are deprecated
在VUE3中使用el-dropdown时,出现了下面的报错是因为vue 3.x 增加了v-slot的指令,去掉了原来的slot,slot-scope属性。el-dropdown-menu标签外面加上如下图:<el-dropdown> <span class="el-dropdown-link"> 下拉菜单<i class="el-icon-arrow-down el-icon--right"></i> </span>原创 2022-03-01 23:48:28 · 3661 阅读 · 0 评论 -
strict-origin-when-cross-origin nginx、tomcat、java、vue 跨域问题
配置跨域时,要考虑当前环境,只是代码层次,还是tomcat部署后的,再或者是nginx转发后的javaimport java.util.List;import org.springframework.context.annotation.Configuration;import org.springframework.format.FormatterRegistry;import org.springframework.http.converter.HttpMessageConverter;原创 2022-03-01 20:06:00 · 1776 阅读 · 0 评论 -
Python爬虫学以致用,嘿嘿
因为放假回到了老家,可能是在镇上的缘故,治安管的可能不是那么严,每天晚上都会有鬼火少年出来炸街,md,有时候半夜两三点突然炸一下街,声音贼大,但是吧,声音贼大,车速还没我跑的快天菩萨,真的烦死人了,一声砰,一下抖,家人们就说连续几天烦死了于是我就想写篇文章去我们当地的"情报网"(就是那种地方自己人吐槽或者互助的网),希望大家一起对这种行为控诉一波,也希望家里有鬼火少年的家长不要天天麻将馆007,多看看你孩子在街上放炮。于是我就写了篇文章去控述,但是吧,担心浏览量低了,大家看不到,于是就想想能不能用原创 2022-02-28 22:41:09 · 283 阅读 · 0 评论 -
Naive Ui Admin 发布后台管理系统 高颜值Admin骨架 看看是不是你想要的
简介Naive Ui Admin 是一个免费开源的中后台模版,使用了最新的vue3,vite2,TypeScript等主流技术开发,开箱即用的中后台前端解决方案,也可用于学习参考。特性最新技术栈:使用 Vue3/vite2 等前端前沿技术开发TypeScript: 应用程序级 JavaScript 的语言主题:可配置的主题Mock 数据 内置 Mock 数据方案权限 内置完善的动态路由权限生成方案组件 二次封装了多个常用的组件页面功能Features菜单模式(左侧/顶部).原创 2022-02-28 20:28:25 · 1082 阅读 · 1 评论