begefefsef的博客

关于vue-cli4.5.13中使用vue-router报错的问题。以下是报错详情：vue-router.esm-bundler.js?6c02:1474 Uncaught TypeError: Cannot read property 'forEach' of undefined at createRouterMatcher (vue-router.esm-bundler.js?6c02:1474) at new createRouter (vue-router.esm-bundler

更新HBuilderX编译器到3.3.0+，HBuilderX 3.3.0+的编辑器支持基于 Vite 编译到小程序平台。至此，uni-app在App/H5/小程序全平台支持Vue 3.0开发，且全平台支持Vite编译器。用cli创建支持Vue3/Vite的uni-app项目1、命令行创建 Vue3/Vite 工程# 创建以 javascript 开发的工程 npx degit dcloudio/uni-preset-vue#vite my-vue3-project # 创建以 types

今天下午使用npm下载websocket时遇到了一个错误，可能是我实战经验太少了，这个错误找了一个多小时。在这过程中升级了node的版本、又重新安装了淘宝镜像…一系列，主要是刚开始我以为我之前安装的python已经配置好环境变量（我之前上课的时候一直都有在用python，所以没有理由怀疑这个），而且我主观的以为这刚python应该没有多大的关系，于是就在那些细节末节的错误中找错，结果找了…。具体错误如下：npm ERR! code 1npm ERR! path F:ueprojectecharts_

目标：1、vue项目中需要使用el-cascader组件，由于官方有单选框，所以需要根据业务去掉单选框点击文字就可以选择任意一级的内容。效果图如下：期望：（可以选择任何一级，有三级情况下，想选择二级就选择二级，并且去掉单选框）步骤如下：1.先设置父子节点取消选中关联，从而达到选择任意一级选项的目的代码：<el-cascader :props="{ checkStrictly: true }" popper-class='自定义类名' clearable></el-casc

一、前后端分离本质大家往往会陷入一个误区，试图用具体的技术来描述什么是前后端分离这个一个概念，这是答非所问的。一提到前后端分离就是SpringBoot + Vue，这并不是正确的理解！我们问的是：你为什么采用这种方式解决问题回答却是：你是如何去具体做这件事前后端分离是：软件技术和业务发展到一定程度，在项目管理工作上必须进行的一种升级，他是一个必然而不是一个偶然！说白了，就是公司部门架构的一种调整。为什么会发生这种变化？因为初期的软件开发其实是侧重于后端的，因为互联网初期的页面功能比较简单，只需

今天学vue到webpack，大无语了家人们，从第一步npm installl的安装开始，就逐渐陷入了npm的坑！首先，从官网下载node.js，链接Download | Node.js，根据自己的电脑配置选择安装版本（推荐LST稳定版本的），然后按照安装步骤操作就行，直到测试安装的时候，开始报错了：网上查找了许多博文之后找到了解决方法：1、删除C:Users用户下的.npmrc文件这里我的.npmrc是正常显示的，如果你的没有，看是不是因为将隐藏的项目勾选上了，然后去掉勾选。2、在命令行输入

element-plus版本^1.2.0-beta.5的icon图标问题：继element旧版更新后，新版的element-plus的图标引用修改了，很多小伙伴们不会用，这篇文章将介绍两种用法前置条件：npm install @element-plus/icons-vue全局引用：打开main.js文件// 导入所有的el-icon图标import * as ElIconModules from '@element-plus/icons'const app = createApp(App

报错信息：[Vue warn]: Error in v-on handler (Promise/async): "TypeError: Cannot read properties of undefined (reading 'code ')” axios可以获取数据，控制台输出为undefined报错代码：错误原因：在①或者②的axios请求时，请求结果被catch捕获，所以axios可以获取到数据，但在catch中的res此时是未赋值的，所以控制台在③处调用res.xxx会出现报错解决方法：只

目录watch 侦听器组件的生命周期? ??组件之间的数据共享vue 3.x 中全局配置 axios总结watch 侦听器1. 什么是 watch 侦听器watch 侦听器 允许开发者监视数据的变化，从而 针对数据的变化做特定的操作 。例如，监视用户名的变化并发 起请求，判断用户名是否可用2. watch 侦听器的基本语法开发者需要 在 watch 节点 下，定义自己的侦听器。实例代码如下3. 使用 watch 检测用户名是否可用监听 username 值的变化，并使用 axio

VScode之setting.json文件——vue3插件之Vue Language Features (Volar) & 格式化插件之ESLintvue3插件——Vue Language Features (Volar)格式化插件——ESLint设置-打开设置{ "editor.fontSize": 16, "[html]": { "editor.defaultFormatter": "HookyQR.beautify" }, "liveSe

1.出现背景：我拷贝了他人页面的的代码，但是style中css区域报错，点击上去提示：semi-colon expectedcss(css-semicolonexpected)1.解决思路：1.首先百度问题，有说是因为括号处有多余空格，（经检查没有）2.但查看每条代码，发现报错处上一条cursor没有写完，没有对应属性，删除就可以了...

执行npm install -g @vue/cli时报错如下：解决方法：以管理员身份运行cmd，再执行npm install -g @vue/cli，成功。

JavaWeb项目(登录注册页面)全过程总结文章目录JavaWeb项目(登录注册页面)全过程总结一、环境准备与开发工具二、创建 JavaWeb 项目2.1 新建Dynamic Web Project项目2.2 创建前端页面2.2.1 登录页面1.login.jsp2. login.js3. time.js4. focus.js + animate.js2.2.2 注册页面（register.jsp）2.2.3 修改密码的页面（change_pwd.jsp）2.2

form表单自带resetFields重置与validate验证报错Cannot read properties of undefined (reading ‘resetFields’)"Cannot read properties of undefined (reading ‘validate’)"1、语法是否正确//重置表单this.$ refs.searchForm.resetFields() 或 this.$ refs[‘searchForm’].resetFields()//表单验证

这篇文章故意具有挑战性、两极化和发人深省的特点。它涵盖了很多你很可能不知道的新鲜内容和想法。1.绪论我将尽力创造一个连贯的逻辑论证链，你可以按照它来了解前端开发应该如何运作。我也会尽量保持这篇博文的简单性，以便 "非开发人员 "大多能够跟上。2.一台电脑或智能手机上有多少个内核？你们都见过像这样的CPU的图片。例如，如果你使用的是Mac，你可以点击左上角的苹果图标，然后点击 “About This Mac”，它将显示类似的内容。处理器 3,2 GHz 8核英特尔至强W处理器一部iPho

想git clone 一下vue-element-admin集成方案下来学习一下，但是在安装依赖npm install这一步总是报错，无法进行下一步，卡了很久：npm ERR! code 128npm ERR! command failednpm ERR! command git ls-remote ssh://git@github.com/nhn/raphael.gitnpm ERR! git@github.com: Permission denied (publickey).npm ERR!

优快云浏览器助手新版本 9 月强势上线！插件官网，点击体验博主一直用的QQ浏览器，但是广告实在太多了，主要是用习惯了，还有很多书签和笔记，就没有换。但是只要打开一个页面，两边全是诱惑性极强的广告，这让我们情何以堪，全是分散你注意力的标签，让人很无奈。然而，一分钟之后，我的浏览器主页变成了这样。没错儿，这简直是清爽她妈妈的妈妈给清爽开门——清爽到姥姥家了。这种让人爱不释手的简约风，右下角可以切换背景，上面显示现在的时间和日期，中间可以选择城市显示天气情况，下面就是最核心的搜索框了，默认csdn搜索，

notion客户端设置悬浮目录此方法针对notion-enhancer插件修改得来，后期notion-enhancer可能会完善，但目前无法显示悬浮目录。设置后目录可以显示在右侧侧边栏还可以自动隐藏在右侧，当鼠标滑到最右侧时出现（通过点击<<实现）一、安装notion-enhancer插件并打开side panel和outliner插件地址https://github.com/notion-enhancer/desktop[这里是图片003]https://github.com/n

路由介绍我再此之前发布过vue2的基本使用，想要了解的可以去vue2路由教程下面开始上手路由认识vue-router目前前端流行的三大框架, 都有自己的路由实现:Angular的ngRouterReact的ReactRouterVue的vue-routervue-router是基于路由和组件的路由用于设定访问路径, 将路径和组件映射起来.在vue-router的单页面应用中, 页面的路径的改变就是组件的切换安装Vue Router：npm install vue-router@4路

$ 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

vscode 高效开心开发uniapp因为之前一直都是使用vscode开发前端项目，现在有一些小程序或者h5项目采用uniapp开发，在体验了一段时间hbuiler之后，还是觉得vscode香，以下分享我使用vscode开发的一些配置。其中包括uniapp组件语法提示，uniapp代码提示，代码自动格式化。参考文档: https://ask.dcloud.net.cn/article/id-36286__page-21. 安装vetur首先我们需要安装vscode基本的vue插件vetur，在v

问题原型解读因为node7在某些事件处理上比node6更加严格，解读上面的报错信息，找到解决方案解决npm install --legacy-peer-deps 即可成功安装 node_modules

法一：利用indexOf不存在返回-1，存在返回第一次出现的索引 // js检查数组中是否包含某个元素 // 法一 indexOf var arr = [100,20,50,58,6,69,36,45,78,66,45] if(arr.indexOf(66)==-1){ console.log("不存在") }else{ console.log("存在,索引是：",arr.indexOf(66))

FLASK+VUE–前后端分离（一）- Flask基础讲解之路由、视图函数及代码实现FLASK+VUE–前后端分离（二）- VUE基础安装及项目的简易介绍FLASK+VUE–前后端分离（三）- VUE+Element-UI搭建登陆页面且能够正常登陆FLASK+VUE–前后端分离（四）- VUE+Element-UI简单搭建主页布局FLASK+VUE–前后端分离（五）- VUE测试/线上/开发环境地址配置+拦截器+全局导航守卫+基础配置+获取设置cookie等系列一、简单介绍所用到的基本库及安装配置

周一早上一打开电脑准备开发项目时候, 突然发现网站登录跳转有异常, 怎么都登录不上一直跳回登录页. 通过抓包排除了后端的原因后, 发现后端的set-cookie没有效果, 突然想起Chrome禁用第三方Cookies的计划, 打开Edge的更新记录发现已经自动更新到Chromium 91了.因为开发环境需要, 我们把浏览器的same-site-by-default-cookies和cookies-without-same-site-must-be-secure两项都在flag里禁用了. 但是更新到91版本

原理分析：这是由于从node.js 14版及以上版本中，require作为COMMONJS的一个命令已不再直接支持使用，所以我们需要导入createRequire命令才可以解决方案在你要require的代码前引入如下代码即可：import { createRequire } from 'module';const require = createRequire(import.meta.url);...

有人认为程序员应该对自己的技术始终保持忠诚，有人认为集百家武学于一身才是正道，如何权衡技术深度与广度？这是大多数程序员都会面临和思考的问题。在有限的时间里能学习的东西也是有限的，那么在我们决定去学习之前，就经常会遇到深度和广度的选择问题，尤其是目前所掌握的技能已经足够应对现有工作的时候，纵向深入还是横向拓宽技术，现有工作似乎并不能直接体现出好坏。比如说现在我是个做前端的，HTML、CSS、JS会了，再加上Vue和React等一些常用的东西已经足够应对目前的工作了，那么我是该往前端的其他技术深入发展，还

一个好的编辑配置，能大大的提高开发者的效率，那么我们最理想的肯定 打2个字符，啪的一下，出现一堆代码，那么如何实现这种效果勒，这种效果叫代码片段，vscode插件中有不少就是这种，比如 VEtur当然还有其他开发好的封装的很nice的插件，如何来找满意的代码片段插件呢只需要在插件管理钟输入你的框架，然后加上snippets(片段)，就能出现许多片段，然后选择一个，合适即可这里作者以vue 为例我安装了2个，比如这个，红框内的就是快捷输入方式，下面来演示一下但是我们有些自己的独特习惯，所以定制

前言：很高兴能够用自己所学知识为你提供答疑！！！今天我就来操作下如何使用idea这款软件创建web项目。步骤：1.创建项目首先新建一个项目然后选择最后一个，创建一个空白的Java项目,点击Next。这个时候给项目命名，我在这里命名为java_web，下面那个可以更改项目存放的路径，我这里放到自定的路径，点击Finish。刚进来的时候，idea会提醒你是否新建一个模块，先点击×，一会我们再创建模块。2.配置jdk这个时候，我们先来配置jdk的路径，以及tomcat的路径，方便之后

文章目录一、WebAPI是什么？二、事件2.1 概念2.2 事件三要素三、获取元素四、操作元素4.1 获取/修改元素内容4.1.1 innerText4.1.2 innerHTML4.2 获取/修改元素属性4.3 获取/修改表单元素属性4.3.1 value:input标签的值4.4 获取/修改样式属性4.4.1 行内样式操作4.4.2 类名样式操作五、操作节点5.1 新增节点

MyBatis查询一些记录，数据涉及到两个表里的数据，需要连表查询，但我MyBatis的返回结果不想创建新的DO对象，因此使用@MapKey注解返回一个Map集合。含义：@MapKey注解用于mapper.xml文件中，一般用于查询多条记录中各个字段的结果，存储在Map中。Map结构的示例如下：Map<Long, Map<String, String>>。范型类型可以修改。Map的key：一般存储每条记录的主键，也可以用其他值表示，主要取决于Dao层@MapKey注解后面的字段

grep常用方法grep匹配多个关键字1、 grep ‘字符串’2、 反向匹配grep -v ‘字符串’3、 grep -E 同时匹配多个关键字–或关系4、 同时匹配多个关键字–与关系通配符(匹配文件名)常用正则表达式(匹配文件内容)grep常用语法grep匹配多个关键字grep 命令非常常用，经常用于匹配文本字符。一般情况下，grep 命令只能匹配一个关键字，怎么实现匹配多个关键字呢？下面看几种情况：1、 grep ‘字符串’这是最普通的使用方式

CSS——CSS基础（一篇就够用）一.CSS概述1.什么是css2.作用3.css和html属性的使用原则二.CSS语法规范1.css的使用方式①行内样式，内联样式②内部样式③外部样式2.css的样式特性①继承性②堆叠性③优先级④调整优先级三.基础选择器1.通用选择器2.元素选择器3.ID选择器4.类选择器类选择器的其它用法①.多类选择器②.分类选择器③.类名的定义规范5.群组选择器6.后代选择器7

乐阳村，处于脚本大陆东部的边缘地带，民风淳朴，村民日出而作，日落而息。这一日清晨，所有村民来到村庄的门口，正在为一个十五六岁的少年送别。只见那少年虽然身体瘦弱，可是目中绽放出异彩，身躯虽不壮实，倒也挺拔。“叶小凡，你是我们全村人的骄傲，百年来唯一一个具备修行JavaScript甲等资质的孩子！马上会有千鹤派的大人来接你，今后你一定要认真修行，给我们全村的人争光！”他叫叶小凡，几天前通过了修行资质的检验，符合修行JavaScript的资质。“千鹤派！”叶小凡眼前一亮，语气中伴随着激动，两眼放光。千鹤派，

首先出了问题 我进行了百度 但是百度上大部分的方法并不适用于我。例如： $(window).on('resize',function(){ //屏幕大小自适应，重置容器高宽 resizeMainContainer(); mainChart.resize();});且出错的原因也可能为：如果容器的height/width属性设置为百分比的形式，那么echarts就会warning，且不能正常的生成图表。所以div容器的高度宽度必须指定为px。然后我开始回归问题，去官网找解决

在跟着视频学习用vue配置路由时，在路由文件中使用Vue.use(router)的语句无法正常启动服务，并且浏览器报错，提示‘use’并未定义；看了一下，如下图，vue中没有use（）这个方法经过查找资料后发现，这种加载vue-router的方式是vue2使用的，但我现在用的是vue3（跟着视频创建项目时老师说vue3更新的东西也不会对我们的项目产生什么影响之类的，喜新厌旧的我就直接用了vue3，导致和课程配置不一样了）。因此，我现在需要使用vue3的方式来导入vue-router。首先，在路由文件里

目录?购物车案例1. 案例效果?2. 实现步骤1. 初始化项目结构2. 封装 es-header 组件3. 基于 axios 请求商品列表数据4. 封装 es-footer 组件5. 封装 es-goods 组件实现合计、结算数量、全选功能6.1 动态统计已勾选商品的总价格6.2 动态统计已勾选商品的总数量6.3 实现全选功能7. 封装 es-counter 组件购物车案例1. 案例效果2. 实现步骤① 初始化项目基本结构② 封装 EsHeader 组件③ 基于

node-sass 6.0.0版本与^4.0.0不兼容1、先卸载之前版本的node-sassnpm uninstall node-sass2、卸载后安装4.0.0版本npm install node-sass@4.14.1这里可能会失败，原因是你安装的淘宝镜像的问题。（1）重装淘宝镜像npm install -g cnpm --registry=https://registry.npm.taobao.org重装后重新执行第二步操作即可npm install node-sass@4.1

vele-admin介绍vele-admin是一个基于 vue3, vite2, element-plus, vuex-module-decorators, vue-router-next, typescript 的后台管理系统仓库vele-admin预览vele-admin预览地址依赖Vue3Vue-Router-NextVuex-Module-DecoratorsTypeScriptElement-PlusMock.jsaxios参考项目vue-vben-adm.