html
关注
分享
扫一扫
文章平均质量分 67
m0_67265654
上海交大毕业,去过华为、字节跳动等大厂,目前阿里P7
展开
-
vue2 升级到 vue3 router 动态授权路由 异步加载报错 TypeError Cannot read properties of undefined (reading ‘apply‘)
使用resolve => require([`../../views/${item.component}`], resolve)会报错TypeError: Cannot read properties of undefined (reading 'apply')我的解决历程由于并不了解require，加上 resolve 也没定义先尝试将 resolve 删除掉，即：() => require([`../../views/${item.component}`])结果视图组件转载 2022-03-11 20:24:45 · 1454 阅读 · 0 评论 -
npm install报gyp info it worked if it ends with ok
npm install报gyp info it worked if it ends with ok查找没有头绪，顺着报错往前翻发现node scripts/install.js Cannot download "https://github.com/sass/node-sass/releases/download/v4.13.0/win32-x64-83_binding.node"应该是安装node-sass报错了看着很正常的下载链接却怎么也下载不下来原版链接和淘宝镜像上都没有这个文件名。卸原创 2022-03-11 15:00:46 · 117 阅读 · 0 评论 -
Javascript连接数据库并查询和插入数据
编译环境 : vscode数据库 : MySQL类库 : node准备数据库下载MySQL ,借助数据库图形工具或者在cmd上面编辑一下代码-- 创建数据库CREATE DATABASE IF NOT EXISTS SchoolTownDB;-- 使用数据库USE SchoolTownDB;-- 添加数据表CREATE TABLE school( id INT, NAME VARCHAR(10), X DOUBLE, Y DOUBLE ); -- 添加数据INSERT原创 2022-03-11 13:38:34 · 974 阅读 · 0 评论 -
error Component name “xxx“ should always be multi-word vuemulti-word-comp
一、Vue 3编译报错error Component name "Login" should always be multi-word vue/multi-word-comperror Component name “Login” should always be multi-word vue/multi-word-comp分析：语法检查的时候把不规范的代码(即命名不规范)当成了错误解决方案:更改组件名(这个比较麻烦),也就是重新起个组件名,使其符合命名规范,如: StudentName原创 2022-03-11 12:16:52 · 1096 阅读 · 0 评论 -
适合我的前端学习路线（学习前端不迷路）
适合我的前端学习路线（学习前端不迷路）小伙伴们想学习前端，但是却不知如何入手，上网查前端学习路线，第一页往往充斥着各种培训公司的广告，又或者是搜前端学习路线图时，出现大量的路线图导致你还是不能确定适合自己的路线。所以在这里我向大家分享一下我走的前端道路。一：大体上学习前端的两种选择意思就是你是选择自学还是报社会上的培训班学。为什么要先提这一点呢，因为在我看来这也是学习前端的关键一步。那我给出我的一些看法建议。1：如果你现在是大一，大二，时间充裕，并且对学习前端有坚定的信念，这里我建议自学，原创 2022-03-10 13:12:47 · 893 阅读 · 1 评论 -
用户信息管理系统
一、登录jsp页面代码：<%@ page contentType="text/html;charset=UTF-8" language="java" %><!DOCTYPE html><html lang="zh-CN"><head> <meta charset="utf-8"/> <meta http-equiv="X-UA-Compatible" content="IE=edge"/> <原创 2022-03-10 11:51:53 · 166 阅读 · 0 评论 -
刚去公司，发现node版本过高，如何将node版本降低？
我们可以安装nvm，node版本管理器来实现。1、nvm是什么？nvm（node.js version management），是一个nodejs的版本管理工具。nvm和n都是node.js版本管理工具，为了解决node.js各种版本存在不兼容现象可以通过它可以安装和切换不同版本的node.js。2、nvm下载可点击下面的链接：github[这里是图片001]https://github.com/coreybutler/nvm-windows/releases下载最新版本,我下载的是windows版原创 2022-03-09 14:08:35 · 3194 阅读 · 1 评论 -
【Web 三件套】JavaScript 的数组、函数和对象
文章目录1. 数组1.1 基本概念1.2 创建数组1.3 获取数组元素1.4 新增数组元素1.5 删除数组元素1.6 遍历数组元素2. 函数2.1 基本概念2.2 语法格式2.3 关于参数个数2.4 函数表达式2.5 作用域2.6 作用域链3. 对象3.1 基本概念3.2 创建对象3.3 使用对象3.4 使用构造函数 new 的执行过程1. 数组1.1 基本概念基本介绍：数组是一种特殊的变量，它能够一次存放一个以上的值。数组原创 2022-03-09 12:48:06 · 147 阅读 · 0 评论 -
Vue环境搭建+VsCode+Win10
如果觉得对你有帮助，能否点个赞或关个注，以示鼓励笔者呢？！博客目录 | 先点这里目录一、下载Node.js二、修改存放目录三、添加环境变量四、安装淘宝镜像五、安装Vue-cli六、项目创建创建方式一：图形化界面创建创建方式二：命令行创建安装element-ui关于地址栏的#号vue-cli目录解析七、VS插件安装八、新建.vue时添加默认内容一、下载Node.js官方网站：传送门（点我）这里建议勾上(会自动帮你创建一个NodeJs的环境变量)默认是添加了原创 2022-03-09 11:24:49 · 1506 阅读 · 0 评论 -
VUE3.0实现websocket
VUE3.0实现websocket1、 vue2.0与vue3.0的区别先说一下网上很多资料的websocket都是针对vue2.0的，我这个vue入门小菜鸟，对于vue的整体实现过程理解还是有偏差，因而记录下2.0到3.0的变化。其参考了该博主的文章链接: 让你30分钟快速掌握vue 3。其主要是对vue3.0新增了setup函数，取消了data变量的赋值。感兴趣的可以自行阅读。这里只做记录。Vue2--------------vue3beforeCreate -> setup()cr原创 2022-03-09 10:03:52 · 915 阅读 · 0 评论 -
Vue - 去掉控制台 Download the Vue Devtools extension for a better development experience httpsxxx 打印
前言这不是报错也不是警告，仅仅是告诉开发者下载它可以获得更好的开发体验。使用 vue-cli 创建项目启动后，发现控制台默认打印了如下信息：但就是不想让它控制台打印？一步步关掉它！## 下载Vue Devtools扩展以获得更好的开发体验Download the Vue Devtools extension for a better development experience:https://github.com/vuejs/vue-devtools关闭打印打开项目 node_mo原创 2022-03-09 08:29:08 · 626 阅读 · 0 评论 -
Springboot+Vue前后端分离项目的部署
Springboot+Vue前后端分离项目的部署项目介绍项目部署准备后端部署数据上传前端部署开放端口总结项目介绍本项目是基于springboot+vue的前后端分离的，数据库用的是MongoDB，前端用了vue+echarts，这也是我一个假期的学习成果吧。项目部署准备本项目最终是运行在云服务器上的，所以先做一些部署前的准备。（我所列出的软件并非必须，你也可以使用其他软件）需要用到的软件：Navicat Premium：开发的时候是在自己电脑上开发的，所以数据都在自原创 2022-03-08 13:48:49 · 864 阅读 · 0 评论 -
Java项目医院心理咨询问诊系统(java+Spring+Maven+mybatis+Vue+mysql)
源码获取：博客首页 “资源” 里下载！一、项目运行环境配置：Jdk1.8 + Tomcat8.5 + Mysql + HBuilderX（Webstorm也行）+ Eclispe（IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持）。项目技术：Spring + SpringMvc + mybatis + Maven + Vue 等等组成，B/S模式 + Maven管理等等。系统控制器:/** * 系统控制器 * @author yy * */@.原创 2022-03-08 11:08:10 · 383 阅读 · 0 评论 -
Fiddler详解-Fiddler Classic
Fiddler和Charles一样，都是网络封包截取工具。可以利用Fiddler抓取web端、移动端与服务器之前的接口请求，测试人员可以根据请求数据快速地定位出软件出现bug的原因（是前端处理数据不当还是后端提供的接口数据有问题），研发也可以根据Fiddler抓取到的信息对软件产品进行调试。Fiddler安装一般我们选择下载可免费使用的Fiddler Classic，Fiddler Everywhere虽然是Fiddler Classic的升级版，其功能上的优化并不是很大，只是在使用性上会比经典版更加便原创 2022-03-08 09:47:51 · 1080 阅读 · 0 评论 -
Chrome 浏览器安装Vue Devtools调试工具 (详细教程)
Chrome 浏览器安装Vue Devtools调试工具1. 首先下载Vue Devtools调试工具2. 复制网址，在浏览器打开按照图示操作3. 下载成功后解压即可，如下图所示4. 解压后打开cmd命令切换到G:Vue Devtools工具 ue-devtools-5.1.1路径下（你们安装的路径自己切换）5. 切换命令成功后使用淘宝命令cnpm install下载（尽量用淘宝镜像下载快速些），下载成功如下图所示6. 然后在cnpm run build 如下图所示7. 然后在打开shell原创 2022-03-08 08:27:50 · 1545 阅读 · 1 评论 -
解决Vue中安装sass-loader和node-sass版本匹配的报错
解决Vue中安装sass-loader和node-sass版本匹配的报错报错原因是可能会存在的:就是直接安装也会安装最新版本的npm install node-sass --save-dev //安装node-sassnpm install sass-loader --save-dev //安装sass-loader安装完成后就会运行网上说是因为sass-loader安装的版本太高，卸载重新安装低版本即可，网上大部分都是安装的7的版本，我装的是7.3.1所以解决方法很简单如果你是我上面那种安装方原创 2022-03-07 09:53:39 · 1039 阅读 · 1 评论 -
在Vue项目中引入 ECharts 3D 路径图 Flights GL（需安装echarts、echarts-gl、jQuery依赖，已踩坑）
目录一、案例效果图二、依赖包的下载（echarts、echarts-gl、jQuery）1.echarts 包的下载2.echarts-gl 包的下载3.jQuery 包的下载?4.小结?三、完整代码一、案例效果图二、依赖包的下载（echarts、echarts-gl、jQuery）如下是 ECharts 官网给出的代码，但要注意的是，该代码需要 echarts、echarts-gl、jQuery 的加持才能正常使用；如果不安装依赖包，直接将官网代码引入项目中，会报各种错！所以转载 2022-03-06 04:58:56 · 716 阅读 · 0 评论 -
从 40% 跌至 4%，“糊”了的 Firefox 还能重回巅峰吗？
Mozilla Firefox，通常简称为Firefox，中文名叫做火狐，是由Mozilla基金会及其子公司Mozilla公司开发的一款自由，开源的网页浏览器。2004年，Firefox首次发布就在9个月的时间内获得了超过6000万的下载量。之后的几年中也是一路高歌猛进，在2008年底，全球15亿在线人数中，有20%的人都在使用Firefox的浏览器在浏览网页，尤其是在印度尼西亚、马其顿、斯洛文尼亚等国家，上网的人中超过一半以上都在使用Firefox浏览器。在全球范围内，Firefox的市场份额一度疯长成为原创 2022-03-06 03:37:00 · 217 阅读 · 1 评论 -
yarn add 安装指定版本
yarn add xxx 安装默认版本yarn add xxx@1.1.1 安装指定版本yarn add xxx@tag 安装特定版本在安装vue-router@4.x.x,webpack@4.x.x,webpack@3.x.x等这种需要安装特定大版本时，有两种方法，下边用安装 vue-router@4.x.x举例1. yarn add webpack@^4可以使用yarn add webpack@^4,安装package.json中显示的是"vue-router": "^4",实际安装的版本原创 2022-03-06 02:16:09 · 1429 阅读 · 0 评论 -
vue3＜script setup＞语法糖中父组件调用子组件方法
// 父组件<template> <child ref="childRef"></child></template><script setup>import { ref } from "vue";// 引入子组件import child from "./child.vue";// 获取子组件const childRef = ref(null);const fun = () => { childRef.value.chil原创 2022-03-06 00:54:46 · 365 阅读 · 1 评论 -
RedisJSON：一个可以存储 JSON 的 Redis
官方文档：RedisJSON: A Redis JSON StoreJSONPath： JSONPath 文档RedisJSON 是 Redis 的一个扩展模块，提供原生 JSON 功能 。可以通过 Docker 镜像快速的运行。Docker 镜像地址： https://hub.docker.com/r/redislabs/rejsondocker run -d -p 6379:6379 --name redis-rejson redis/rejson:latestGithub 地.原创 2022-03-05 20:42:20 · 5050 阅读 · 0 评论 -
Vue + Springboot 前后端完整使用国密算法 SM2 数据加密 传输 交互 完整解决方案
项目外网部署的时候经常会有要求数据加密传输的情况，特别是企事业单位的项目，另为安全或者红头文件计，经常要求使用国密算法，因为涉及交互，所以使用SM2非对称加密。后端（Springboot）（1）所需主要依赖（其他如有缺失自行百度即可）： <!-- hutool工具类 --> <dependency> <groupId>cn.hutool</groupId> <artifa原创 2022-03-03 23:09:21 · 9441 阅读 · 12 评论 -
nvm安装 node版本报错npm命令不存在
因为项目需要用低版本的node，所以采用了nvm来切换node版本，想装v10.13.0版本的node，但是直接nvm install v10.13.0时，报以下错误（已经没有截图了），如下：Error while creating C:Program Files (x86)vm 14.exe - open C:Program Files (x86)vm 10.13.0ode64.exe: Access is denied. Could not download node.js v10.13.0 6原创 2022-03-03 16:30:47 · 867 阅读 · 0 评论 -
JS高级部分
JS高级部分判断对象引用类型undefined与null的探究区分变量类型和数据类型数据，变量和内存js的函数参数传递为值传递JS引擎如何管理内存JS对象什么时候需要使用[‘属性名’],什么时候需要使用.JS函数对象call和apply的区别回调函数立即执行函数JS函数中的this指向JS分号问题函数的原型对象显示原型与隐式原型原型链原型链的属性问题instanceOf是如何判断的总结函数对象是Function的实例对象，同样也有隐式原型原创 2022-03-03 15:26:20 · 89 阅读 · 0 评论 -
Grep命令查找多个字符串（grep同时匹配多个关键字或任意关键字）
前言grep 命令支持三种正则表达式语法：Basic、Extended 和 Perl-compatible 。当没有指定正则表达式类型时，grep 命令将搜索模式默认为基本正则表达式。要搜索多个匹配模式，可以使用 OR ( alternation ) 运算符。我们可以用 OR 运算符 |( pipe )指定不同的匹配项，这些匹配项可以是文本字符串，也可以是表达式集。值得注意的是，在所有正则表达式运算符中，这个运算符的优先级是最低的。使用 grep 命令基本正则表达式搜索多个匹配模式的语法如下：$?g原创 2022-03-03 14:21:48 · 3403 阅读 · 0 评论 -
Could not install from xxx as it does not contain a package.json file 解决方法
首先我去搜了一下,ljbd上面很多都是让你上来就把package-lock.json删除,然后重新install,反正我试了没用,很多评论也都是说没用.所以我尝试着将那个文件改了个名,然后删除了原本的node_modules(install下载下来的那个文件夹),然后重新instal试试.重新install后就可以自动又生成了一个package-lock.json,所以是少了一个步骤,就是要删除那个node_modules然后我一顿操作后并不无卵用.可能能解决你的问题吧!我继续看我的问题怎么解决原创 2022-03-03 12:30:28 · 2424 阅读 · 0 评论 -
狂神说SpringMVC课堂笔记
文章目录SpringMVC1、回顾MVC1.1、什么是MVC1.2、Model1时代1.3、Model2时代1.4、回顾Servlet2、什么是SpringMVC2.1、概述2.2、中心控制器2.3、SpringMVC执行原理3、第一个MVC程序3.1、配置版3.2、注解版小结4、RestFul和控制器4.1、控制器Controller4.2、实现Controller接口使用注解@ControllerRequestMappingRes原创 2022-03-02 13:04:28 · 367 阅读 · 0 评论 -
[项目实战，源码完整]手把手教你怎么封装组件，React 重写学成在线 III
[项目实战，源码完整]手把手教你怎么封装组件，React 重写学成在线 III前情回顾进行业务分析内容实现subHeader 的实现实现基础结构什么是 props尝试渲染设计数据类型修改实现方法，重新渲染 sub header使用 useState 去实现选中高亮精品推荐和课程推荐 的实现封装课程组件课程主体完整实现课程添加课程列表的数据源码总结看完这篇教程，你能学到以下的知识点：根据业务需求拆分组件对复用组件有所了原创 2022-03-02 00:57:13 · 228 阅读 · 0 评论 -
vue3+ts+vite项目三种形式父子组件传值的方法（setup(){}、script-setup语法糖、provide和inject）
废话不多说直接上问题，这是最近项目上遇到的一个关于definedProps和context传值的方法，文章仅作记录，欢迎大佬指点。在vue3中setup有一种简洁式写法Vue3的语法糖先来说说在常规的setup(){}中怎么去父子传值吧，最近这个项目踩了个坑，没有注意到使用的是setup(){}写法直接去使用了definedProps和definedEmits导致程序一直报错最后也是细心检查找到了问题所在，setup(){}中使用的是context，而1.setup(){}子传父子组件<temp原创 2022-03-01 23:53:50 · 573 阅读 · 0 评论 -
Tomcat的认识&使用
目录什么是JavaWeb？什么是请求？什么是响应？请求和响应的关系？web资源的分类?常用的Web服务器?Tomcat服务器和Servlet版本的对应关系安装Tomcat?目录介绍怎样启动Tomcat服务器?运行时程序乱码的解决方法窗口一闪而过情况?另一种启动tomcat的方式Tomcat的停止方式部署web工程到Tomcat中的方式第一种部署方式：第二种部署方式：手拖html和地址栏输入的区别tomcat默认访问情况什么是JavaWeb？JavaWeb是指，所转载 2022-03-01 20:11:31 · 127 阅读 · 0 评论 -
nodeinternalmodulescjsloader936 throw err； 求解决
D:ethereumDkfuwq>node app.jsnode:internal/modules/cjs/loader:936throw err;^Error: Cannot find module ‘safe-buffer’Require stack:- D:ethereumDkfuwq ode_modulesKoa ode_modulescontent-dispositionindex.js- D:ethereumDkfuwq ode_modulesKoalib esponse.j原创 2022-02-28 20:33:55 · 2072 阅读 · 0 评论 -
JSON schema for a JavaScript project using TypeScript tooling报错
我在在编写jsconfig.json的时候，遇到这个报错，在vscode设置里，把Checkjs勾上就可以解决了原创 2022-02-27 12:35:36 · 810 阅读 · 1 评论 -
E Could not get lock varlibdpkglock-frontend. It is held by process 1446 (unattended-upgr)报错信解决
报错信息E: Could not get lock /var/lib/dpkg/lock-frontend. It is held by process 1446 (unattended-upgr)N: Be aware that removing the lock file is not a solution and may break your system.E: Unable to acquire the dpkg frontend lock (/var/lib/dpkg/lock-fronte原创 2022-02-26 20:52:51 · 370 阅读 · 0 评论 -
Eslint报错TypeError this.cliEngine is not a constructor 解决方案
ESLint是一个用于识别和报告ECMAScript/JavaScript代码中的模式的工具，其目标是使代码更加一致并避免bug。在许多方面，它与JSLint和JSHint相似，但有几个例外：ESLint使用Espree进行JavaScript解析ESLint使用AST来评估代码中的模式ESLint是完全可插入的，每个规则都是一个插件，您可以在运行时添加更多在编辑器中，经常可以看到这样红色的提示，对于强迫症来说时非常难受的第一种解决方法：查看ESLint版本，将版本降低至5.x.x；原创 2022-02-26 13:59:15 · 4284 阅读 · 3 评论 -
Element-Plus中日期时间选择器组件DateTimePicker默认显示英文的问题
因为Element-Plus框架默认显示的是英文版，需要修改语言配置接下来是效果图配置在src文件夹下的main.js文件import { createApp } from "vue";import App from "./App.vue";import ElementPlus from "element-plus";import "element-plus/dist/index.css";import 'dayjs/locale/zh-cn';import locale from原创 2022-02-25 07:54:10 · 1232 阅读 · 0 评论 -
10分钟带你探索css中更为奇妙的奥秘
10分钟带你探索css中更为奇妙的奥秘??序言??一、css是啥1. CSS是什么2. 诞生背景3. 基础规则（1）一些基础规则（2）其他重要的语法（3）选择器（4）层叠与继承1）层叠2）继承??二、css怎么学1. 在线网站（1）codecademy.com（2）udacity.com（3）w3school.com && runoob.com（4）freecodecamp.org（5）挑一个2. 持续学习（.原创 2022-02-24 08:35:45 · 133 阅读 · 0 评论 -
毕业设计——基于小程序云开发的校园二手交易平台（附源码）
本系统基于微信小程序云开发，采用小程序原生框架，不需要后端开发，数据库和CMS云开发全帮你搞定，对后端开发能力薄弱的同学超友好的有木有，只要你学过HTML+CSS+JS就能实现所有功能。一、功能介绍使用该系统的角色有两个，分别是用户和管理员，用户通过微信小程序进入该系统，该角色功能主要由七个模块组成，分别是用户登录、搜索商品、发布商品、管理商品、购买商品、收藏商品、以及评论留言。管理员通过小程序自带的内容管理平台实现后台管理，可对商品信息、留言板以及用户等数据进行增、删、改、查操作。二、业务流程图原创 2022-02-23 09:11:51 · 1563 阅读 · 2 评论