html
关注
分享
扫一扫
文章平均质量分 63
普通网友
这个作者很懒，什么都没留下…
展开
-
Vue3+ElementPlus el-menu子菜单设置父菜单选中技巧
前言：当我们在做后台系统开发的时候，经常会遇到一个页面既可以是菜单页面，又可以是某个页面的字页面的时候，那么这个时候在路由跳转的时候就需要保持父页面选中的状态，这个时候其实页面完全可以复用的，只需要重新加一个路由配置一个参数即可。请看下方的例子第一步在路由中设置{ path: "/aView", name: "aView", meta: { title: '父菜单A' }, component: () => import( "../views/aView.vue"),},{ p原创 2022-03-11 20:51:23 · 1907 阅读 · 0 评论 -
Visual Studio 2022自定义（透明）主题和壁纸完整版
效果如下：1.第一步：下载VS2022、下载VS工具集中的扩展开发2.安装好后进入VS2022，点击联机下载扩展：Visual Studio Color Theme Designer 20022和ClaudiaIDE3.安装完成后就可以添加自定义图片（壁纸）：工具->选项->ClaudiaIDE注意：扩展到IDE修改为True4.自定义主题：点击文件->新建项目根据下面的列表，修改控件的颜色属性值为 2A252526即可TreeView -> Backg原创 2022-03-11 19:27:48 · 3428 阅读 · 4 评论 -
Property ‘xxx‘ does not exist on type ‘xxx‘报错解决
用ts写一个组件的时候，遇到了Property ‘increment’ does not exist on type 'Add’的红点儿报错，但神奇的是竟然还能正常运行。在参考一些正确的代码后，有两个解决方案。在export default class Add extends Vue {} 里面定义对应的Prop：import { Component, Vue, Prop } from “vue-property-decorator”;import { mapState } from “vue原创 2022-03-11 15:27:22 · 11608 阅读 · 0 评论 -
HTML 基础
目录一、HTML结构1，认识HTML标签2，HTML 文件基本结构3，标签层次结构4，快速生成代码框架二、HTML 常见标签1，注释标签2，标题标签3，段落标签: p4，换行标签: br5，格式化标签6，超链接标签: a7，表格标签8，列表标签9，表单标签form 标签input 标签label 标签select 标签11，无语义标签: div & span一、HTML结构1，认识HTML标签HTML 代码是由 “标签” 构成的.<body原创 2022-03-11 12:42:53 · 88 阅读 · 0 评论 -
Cannot read properties of null (reading ‘style‘)前端错误记录211020
在代码中使用到了v-if，并且在mounted中引用函数，判断并渲染这个v-if下面的元素了。经过查阅后得知：v-if初始渲染初始值为 false 组件不会渲染，生命周期钩子不会执行，v-if 的渲染是惰性的。初始值为 true 时，组件会进行渲染，并依次执行 beforeCreate,created,beforeMount,mounted 钩子。切换false => true依次执行 beforeCreate,created,beforeMount,mounted 钩子。tru原创 2022-03-11 11:21:28 · 3068 阅读 · 0 评论 -
情人节表白神器（成功率100%）
一、前言2022年2月14号就是情人节了，情人节是一个关于爱、浪漫以及花、巧克力、贺卡的节日，男女在这一天互送礼物用以表达爱意或友好。在情人节的当天不知道有没有想要向心仪的对象表白的人，如果有的话，下面这一款神器可千万不要错过了。二、效果展示1.首页首页就是上面写着###人的名字，后面可以换成自己想要的人名。上面是一行提问，中间部分有两个按钮，左侧是同意按钮，右侧是不同意按钮。2.按钮选择鼠标是一个会移动的爱心，当你选择不同意的按钮时，按钮就会按照代码中编写的轨迹，进行原创 2022-03-10 10:53:08 · 304 阅读 · 0 评论 -
前端请求出现Uncaught (in promise) error问题
前端请求出现Uncaught (in promise) error问题前端调用页面和和对应的js代码// 此方法获取医院设置信息带分页的查询hospitalSetApi.getPageList(1, 10, null).then( response => { this.list = response.data.records })getPageList(page, limit, searchObj) { return reque原创 2022-03-09 14:34:10 · 12166 阅读 · 0 评论 -
Web前端-JS基础
Web前端-JSJS的历史和特点简介JS诞生的背景JS的历史JS的特点JS的语法基础第一个JS例子JavaScript 语法JavaScript 输出基本语句JavaScript 数据类型的转换javaScript方法javaScript函数js中的函数定义匿名函数定义JS对象数组对象字符串对象JS面向对象编程javaScript选择器javaScript弹框确认框对话框JS的历史和特点简介JS诞生的背景1原创 2022-03-09 11:53:24 · 157 阅读 · 0 评论 -
vue3组件间的传值（props）
vue3组件间的传值（props）父组件向子组件传值子组件向父组件传值（常规）子组件向父组件传值（v-model）父组件向子组件传值在父组件中：引入ref定义要传递的属性和属性值向vue页面中的子组件传递该属性属性传递属性:传给子组件的名字（自定义） = “对应定义在父组件的属性名”在子组件中：接收父组件传来的属性props: { showDialogVisible: Boolean},setup() { return {原创 2022-03-09 10:29:28 · 8321 阅读 · 1 评论 -
vue-admin动态路由的实现
前言：项目开发中菜单栏往往是后端基于角色控制的，所以菜单栏通过后端返回，然后在进行渲染，vue-admin这个管理系统模板用的人贼多，以此为例。一、首先打开router/index.js文件吗，把constantRoutes写的静态路由全删了，只留下公共的界面，比如login、404之类的。其他路由后面通过接口获取。二、在store/modules/permission.js进行修改，如果没有文件就创建，该文件使用vuex的状态管理，把菜单信息存储起来，最后把菜单渲染出去// router/in.原创 2022-03-09 08:54:41 · 394 阅读 · 0 评论 -
Unable to start web server； nested exception is org.springframework.boot.web.server.WebServerExcepti
本文目录一、背景描述二、原因分析三、解决方案一、背景描述项目架构：Spring Boot (v2.0.0.RELEASE) + Mybatis-Plus (v3.1.1)今天在一个老项目（运行的非常正常）上开发一个新的功能，添加新功能之前，项目启动、运行很正常，结果开发完之后，项目启动不了了，后台也不报任何错误信息，关键是连日志都没有，一时间竟这让我无从下手啊。二、原因分析根据情况分析得出，项目是无法启动，想着肯定是启动哪里会有问题，然后就是启动类里启动项目那一行（也就是以下这代码加上）加原创 2022-03-08 14:14:24 · 10119 阅读 · 0 评论 -
npm错误——npm ERR code ERESOLVE 解决方法
npm ERR! code ERESOLVEnpm ERR! ERESOLVE unable to resolve dependency treenpm ERR!npm ERR! While resolving: vol.vue3@0.1.0npm ERR! Found: vue@3.2.20npm ERR! node_modules/vuenpm ERR! vue@"^3.0.0" from the root projectnpm ERR!npm ERR! Could not reso原创 2022-03-08 12:54:00 · 3919 阅读 · 0 评论 -
JS高级部分
JS高级部分判断对象引用类型undefined与null的探究区分变量类型和数据类型数据，变量和内存js的函数参数传递为值传递JS引擎如何管理内存JS对象什么时候需要使用[‘属性名’],什么时候需要使用.JS函数对象call和apply的区别回调函数立即执行函数JS函数中的this指向JS分号问题函数的原型对象显示原型与隐式原型原型链原型链的属性问题instanceOf是如何判断的总结函数对象是Function的实例对象，同样也有隐式原型原创 2022-03-08 11:33:50 · 76 阅读 · 0 评论 -
HTML期末作业-网上书城网上书店
HTML期末作业-网上书城网上书店，HTML+css+JavaScript,7个页面!部分源码<!DOCTYPE HTML><html><head><title>网上书城</title><link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all"><link href="css/style.css" rel="styleshee转载 2022-03-08 10:13:26 · 359 阅读 · 0 评论 -
ECharts Gallery和Make A Pie都关了，你可以用这个工具替代
ECharts Demo集ECharts Gallery和Make A Pie都关了，你可以用这个工具替代背景开发规划ECharts Gallery和Make A Pie都关了，你可以用这个工具替代背景ECharts Gallery和Make A Pie都关了，打不开了，很多人包括我自己都在使用这个工具，工具面临关闭，我便制作了替代工具，放在了外网上，ECharts Demo集镜像地址是https://www.isqqw.com/ 当前是初版直接使用，后面我会上线代码上传分享等功能原创 2022-03-08 08:53:21 · 388 阅读 · 0 评论 -
漫画 前端发展史的江湖恩怨情仇～
时间总是过得很快， 似乎快得让人忘记了昨天，前端WEB领域的发展更是如此，转眼间已是近30年，时光荏苒，初心不变，在一代又一代前端人的努力下，前端已经是互联网不可或缺的一部分。然而很多前端打工人对于前端的历史了解甚少，我是一名前端打工人，今天，本文将用漫画的形式带你倒回历史的长河，一起领略前端发展史的江湖风云纠纷、恩怨情仇…参考资料前端开发 20 年变迁史前端简史浏览器大战 - 维基百科文中部分图片素材来源于网络，如有侵权，请联系删除完 ~本文首发于 《前端原创 2022-03-07 08:55:48 · 142 阅读 · 0 评论 -
实现图片懒加载的方法
懒加载的概念懒加载也叫做延迟加载、按需加载，指的是在长网页中延迟加载图片数据，是一种较好的网页性能优化的方式。在比较长的网页或应用中，如果图片很多，所有的图片都被加载出来，而用户只能看到可视窗口的那一部分图片数据，这样就浪费了性能。而使用懒加载的方式就能有效的提高加载性能。实现原理我们知道图片的加载是由src引起的，当对src赋值时，浏览器就会请求图片资源。根据这个原理，我们使用HTML5 的data-xxx属性来储存图片的路径，在需要加载图片的时候，将data-xxx中图片的路径赋值给src，这样就原创 2022-03-06 05:24:39 · 644 阅读 · 0 评论 -
关于eslint遇到的报错信息以及解决方法
1、 Duplicate key/ Duplicated key存在重复声明的key值，视情况解决（PS：在uniapp中// #ifdef H5test: 1// #endif// #ifdef MP-WEIXINtest:2// #endif这样的情况也会报错）2、 Parsing error: x-invalid-end-tag vue/no-parsing-error这种报错是因为vue将标签渲染为原生标签的时候，有些标签是自闭合的，所以有end标签会报错解决方法是设置规则原创 2022-03-06 04:03:51 · 2354 阅读 · 0 评论 -
【element】中el-row如何使内容垂直居中
最近开始重新接触学习element-ui，在做登录画面时需要做一个元素垂直居中的效果，官方文档提供的属性，却”没能“达成我想做的效果，于是决心彻底搞明白栅格系统的原理。解决方案解决方案放在最前面??，原谅我套娃行为。查阅官方文档，只需要在el-row中设置属性align为middle即可这是我找到这位老哥的博客本来问题到这里就应该结束了，可是我也看官方文档了啊，为社么没有效果呢，看了下评论真的时给我逗乐了hhhh。其实，我心里的那句话和这位不知名的老哥时一样的。试了各种姿势了还是没有.原创 2022-03-06 02:41:59 · 2774 阅读 · 0 评论 -
Vue学习笔记（尚硅谷天禹老师）
Vue学习笔记（尚硅谷天禹老师讲解）1. Vue核心1.1. Vue简介1.1.1. 官网英文官网中文官网1.1.2. 介绍与描述动态构建用户界面的渐进式JavaScript框架作者：尤雨溪1.1.3. Vue的特点遵循MVVM模式编码简洁，体积小，运行效率高，适合移动/PC端开发它本身只关注UI，可以引入其它第三方库开发项目1.1.4.与其他JS框架的关联借鉴 Angular 的模板和数据绑定技术借鉴 React 的组件化和虚拟DOM原创 2022-03-06 01:20:43 · 1251 阅读 · 0 评论 -
vue2.0介绍以及网页版vue环境搭建
vue2.0介绍以及网页版vue环境搭建一、原生DOM与虚拟DOM二、Vue.js 是什么三、安装vue1、独立版本2. 使用 CDN 方法3、NPM 方法三、网页版vue环境搭建一、原生DOM与虚拟DOM首先，我们需要搞清楚两个概念，什么是原生dom，什么是虚拟dom传统的开发模式原生JS或JS操作DOM时，浏览器会从构建DOM树开始从头到尾执行一遍流程。在一次操作中，我需要更新10个DOM节点，浏览器收到第一个DOM请求后并不知道还有9次更新操作，因此会马上执.原创 2022-03-05 23:59:40 · 641 阅读 · 0 评论 -
VUE npm install 使用出现git@github.com Permission denied (publickey)
记录一次vue中使用npm install时出现git@github.com: Permission denied (publickey)问题解决方法。进入git bash操作：第一步，git config --global --list 验证邮箱与GitHub注册时输入的是否一致第二步，通过git config --global user.name 你的用户名，git config --global user.email 你的邮箱地址（名字和邮箱都是注册github时用的）设置全局用户名和邮箱。原创 2022-03-03 23:16:53 · 639 阅读 · 0 评论 -
Postman安装与入门简单教程
在测试技术中，接口测试是最基础、最重要，也是收益最高的测试技术，作为接口测试工具中的No.1，一起来看看Postman是怎么入门的吧。目录1.安装Postman2.注册Postman账号并登录3.创建Collections4.创建Request5.简单的Demo测试6.拓展1.安装PostmanPostman下载地址：https://app.getpostman.com/app/download/win64点开后机会自动下载最新版的Postman，如果链接打不原创 2022-03-03 16:38:17 · 256 阅读 · 0 评论 -
less基础知识
less基础知识一、概览二、变量三、运算四、混合五、嵌套@规则嵌套和冒泡六、转义七、函数命名空间和访问符八、映射九、导入一、概览Less （Leaner Style Sheets 的缩写） 是一门向后兼容的 CSS 扩展语言。因为 Less 和 CSS 非常像，因此很容易学习。而且 Less 仅对 CSS 语言增加了少许方便的扩展。less在浏览器端使用的时候，借助less.js文件进行编译，编译之后其实就是css文件。引入less文件<l.原创 2022-03-03 15:33:48 · 321 阅读 · 0 评论 -
html+css+php+mysql 简单的页面登录与注册(数据库的交互)
这是一个简单的小项目，但对于我这小白来说，也是写了好几天才完成，中间心态炸裂n次，但最后还是 搞定了！！！说了那麽多，还是分享一下吧！目录主页面(登录页面)登录页面的后台操作注册页面注册页面的后台操作实验环境是phpstudy2018。在phpstudy的www目录里，创建一个新文件夹test。文件里有：index.php 主页面(登陆页面)login.php 登录页面的后台操作register.html 注册页面register.php 注册页面的后台操作原创 2022-03-03 14:29:13 · 3995 阅读 · 0 评论 -
DataV构建大屏（全屏）数据展示页面
官方文档地址：DataV1.安装组件库npm安装npm install @jiaminghi/data-view2.使用全局引入// 将自动注册所有组件为全局组件import dataV from '@jiaminghi/data-view'Vue.use(dataV)按需引入按需引入仅支持基于ES module的tree shaking，按需引入示例如下：import { borderBox1 } from '@jiaminghi/data-view'Vue.use(b原创 2022-03-03 13:24:56 · 2861 阅读 · 0 评论 -
记一次 TypeError Cannot read property ‘xxx‘ of undefined 排错经历
问题如下：目前在做一个前后端分离项目，前端vue，后端springcloud，测试一个edit功能，前后端写完后进行联调测试，发现前端虽然能收到后端传来的数据，却无法回显到页面上报错信息如下：相关代码如下：点进Object中查看详细信息：发现出现这个异常，猜想是ES严格模式的锅，但禁掉严格模式后问题仍没有解决，后去StackOverflow中查找相关问题，发现一篇类似的如下：文中大致说这个问题可能不是前端的问题，可能是后端出了问题返回后端查看相应方法：果然是后端的问题，按照我们定义原创 2022-03-02 13:11:57 · 431 阅读 · 0 评论 -
英伟达官网如何下载显卡老版本驱动
1、打开英伟达驱动下载官网：https://www.nvidia.cn/geforce/drivers/2、在这里根据自己的显卡型号以及对应的操作系统填好搜索的参数，例如下图：3、在当前页面（一般是按F12）打开开发人员选项，找到控制台，如图4、在这里输入以下代码，然后按enter（回车）如图SystemScanner.prototype.DriverSearch = function(psid, pfid, osID, langCode, whql, beta, dltype, numresul原创 2022-03-02 04:15:28 · 19147 阅读 · 2 评论 -
情人节到了，手把手教你做一个表白墙，附有详细步骤
之前博主已经写过一个表白墙页面版的了，上次的比较简单，只是单纯地使用前端知识来完成的，有兴趣的可以看一下??前 端 简 易 实 现 表 白 墙??正因为只是利用前端知识来实现的，即所有数据在浏览器关闭后会丢失。这次，我们带领大家实现一个可以前后端交互的表白墙，这种表白墙的数据可以存储在服务器上，因此可以实现持久化保存~下面，让我们开始吧！??服务器版本表白墙?? 配置Maven项目1. 创建Maven项目2. 引入依赖3. 构造目录?? 约定前后端交互接口?? 实现服务器.原创 2022-03-02 03:11:48 · 1924 阅读 · 0 评论 -
【Linux篇】第一篇——基本指令（使用方法+图示）
这是linux中的第一篇博客，也就是一些常用的指令，多敲有助于我们对这些指令更加熟练地掌握。目录??Linux下的基本指令??ls指令??pwd命令??cd指令??touch指令??mkdir指令??rmdir指令??rm指令??man指令??cp指令??mv指令??cat指令??more指令??less指令??head指令??tail指令??管道命令??重定向??date指令??cal指令??find指令??grep指令??zip/unzip指令.原创 2022-03-02 01:04:42 · 174 阅读 · 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-02 00:01:10 · 2261 阅读 · 2 评论 -
Uncaught SyntaxError Cannot use import statement outside a module的解决方法
本地html文件中的script标签引入ES6的模块，直接在浏览器中打开该html文件，发现报错了：Uncaught SyntaxError: Cannot use import statement outside a module对应的index.html:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" con原创 2022-03-01 20:19:12 · 840 阅读 · 0 评论