![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 60
web15870359587
这个作者很懒,什么都没留下…
展开
-
element折叠面板(默认展开)的使用及样式修改
效果图:HTML部分:<el-collapse v-model="activeNames" style="border:none;margin-left:30px;"> <el-collapse-item name="1"> <template slot="title"> <p class="title">运行信息</p> </template&原创 2022-03-12 12:58:38 · 5953 阅读 · 0 评论 -
vue3.2版本新特性
Vue 3.2 版本包括许多重要的新功能和性能改进,但并不包含重大更改。Vue 3.2 原文链接主要更新如下:1. 新的单文件组件功能<script setup> 是一种编译时语法糖,可在 SFC 内使用 Composition API 时极大地提升工作效率。<style> v-bind 在 SFC 标签中启用组件状态驱动的动态 CSS 值。<style>起初 vue3.0 暴露变量必须 return 出来,template中才能使用<script原创 2022-03-11 21:31:07 · 349 阅读 · 0 评论 -
Vue ——01,第一个vue程序
第一个vue程序一、前端核心分析1.1、概述1.2、前端三要素1.3、结构层(HTML)1.4、表现层(CSS)1.5、行为层(JavaScript)二、前端发展史2.1、UI框架2.2、JavaScript构建工具2.3、三端同一2.4、后端技术2.5、主流前端框架三、第一个vue程序3.1、什么是MVVM3.2、MVVM————————如觉不错,随手点赞,关注,收藏(* ̄︶ ̄),谢谢~~一、前端核心分析1.1、概述Soc原创 2022-03-11 19:52:48 · 317 阅读 · 0 评论 -
tedu斌-Web笔记2112-2
选择器练习:把刘备改成红色张飞和苹果改成绿色文本框和所有水果背景黄色p2 字体粉色p2和p3背景蓝色超链接未访问绿色,访问过红色,悬停黄,点击红颜色赋值三原色: 红绿蓝 RGB Red Green Blue , 每个颜色的取值范围0-255五种颜色赋值方式:颜色单词: red/blue/yellow6位16进制赋值: #ff00003位16进制赋值: #f003位10进制赋值: rgb(255,0,0)4位10进制赋值: rgba(255,0,0,0-1) a=alpha原创 2022-03-11 18:29:48 · 82 阅读 · 0 评论 -
react知识点总结
创建react项目create-react-app引入ant designreact的vscode插件Simple React Snippets也可以使用自定义的如何修改配置文件1.npm run eject 暴露所有的配置文件 不可逆的,在发射前需要提交git文件2.安装react-app-rewired 这个包需要报pakage.json中的脚本配置修改为下面代码,再在更目录下创建config-overrides.js的配置"scripts": { "start": "r原创 2022-03-11 15:52:41 · 173 阅读 · 0 评论 -
mybatis plus中的${ew.sqlSegment},${ew.sqlSelect},${ew.customSqlSegment}使用
ew是mapper方法里的@Param(Constants.WRAPPER) Wrapper queryWrapper对象首先判断ew.emptyOfWhere是否存在where条件,有的话再拼接上去,ew.customSqlSegment是WHERE + sql语句没有where的时候加上 == false使用${ew.sqlSegment} 如果是连表查询且查询条件是连表的字段则需在service层拼接查询条件时字段前指定别名最佳例子1mapper.xml <select id="ta原创 2022-03-11 14:29:26 · 10042 阅读 · 1 评论 -
IDEA安装element-ui报错npm ERR Found vue@3.2.26npm ERR node_modulesvuenpm ERR vue@“^3.0.0“ from
npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency treenpm ERR! npm ERR! While resolving: novel@0.1.0npm ERR! Found: vue@3.2.26npm ERR! node_modules/vuenpm ERR! vue@"^3.0.0" from the root projectnpm E原创 2022-03-11 13:07:16 · 1177 阅读 · 1 评论 -
DevTools 无法加载 SourceMap:XXXX.map 的内容HTTP 错误 状态代码 404,netERR_UNKNOWN_URL_SCHEM
写在前面又想骂人了,百度了一圈,各种不同的网站,对于该问题的解决办法的前几句都是确切来说也不是个问题,对我项目本身没有什么实质性的影响,但看着就是不爽,请教了一下前端的同学,这个 sourceMap 是方便调试的东西,从打包后的代码映射到源码,并在前端使用注释声明气的人直接吐血。不可否认禁用javascript 源映射,确实可以解决报错这个问题。但是说对项目没有影响,实在是大错特错。像我这种习惯了使用console 调试程序的人,没有这个功能还真是要死。按照自己的理解说一下,这个功能的作用吧,就原创 2022-03-11 11:45:51 · 620 阅读 · 0 评论 -
解决报错 This dependency was not found(这个依赖没有找到)
错误的原因是你这个文件引入或使用了文件资源,但却没有找到我是因为写样式使用了less,却没有依赖,所以把less删掉或是下less依赖就可以了<style scoped lang='less'></style>报错全部信息ERROR Failed to compile with 1 errors 下午10:57:54This dependency was not found:!!../…/…/node_modules/extract-text-webpack-p.原创 2022-03-10 12:41:59 · 3426 阅读 · 0 评论 -
日常Java练习题(每天进步一点点系列)
1、正则表达式语法中 d 匹配的是?()正确答案: A 你的答案: A (正确)数字非数字字母空白字符题解:d 匹配一个数字字符。等价于 [0-9]。D 匹配一个非数字字符。等价于 [^0-9]。 匹配一个换页符。等价于 和 cL。匹配一个换行符。等价于 和 cJ。匹配一个回车符。等价于 和 cM。s 匹配任何空白字符,包括空格、制表符、换页符等等。等价于 [ ]。S 匹配任何非空白字符。等价于 [^ ]。匹配一个制表符。等价于 和 cI。 匹配一个垂直制原创 2022-03-10 11:21:03 · 321 阅读 · 0 评论 -
在Vue3中使用Element Plus时 el-icon无法显示的问题
问题描述按照官方文档安装了icons$ npm install @element-plus/icons然后在页面中使用<template> <!-- <Header /> --> <!-- Icon 图标 --> <el-icon><edit /></el-icon> <el-icon><fold /></el-icon> <el-icon>&原创 2022-03-10 09:56:41 · 741 阅读 · 0 评论 -
Vue全家桶之组件间的通信(四)
Vue全家桶之组件间的通信(四)概述组件是Vue中最强大的功能,组件实例之间的数据无法直接相互引用,所以需要掌握组件间通信的方式和技巧。组件实例之间的关系可以分为父子关系、兄弟关系和隔代关系。针对组件之间不同的关系,通常有以下三种通信需求:父组件===>子组件/后代组件;子组件/后代组件===>父组件;兄弟组件之间通信。针对不同的通信需求,需要采取不同的通信方式,本文将介绍以下6种通信方式:利用props通信自定义事件事件总线消息订阅与发布插槽vuex一 前置原创 2022-03-09 10:53:34 · 929 阅读 · 0 评论 -
vue3 setup 使用教程
vue3 中新增了 setup,它的出现是为了解决组件内容庞大后,理解和维护组件变得困难的问题。即 vue 中 data、computed、methods、watch 等内容非常多以后,同一业务逻辑的 data 中的数据和 methods 中的方法在 vue 文件中“相隔甚远”,看代码时,经常需要根据 data 中的数据去搜索找到对应的 methods 方法,上下跳跃查看代码,非常不方便。而在 setup 中,则可以把 data 中的数据和 methods 方法写在相临的位置,方便查看和维护。本文详细介绍原创 2022-03-09 09:32:42 · 555 阅读 · 0 评论 -
uniapp引入使用elementUi库
1.npm安装npm i element-ui -S2.完整引入Element在 main.js 中写入以下内容:import Vue from 'vue';import ElementUI from 'element-ui';import 'element-ui/lib/theme-chalk/index.css';import App from './App.vue';Vue.use(ElementUI);new Vue({ el: '#app', render: h =原创 2022-03-09 07:58:38 · 1644 阅读 · 0 评论 -
PyWebIo 快速构建web应用
Part1什么是 PyWebIoPyWebIO 提供了一系列命令式的交互函数来在浏览器上获取用户输入和进行输出,将浏览器变成了一个“富文本终端”,可以用于构建简单的 Web 应用或基于浏览器的 GUI 应用。使用 PyWebIO,开发者能像编写终端脚本一样(基于 input 和 print 进行交互)来编写应用,无需具备 HTML 和 JS 的相关知识;PyWebIO 还可以方便地整合进现有的 Web 服务。非常适合快速构建对 UI 要求不高的应用。Part2PyWebIo 的特点使用同步而不是基原创 2022-03-08 13:18:06 · 1045 阅读 · 0 评论 -
Mybatis-plus最新代码生成器(3.5.1+)的使用
1.引入依赖:<!--mybatisPlus--><dependency> <groupId>com.baomidou</groupId> <artifactId>mybatis-plus-boot-starter</artifactId> <version>3.4.3.4</version></dependency><!--mybatis-plus代码生成器--原创 2022-03-08 11:57:49 · 300 阅读 · 0 评论 -
JavaScript 基本知识
bilibili JS 视频链接:https://www.bilibili.com/video/BV1W54y1J7Ed?p=2&spm_id_from=pageDrivervscode 配置 html:https://blog.csdn.net/caohongxing/article/details/108632859目录JS来源JavaScript 核心由三部分组成书写位置:行内式,内嵌式,外链式变量:var 准备一个容器,变量名有规格且区分大小写JS中的数据:基本数.原创 2022-03-08 10:37:28 · 108 阅读 · 0 评论 -
Element-UI 中 el-table 树形数据 tree-props使用避坑
element官网提示设置tree-props为{children: 'children',hasChildren: 'hasChildren'},data数据需要设置children和hasChildren属性,row-key也绑定了数据的唯一值变量id,但是树形结构就是出不来在el-table中,支持树类型的数据的显示。当 row 中包含 children 字段时,被视为树形数据。渲染树形数据时,必须要指定 row-key。支持子节点数据异步加载。设置 Table 的 lazy 属性为 true.原创 2022-03-08 09:17:16 · 5094 阅读 · 0 评论 -
@JsonSerialize(using = ToStringSerializer.class)和@JsonSerialize注解的使用方法
java中long数据能表示的范围比js中number大,在跟前端交互时,这样也就意味着部分数值在js中存不下(变成不准确的值)。解决办法可以这样:使用fastjson的ToStringSerializer注解,让系统序列化时,保留相关精度。/** * 记录属性的主键 */ @JsonSerialize(using = ToStringSerializer.class) private Long id;@JsonSerialize注解的使用方法关于这个注解的原创 2022-03-08 07:57:13 · 201 阅读 · 0 评论 -
10、防抖和节流
1. 什么是防抖【解释】: 防抖策略(debounce)是当事件被触发后,延迟 n 秒后再执行回调,如果在这 n 秒内事件又被触发,则重新计时。【图解】:【作用】:当用户频繁触发该事件的时候,确保只进行最后一次的请求操作,节约请求的资源【实现输入框的防抖】:var timer = null // 1. 防抖动的 timer function debounceSearch(keywords) { // 2. 定义防抖的函数 timer = s转载 2022-03-07 20:46:22 · 104 阅读 · 0 评论 -
马上过年了,5行代码教你实现放烟花
直接上代码吧<!DOCTYPE html><html lang="zh"><head><title>Fireworks</title></head><body> <div class="firework-container" ></div> <script src="./js/js/jquery-1.11.0.min.js"></script> <sc原创 2022-03-07 10:43:17 · 1652 阅读 · 1 评论 -
网络安全kali渗透学习 web渗透入门 如何进行NESSUS漏洞检测
NESSUS简介1998年,Nessus的创办人Renaud Deraison展开了一项名为"Nessus"的计划,其计划目的是希望能为互联网社群提供一个免费、威力强大、更新频繁并简易使用的远端系统安全扫描程式。2002年时,Renaud与Ron Gula, Jack Huffard创办了一个名为Tenable Network Security机构。在第三版的Nessus释出之时,该机构收回了Nessus的版权与程式源代码(原本为开放源代码),并注册了nessus.org成为该机构的网站。目前此机构位于美原创 2022-03-07 09:19:46 · 335 阅读 · 0 评论 -
ERROR Error loading vue.config.js ERROR Error Command failed git describe --always报错可能的原因
最近使用git clone了一个前后端分离的项目,前端启动当中遇到了一个问题,使用node.jsnpm run serve命令以及yarn run serve启动前端项目会报错,尝试过下载已经安装完依赖的node_modules文件夹,以及整个前端项目启动还是报这个问题,百度了Error: Command failed: git describe --always也没找到相应的文章后来终于是找到了问题所在报这个错是因为git的环境变量问题首先这个是错误的git配置,导致了这个Error: Comman原创 2022-03-07 07:56:28 · 2137 阅读 · 0 评论 -
前端开发一枚,入职前自学的感觉不难,为什么工作起来很吃力?
前言我是软件工程专业,学前端之前,学过 C/C++、Java、PHP、.net 成绩还不错基本都是90多分。感觉自己干后端也不吃力。实验室里面的项目都是前后都写。最爱 PHP,本以为以后就走上PHP后端工程师的道路了。由于项目需要的原因,后来渐渐开始学起 HTML、CSS、JavaScript 这些语法相关的东西。刚接触时没有感觉太大难度。当时就想着怎么把页面搞好看,搞各种动画炫技。写一个小球从下面弹出来的效果,换各种姿势弹出。当时觉得前端真的有意思,就入了前端的坑。入坑前,以为前端就是搞各种漂亮的页原创 2022-03-06 04:28:05 · 388 阅读 · 0 评论 -
【智慧医疗】Springboot+Vue+Element-UI前后端分离的医疗管理平台
目录需求分析系统概要技术选型功能模块后端逻辑需求分析随着第五代移动通信技术(5G)高速发展,推动新一代信息技术与各个行业的融合发展,各行各业都在积极融合智能现代化概念,努力把互联网技术运用到其中。在我国目前人口基数大,对医疗服务需求量大,在各大城市的中大型三甲医院中,看病人员多,医院医职人员管理,挂号就诊信息繁多,如果采用传统的方式来管理,这恐怕难以有效解决,而且低效。慧医疗利用互联网技术来解决人员管理,信息管理冗杂问题。在近年来,互联网5G技术已经率先在北上广等一线城市中开始运用到医疗原创 2022-03-06 03:06:07 · 1776 阅读 · 4 评论 -
vue项目中chunk-vendors.js提示报错的查看方法
经常在vue项目中,会有chunk-vendors.js报出的各种错误提示,但可能有的报错很多人不懂的如何查看,接下来,给大家一个示例:上图中的报错,很多人可能只会看【Vue warn】中的错误,而忽略【system】中的错误提示,导致在页面中找了无数个“indexOf”也解决不了错误,其实这条错误产生的步骤都已经在【system】中。让我们由下往上看,错误产生的步骤流程依次是settlement–>otherfun–>list_fun–>audio_play,很明显是因为audio_原创 2022-03-06 01:45:21 · 20044 阅读 · 2 评论 -
Vue3---通过 ref 获取子组件实例(子组件中的DOM结构、数据、及方法)
Vue3中,如果要在父组件拿到子组件(子组件的DOM结构、数据、方法),可以通过 ref。即在父组件中定义响应式数据 ref(null) ,并绑定给子组件,在需要的时候,通过定义的响应式变量即可获取。获取后,即获取了子组件的一切,可以看到子组件的DOM结构,也可以看到子组件中对外暴露的的数据和方法,并且可以直接调用。官方API[这里是图片001]https://v3.cn.vuejs.org/guide/component-template-refs.html#%E6%A8%A1%E6%9D%BF%E5%原创 2022-03-06 00:23:56 · 1681 阅读 · 0 评论 -
8种垂直居中的方法
八种垂直居中的方法垂直居中的需求经常遇到,通过资料实践了八种垂直居中的方法。以下的方法都围绕着该HTML展开HTML代码 <div class="wrap"> <div class="box"></div> </div>CSS方法1(常用):display:flex.wrap{ width:300px; height:300px; border: 1px solid red; display原创 2022-03-05 20:09:20 · 752 阅读 · 0 评论 -
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-03 23:42:03 · 621 阅读 · 0 评论 -
uniapp 接入微信客服 wx.openCustomerServiceChat(不支持解决办法)
由于uniapp目前未支持openCustomerServiceChat使用浏览器打开,从浏览器跳转至微信let url = '客服链接'plus.runtime.openURL(url, function(res) {});原创 2022-03-03 22:35:19 · 1998 阅读 · 0 评论 -
TypeErrorCannot read properties of undefined(reading XXX)
问题描述我们在GetNav方法中使用map遍历数组为每一个元素动态生成一列数据,并为每一列数据加上onClick事件,运行报错updateRoute为undefined问题分析map里面的function声明,这种声明方式因为是独立执行,在严格模式下this指向undefined经过验证,打印出来的this确实为undefined因此修改map里面的name方法为箭头函数即可解决问题return arr.map((item)=>{……})问题总结本文归根结底为this指原创 2022-03-03 21:40:35 · 651 阅读 · 0 评论 -
Node.js最新最详细安装教程(2020)
Node.js最新最详细安装教程(2020)1. 下载Node.js安装包官网下载地址:http://nodejs.cn/download/,根据自己电脑选择32位还是64位,点我去下载2. 打开下载好的安装程序,点击下一步3. 选择接受许可协议,点击下一步4. 选择自己的安装路径(默认是c盘),选择完成后,点击下一步5. 这里四项全部安装,点击下一步6. 这里不用打勾,下一步7. 选择Install安装8. 选择finish完成9. win+R 打开运行窗口,在此窗原创 2022-03-03 15:58:16 · 682 阅读 · 0 评论 -
JavaScript(二十二) DOM节点类型
一,遍历节点树基本所有浏览器都兼容1. parentNode找到父级, parentNode顶层节点是document控制台显示:2. childNodes子节点就多了,找出来的肯定是一个组(类数组),找直系,节点有好多:文本节点,注释节点,元素节点,属性节点二,遍历元素节点树下面这些IE9以下都不兼容,除了children,上面的灵活,下面好用parentElement与parentNode不一样的是,parentElement不包括document节点,document不原创 2022-03-03 14:53:39 · 279 阅读 · 0 评论 -
element-plus 按需引入的两种方式( 官方推荐方式 及babel-plugin-import)
1.官方推荐方式首先你需要安装unplugin-vue-components 和 unplugin-auto-import这两款插件npm install -D unplugin-vue-components unplugin-auto-importWebpack安装方式一:写入 webpack.config.jsconst AutoImport = require('unplugin-auto-import/webpack')const Components = require('unplu原创 2022-03-03 13:49:16 · 1699 阅读 · 0 评论 -
7hutool实战FileUtil 文件工具类(100多个文件常用操作方法)
技术活,该赏关注+一键三连(点赞,评论,收藏)再看,养成好习惯hutool实战(带你掌握里面的各种工具)目录用途:文件工具类(文件常用操作)使用场景提供100多个文件常用操作方法,包含并不局限于:判断文件或文件夹是否为空、判断file是否为文件或文件夹、递归文件夹里的所有文件、获取指定文件夹的所有文件名、获取临时文件夹或临时文件的内容或者路径、计算文件夹或文件的总大小、创建文件或文件夹、创建临时文件或临时文件夹、删除文件或文件夹、修改文件名或文件夹名、复制文件或文件夹、移动文件或文件夹、清空文件原创 2022-03-03 11:57:50 · 10349 阅读 · 0 评论 -
14.Django中模板的继承及引用
引言:大家啊可以随便取找个网站,比如:淘宝。多去看看它不同的页面,用你闪亮的大眼睛去找不同点和相同点。到一定时候,你会发现,网站中有些不同的页面,它们中的部分数据是完全一模一样的;而且有些数据不一样的部分,它们前端的排版格式却是一模一样的哦!你肯定会心生疑问——难道这些页面全都要一个个敲代码做嘛!这也太绝望了吧!!!但是——不要忘记了!程序猿一大原则是:绝不做重复的事!所以对于上述现象,就涉及到了一个知识点——模板的继承与引用!!!1.模板的继承与引用Django模版引擎中最强大也是最复杂.转载 2022-03-03 00:07:06 · 287 阅读 · 0 评论 -
零基础也能学会,原生JS实现图片轮播(附源码,拿去即用)
JavaScript —— 原生JS实现图片轮播1. 项目效果图2. 基础布局(index.html)3. CSS 样式(index.css)4. JS部分(做了详细注释)5. FAQ首先,祝大家端午安康,发大财!一夜暴富1. 项目效果图技术栈(原生JS),真正高端的效果往往只需要简单质朴的JS就能实现可以点击左右箭头切换图片鼠标悬浮在数字上也可切换图片设置了定时器,会自动轮播用到了animate,效果非常丝滑2. 基础布局(index.html)这里原创 2022-03-02 13:36:36 · 285 阅读 · 0 评论 -
vue.config.js 配置
vue.config.js配置项vue-cli3 脚手架搭建完成后,项目目录中没有 vue.config.js 文件,需要手动创建创建vue.config.jsvue.config.js(相当于之前的webpack.config.js) 是一个可选的配置文件,如果项目的 (和package.json同级的) 根目录中存在这个文件,那么它会被@vue/cli-service自动加载。你也可以使用package.json中的vue字段,但是注意这种写法需要你严格遵照 JSON 的格式来写。在根目录中创原创 2022-03-02 12:31:49 · 2513 阅读 · 0 评论 -
曲鸟全栈UI自动化教学(九):Selenium为什么慢?那是你加载策略设置不对
一、前言有不少粉丝,甚至一些行业中有一定经验的朋友都说selenium性能差、很慢,打开一个网页要等半天才开始执行。初学的粉丝提出这个问题我能够理解,行业工作经验数年还这样说我就有点诧异了。看来很多小伙伴还是没有阅读官方文档的习惯,这里就简单的讲解一下为什么你会觉得selenium慢以及如何解决这个问题:当我们通过webdriver(比如启动谷歌浏览器:webdriver.Chrome())启动浏览器时,会启动一个没有任何缓存、cookie的浏览器。这个时候通过driver.get("https://x转载 2022-03-02 03:35:57 · 564 阅读 · 0 评论 -
又到一年情人节,用Html和Python来个花式表白
???哈喽!大家好,我是【】,江湖人称jeames007,10年DBA工作经验一位上进心十足的【大数据领域博主】!???中国DBA联盟(ACDU)成员,目前从事DBA及程序编程,B站及腾讯课堂讲师,直播量破10W擅长主流数据Oracle、MySQL、PG 运维开发,备份恢复,安装迁移,性能优化、故障应急处理等。如果有对【数据库】感兴趣的【小可爱】,欢迎关注【】???感谢各位大可爱小可爱!文章目录前言?? 1.爱心表白动画特效?? 2.python画动态爱心表白?? 3.3D玫.原创 2022-03-02 02:32:26 · 384 阅读 · 0 评论