![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html
文章平均质量分 58
普通网友
这个作者很懒,什么都没留下…
展开
-
vue3 element plus按需引入最优雅的用法
全局导入下载安装element plus后,在入口文件配置一下并挂载,就能畅通无阻的使用了。但问题是这样有很多用不上的组件都被打包进来了,导致包的体积非常大。按需导入采用按需导入的方法,其实是用解构的方式,从element的包中解构出来,再挂载到app上面。这样开发中用到什么组件就打包什么确实很好,减少了包的体积。但是又有一个新的问题,就是每次想要使用新的组件的时候,都要去解构一下,并且挂载。操作起来非常繁琐。有什么办法能够像使用全局引入那样只配置一次,后面要用到什么组件,都会自己按需加载呢?vi原创 2022-03-11 20:30:54 · 395 阅读 · 0 评论 -
uniapp仿微信--聊天界面模板
项目演示前言我是看B站的视频一个一个敲的,讲的还不错。可以去看看vue+node.js即时通讯聊天室APP开发前端篇主界面chat.vue<template> <!-- 聊天界面展示https://www.bilibili.com/video/BV1hT4y1P75N?p=22 搭建1和2 --> <view class="content"> <!-- 聊天内容 --> <scroll-view class="chat" sc原创 2022-03-11 19:07:26 · 1991 阅读 · 2 评论 -
npm 报错 426 Upgrade Required
ERR! 426 Upgrade Required解决方法更新 node 版本到 14.18.0 以上,可以参考:https://www.jianshu.com/p/e6d3f7110a60然后升级 npm 的版本到最新npm install -g npm@latestnpm config set registry https://registry.npmjs.org/下面是详细的英文描述及原因When I try to publish a new package to npm or try原创 2022-03-11 15:06:52 · 1201 阅读 · 0 评论 -
java中list、map、array、实体类、字符串之间的相互转换,以及java8 stream使用
1.list与字符串互转// 导入阿里的fastJson.jar<!--添加fastjson依赖--> <dependency> <groupId>com.alibaba</groupId> <artifactId>fastjson</artifactId> <version>1.2.7</version> </dependency>// 其中JSONObj原创 2022-03-11 13:44:35 · 1350 阅读 · 0 评论 -
ES6新特性有哪些?
ES6新特性有哪些?一、新的原始类型和变量声明1,symbol在ES6之前,我们知道JavaScript支持8种数据类型:Object,String,Boolean,Number,Null,Undefined、Array、Function。现在,ES6新增了一种原始数据类型:symbol,表示独一无二的值,即每个symbol类型的值都不相同。这让我想起了另一个特殊的值:NaN,想一想,他们是不是有一点类似呢!var sy = Symbol('test');var sy1 = Symbol('tes原创 2022-03-11 12:22:47 · 4431 阅读 · 1 评论 -
Access to XMLHttpRequest at‘httplocalhost跨域问题解决
在vue.config.js里配置跨域请求跨域问题报错解决在vue.config.js中配置module.exports = {// 配置跨域请求devServer: {port: 8080,host: ‘localhost’,open: true,https: false,proxy: {‘/api’: {target: ‘http://需要请求的地址/’,ws: true,changeOrigin: true,pathRewrite: {‘^/api’: ‘’}原创 2022-03-11 11:01:29 · 4242 阅读 · 0 评论 -
问题(Uncaught ReferenceError vue is not defined)和解决方法
问题(Uncaught ReferenceError: vue is not defined)和解决方法今天本来想重新开始学习vue,做一个小项目的,但是在一开始就遇到问题了,确实是我自己在学习的时候不够扎实的原因,来记录一下错误(Uncaught ReferenceError: vue is not defined)这个是我的原始错误代码<!DOCTYPE html><html lang="en"><head> <meta charset=原创 2022-03-10 13:18:42 · 5884 阅读 · 1 评论 -
移动端兼容宝典大全,专治各种不适
〝 古人学问遗无力,少壮功夫老始成 〞**移动端兼容宝典大全,专治各种不适,**你是否也曾为浏览器各种的不兼容而苦恼,尤其是IE这个牛皮癣,这篇文章可能会给你帮助哦,常码字不易,出精品更难,没有特别幸运,那么请先特别努力,别因为懒惰而失败,还矫情地将原因归于自己倒霉。你必须特别努力,才能显得毫不费力。如果这篇文章能给你带来一点帮助,希望给飞兔小哥哥一键三连,表示支持,谢谢各位小伙伴们。目录一、禁止复制、选中文本二、解决在IOS下页面滑动卡顿三、禁止图片点击放大四、解决input标签type为n.原创 2022-03-10 11:57:49 · 53 阅读 · 0 评论 -
尝试 `npm install @xxxxx` (如果存在),或者添加一个包含 `declare module ‘xxxxx‘;` 的新声明(.d.ts)文
问题描述已经安装了 weixin-js-sdk,在main.ts引入的时候找不到模块1,安装npm install @types/weixin-js-sdk 还是报错2,错误原因在使用 Typescript 的过程中, 第三方类库并没有ts的.d.ts 类型的声明文件,所以无法在目前的项目中正常使用。如果要使用这些库,需要我们添加声明文件在src目录下新建一个types目录,然后在types 目录下新建一个 index.d.ts文件然后在文件中添加代码 declare module “第三方类原创 2022-03-10 10:33:21 · 2585 阅读 · 1 评论 -
前端JS面试题2021及答案
一、数据类型1、JavaScript中什么是基本数据类型什么是引用数据类型?以及各个数据类型是如何存储的?基本数据类型有NumberStringBooleanNullUndefinedSymbol(ES6新增数据类型)bigInt引用数据类型统称为Object类型,细分的话有ObjectArrayDateFunctionRegExp基本数据类型的数据直接存储在栈中;而引用数据类型的数据存储在堆中,每个对象在堆中有一个引用地址。引用类型在栈中会保存他的引用地址,以便快速原创 2022-03-09 14:14:27 · 750 阅读 · 0 评论 -
【已解决】EEXIST npm ERR path Dnodejsnode_globalnpmnode_modules@vueclibinvue.js npm ERR dest D
项目场景:npm ERR! code EEXISTnpm ERR! path D:odejsode_globalnpmode_modules@vuecliinue.jsnpm ERR! dest D:odejsode_globalnpmuenpm ERR! EEXIST: file already exists, cmd shim 'D:odejsode_globalnpmode_modules@vuecliinue.js' -> 'D:odejsode_glob原创 2022-03-09 12:54:00 · 317 阅读 · 0 评论 -
Vue踩坑之Error in render “TypeError Cannot read properties of undefined (reading ‘url‘)“ found in
Vue踩坑之Error in render: “TypeError: Cannot read properties of undefined (reading ‘url’)” found in今天写项目时发现项目报错,原因是Vue项目中使用v-if判断。一般来说都不会有什么问题的,但是当你判断的变量是多重对象属性时就会出现问题。比如下面的代码:<div v-if="obj.file.url"></div><script>export default { dat原创 2022-03-09 11:30:39 · 5578 阅读 · 0 评论 -
vue3.x全局自定义指令Cannot read properties of undefined (reading ‘deep‘)
1.vue3.x全局自定义指令Cannot read properties of undefined (reading ‘deep’)最近在学习vue3.x的全局自定义指令时,根据官方文档去学习还是出现了问题。就是vue3.x的全局自定义指令,所以记录下来避免踩坑。import { createApp } from 'vue'import App from './App.vue'const app = createApp(App)app.mount('#app')app.directive(原创 2022-03-09 10:09:44 · 8461 阅读 · 1 评论 -
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-09 08:35:00 · 534 阅读 · 0 评论 -
Syntax Error SassError expected selector报错的解决方案
Syntax Error: SassError: expected selector报错的解决方案今天在写Vue项目的时候,在写样式的时候突然遇到了这么一个报错:因为写样式的时候,我在 < style > 标签中写了scoped 属性,这样导致我写的样式不能够传递给子组件,所以我写了一个 /deep/ 想要使用样式穿透,让子组件匹配上这个样式,但是不行,报了图片中的这个错误;后来通过查资料发现,原来是我写的 /deep/ 出了问题;如果使用 less 对 css 做出预处理的话,使用原创 2022-03-08 13:54:43 · 14167 阅读 · 0 评论 -
npm install报错 npm ERR 的四种解决办法
整理了自己在安装过程中碰到的四种npm ERR及解决方式错误一、npm ERR! A complete log of this run can be found in:npm ERR!C:Users anyiAppDataRoaming pm-cache_logs?1-09-17T08_58_23_413Z-debug.l查看错误日志,错误日志就在上面展示的C:Users…这里如果发现错误日志里有err mkdir错误原因:权限不足解决办法:关闭VsCode并以管理员权限启动VsCode即可原创 2022-03-08 12:34:18 · 5595 阅读 · 2 评论 -
Java项目角色权限后台脚手架系统(java+Springboot+Maven+myBaits-Plus+Vue+Element-UI+Mysql)
源码获取:博客首页 “资源” 里下载!Springboot框架+myBaits-Plus+MySQL实现的角色权限后台管理脚手架系统实战项目,实现的是所有系统最基础的后台管理功能,有了这个脚手架,以后开发别的项目就在这上面快速增加功能即可。本系统主要实现的功能有:菜单管理、角色管理、用户管理、登录、登出,不同的角色分配相应的权限,用户分配不同的角色登录后显示相应被分配的功能。本系统采用前后端分离的思想设计,后端采用springboot微服务架构,主要包含一个网关服务和一个权限管理服务,开发其他功能可.原创 2022-03-08 11:14:02 · 318 阅读 · 0 评论 -
Grep命令查找多个字符串(grep同时匹配多个关键字或任意关键字)
前言grep 命令支持三种正则表达式语法:Basic、Extended 和 Perl-compatible 。当没有指定正则表达式类型时,grep 命令将搜索模式默认为基本正则表达式。要搜索多个匹配模式,可以使用 OR ( alternation ) 运算符。我们可以用 OR 运算符 |( pipe )指定不同的匹配项,这些匹配项可以是文本字符串,也可以是表达式集。值得注意的是,在所有正则表达式运算符中,这个运算符的优先级是最低的。使用 grep 命令基本正则表达式搜索多个匹配模式的语法如下:$?g原创 2022-03-08 09:53:41 · 5006 阅读 · 0 评论 -
chrome浏览器高版本无法手动添加cookie的问题,显示红条
chrome浏览器高版本无法手动添加cookie的问题,显示红条如图片所示在Chrome浏览器网址搜chrome://flags/ 然后再搜索Partitioned cookies将设置项改为Enabled即可,重启浏览器,然后就好了,快去试试吧原创 2022-03-08 08:33:39 · 328 阅读 · 0 评论 -
解决某东对ip限制若兰(nolanjdc)无法获取短信验问题
青龙安装部署教程-------点击跳转没服务器的先自行购买,腾讯云2H4G8M首年74–点击购买QQ交流:1014549449 --------------点击跳转介绍:SOCKS5 是一个代理协议,它在使用 TCP/IP协议 通讯的前端机器和服务器机器之间扮演一个中介角色,使得 内部网 中的前端机器变得能够访问Internet网中的服务器,或者使通讯更加安全。 SOCKS5 服务器通过将前端发来的请求转发给真正的目标服务器, 模拟了一个前端的行为。需要条件1.被某东限制ip段的服务...原创 2022-03-07 09:59:30 · 632 阅读 · 0 评论 -
新版本RocketMQ配置Web管理界面:解决找不到rocketmq-console目录问题
1、无法配置原因分析想配置一下RocketMQ的web管理页面,发现网上的资料都是之前版本的说明,导致无法成功配置。所以想自己查看一下。我们发现https://github.com/apache/rocketmq-externals这个git项目上并没有找到rocketmq-console这个目录:然后我们继续往下找,发现这样一段话:什么意思呢,也就是说之前的rocket-console已经不在这个仓库了,已经创建了一个独立的仓库并命名为RocketMQ Dashboard。我们进入到这个d原创 2022-03-07 08:36:12 · 3476 阅读 · 2 评论 -
基于javaSpringboot+layui实现装修验收管理系统
前言:随着社会的进步和科技的发展,越来越多的人追求新颖独特,实用的居住和工作学习环境。因此,在如今的建筑装饰工程中,既要考虑到客户的需求和与建筑结构的协调统一又要考虑到成本和施工组织的安排,所以说现代装饰工程是一件相对繁琐却又必须要做好的事情。在保质保量完成工作内容的同时,还要确保施工施工验收的各项标准数据、通过一段时间对Java相关开发知识的学习,基本了解了施工过程中的各种工艺流程和特点,利用JavaSpringboot+layui简单做个一个装修验收管理系统、适用于简单学习参考使用。??文末获取源.原创 2022-03-06 05:04:53 · 117 阅读 · 0 评论 -
你们要的Echart系列,今天它来了,教你一招快速上手echarts的属性设置,手把手教程系列
一、echarts简介以前的百度echart(echarts.baidu.com),不过现在的ECharts 正在 Apache 开源基金会孵化中,因此域名(echarts.baidu.com)已不再使用,请访问 echarts.apache.org。ECharts,一个使用 JavaScript 实现的开源可视化库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Firefox,Safari等),底层依赖矢量图形库 ZRender,提供直观,交互丰富原创 2022-03-06 03:44:03 · 3343 阅读 · 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-06 02:22:02 · 1338 阅读 · 0 评论 -
vue中webpack5版本报错If you want to include a polyfill you need , If you don‘t want to include a polyfill
错误提示BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.This is no longer the case. Verify if you need this module and configure a polyfill for it.If you want to include a polyfill, you need to: - add原创 2022-03-06 01:00:41 · 3743 阅读 · 0 评论 -
Syntax Error Error No ESLint configuration found in statusGitmibsrc
今天接受了一个 Vue 项目,在执行 npm run serve 命令运行项目时报错:Error: No ESLint configuration found.解决方法:安装 ESlint 并初始化配置:方法一:全局安装 ESLint :npm i eslint -g生成配置文件:eslint --init根据自己的项目需求进行设置:√ How would you like to use ESLint · problems√ What type of modules does your原创 2022-03-05 23:39:43 · 4434 阅读 · 0 评论