前端
文章平均质量分 56
普通网友
这个作者很懒,什么都没留下…
展开
-
Element UI中的table组件添加横向滚动条
如何给Element UI中的table组件添加横向滚动条并非是浏览器自带滚动条样式,而是类似于Element滚动条样式话不多说直接上代码 .el-table__body-wrapper::-webkit-scrollbar { width: 8px; /*滚动条宽度*/ height: 8px; /*滚动条高度*/ } .el-table__body-wrapper::-webkit-scrollbar-track { border-radius: 10px; /*原创 2022-03-12 12:55:55 · 13298 阅读 · 2 评论 -
Vue3.0正确引入Element UI组件的正确姿势 (Element-plus)
1命令引入参照官方文档:https://element.eleme.cn/#/zh-CN/component/installationnpm i element-ui -Smain.js中引入报错后 看官方文档 发现vue3已经不支持原来的饿了么ui了 需要使用与vue3适配的Element-plus官网说明 :https://element-plus.gitee.io/#/zh-CN/component/installation这次是得注意安装 element-plusnpm install原创 2022-03-11 21:28:20 · 1395 阅读 · 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-11 19:49:41 · 1153 阅读 · 0 评论 -
React-router-V6.0路由的使用
我的有道云参考文档一、路由的介绍React Router 是一个基于 React 之上的强大路由库,它可以让你向应用中快速地添加视图和数据流,同时保持页面与 URL 间的同步通过react-router主要创建单页面的大型应用(SPA)二、安装路由先通过npx create-react-app搭建一个项目1、在react的项目中安装路由react-router或者react-router-domnpm install react-router-dom --savepackage.json里原创 2022-03-11 15:49:45 · 348 阅读 · 0 评论 -
IDEA 2021.3创建java web项目(最新版,很详细,手把手创建)
IDEA 2021.3创建java web项目(最新版,很详细,手把手创建)IntelliJ IDEA:官网下载地址IntelliJ IDEA是一种商业化销售的Java集成开发环境(Integrated Development Environment,IDE)工具软件,由JetBrains软件公司(前称为IntelliJ)开发,提供Apache 2.0开放式授权的社区版本以及专有软件的商业版本,开发者可选择其所需来下载使用。因为自身学习的时候第一次使用IDEA,初次创建javaweb项目的时候,发现现原创 2022-03-11 13:04:31 · 911 阅读 · 0 评论 -
CSS实现:红绿灯效果横向布局考试表单页
红绿灯效果使用HTML+CSS实现如图所示的红绿灯效果。从图中我们可以知道有三个不同颜色的圆,并且三个圆都在灰色矩阵之中<style> * { margin: 0; padding: 0; box-sizing: border-box; } .parent { width: 200px; height: 600px;原创 2022-03-11 11:43:06 · 283 阅读 · 0 评论 -
解决vue报Provided config url is not valid
报错的原因:因为之前vue项目中在main.js使用了Vue.use(axios)而造成的报红解决方法如下:npm安装vue-axios并引入即可解决问题的所在点。npm install --save vue-axios引入vue-axiosimport VueAxios from 'vue-axios'Vue.use(VueAxios,axios);...原创 2022-03-10 12:39:15 · 1089 阅读 · 0 评论 -
文件上传漏洞
文件上传文件上传是现代互联网常见的功能,允许用户上传图片、视频、及其他类型文件,向用户提供的功能越多,Web受攻击的风险就越大。文件上传漏洞上传文件时,如果未对上传的文件进行严格的验证和过滤,就容易造成文件上传漏洞,上传脚本文件(包括asp、aspx、php、jsp等)恶意上传行为可能导致网站甚至整个服务器被控制。恶意的脚本文件又被称为WebShell,WebShell具有强大的功能,如查看服务器目录、服务器中文件、执行系统命令等。文件上传漏洞成因文件上传漏洞的成因(复杂),一方面,We原创 2022-03-10 11:18:19 · 2181 阅读 · 1 评论 -
在Tomcat中部署web项目出现http状态-404 -未找到详细解决方案
问题描述:当我们向tomcat服务器发起请求时,出现如下的错误状态提示–404.这个问题在开发过程中可能会经常遇到,所以做一个归纳总结:以下的内容适用于IDEA,使用其他编辑器的小伙伴们需要注意区别。情景①–> 访问的资源并不存在,仔细检查文件名与路径中的文件名是否一致,比如:hello.jsp写成了hallo.jsp。情景②–> 虚拟路径没有写对,可以在配置tomcat里查看虚拟路径名,一般请求路径中包含虚拟路径名(也可以不包含),例如:http://localhost:8080原创 2022-03-10 09:53:58 · 3845 阅读 · 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-09 13:35:08 · 909 阅读 · 0 评论 -
[JS]Tue Feb 01 2022 000000 GMT+0800 (中国标准时间) 日期格式化
Tue Feb 01 2022 00:00:00 GMT+0800 (中国标准时间) 转化为 yyyy/MM/dd HH:mm:ss<script>/*获取当前年月*/var now = new Date(); //当前日期 var nowMonth = now.getMonth(); //当前月 var nowYear = now.getFullYear(); //当前年 //下月的开始日期var monthStartDate = new Date(nowYear, nowMon原创 2022-03-09 12:14:45 · 1882 阅读 · 0 评论 -
vue中集成jsplumb报错`Cannot read property ‘parentNode‘ of null`,且无法渲染连线的问题
简介我在项目中使用了typescript+vue+jsplumb作为流程图框架。问题我在容器中使用的是v-for指令渲染。从配置文件中读取流程图的json并且存入this.items变量中通过v-for指令,调用this.item,渲染一系列组件作为流程图的节点。在this.paintFlowchart方法中进行端口Endpoint和连线Connector的添加。代码:mounted(){ this.items = JSON.parse(JSON.stringify(demoGraph原创 2022-03-09 10:50:51 · 1455 阅读 · 0 评论 -
vue3 Failed to resolve component router-view
Failed to resolve component: router-viewIf this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElementvue3解析component: router-view失败解决://app.use(router) 需放在app.mount(’#app’)前面 不然加载时router-view、原创 2022-03-09 09:29:58 · 1898 阅读 · 0 评论 -
uniapp刷新当前页面
template部分<view class="btn"> <text @click="RedirectPage(item.Id)">查看详情</text></view>methods部分RedirectPage(id){ uni.setStorageSync("ProductionTaskId",id); uni.navigateTo({ url:"/pages/ProductionTask/ProductionTaskDetails2/P原创 2022-03-09 07:55:54 · 3154 阅读 · 0 评论 -
python正则表达式入门
??今天我们来学习python的正则表达式的部分,先说下为什么要学习这一部分呢,当然是因为正则表达式处理文本类型的数据实在是太方便了。为以后进入nlp领域打打基础!先给大家推荐一个网站: 用于正则表达式验证.大致就长这个样子。这里写目录标题1.基础知识2.贪婪模式和非贪婪模式3.反斜杠的用途4.中括号的用法5.匹配启始和结束位置6.括号的用法—组选择7.正则表达式切割字符总结1.基础知识普通字符:普通字符的含义就是字节匹配他们。特殊字符:它们出现在正则表达式中,不原创 2022-03-08 13:15:23 · 166 阅读 · 0 评论 -
mybatis-plus 自定义QueryWrapper(一)实现查询函数
前言以下所有代码和观点来源均为 <dependency> <groupId>org.mybatis.spring.boot</groupId> <artifactId>mybatis-spring-boot-starter</artifactId> <version>2.0.1</version> </depend原创 2022-03-08 11:55:06 · 1404 阅读 · 0 评论 -
java8的Stream中max()函数
java8的Stream遍历Map嵌套Map,通过比较内部map的某个值,返回当前的mapMap<String, Object> max = originalFieldMap.entrySet().stream() .map(entry -> { String value = entry.getValue().toString(); return Jso原创 2022-03-08 10:34:44 · 8507 阅读 · 0 评论 -
element-plus新版本icon使用
最近使用element-plus的icon总是不显示,也是头发掉了一大把,测试了很多办法以后也终于是解决了。记录一下解决方案。<el-form-item> <el-input :prefix-icon="Avatar" v-model="form.username" placeholder="用户名"></el-input></el-form-item><script>export default { name: "Logi原创 2022-03-08 09:14:34 · 193 阅读 · 0 评论 -
8.Django怎样去调用漂亮的HTML前端页面?
引言:Django如何调用HTML前端页面呢?Django怎样去调用漂亮的HTML前端页面呢就直接使用render方法即可!render方法是django封装好用来调用HTML前端模板的方法!1.模板放在哪?在主目录下创建一个templates目录用来存放所有的html的模板文件。(如果是使用pycharm创建django项目的话,默认就会自动创建这个目录哦!但是用命令创建django项目的话是没有此目录的!)templates目录里面再新建各个以app名字命名的目录来存放各个app中的.原创 2022-03-08 07:54:30 · 321 阅读 · 0 评论 -
10 个超棒的 JavaScript 简写技巧
今天我要分享的是10个超棒的JavaScript简写方法,可以加快开发速度,让你的开发工作事半功倍哦。开始吧!1. 合并数组普通写法:我们通常使用Array中的concat()方法合并两个数组。用concat()方法来合并两个或多个数组,不会更改现有的数组,而是返回一个新的数组。请看一个简单的例子:let apples = ['??', '??'];let fruits = ['??', '??', '??'].concat(apples);console.log( fruits );//原创 2022-03-07 20:43:37 · 89 阅读 · 0 评论 -
面向对象编程
年后来工作的我,be like:而且刷微博刷着刷着也会遇到一群说出我心中所想的话:呜呜呜~~(我是分割线)~~好啦,不管怎样生活总还是要继续的!在年后的这些天里我一边炫沙糖桔一边也开始陆陆续续开始重新投入学习,主要学习的是面向编程对象。同样先放上一张学习框架图:函数的定义和使用这一板块的内容主要是对之前Jquery的复习,复习了:函数的定义方法、函数的调用方法。(在这我就不做过多的赘述)this指向问题这一模块的内容主要是学习不同函数中this指向的对象是谁、改变函数内部this的原创 2022-03-07 10:40:34 · 77 阅读 · 0 评论 -
@vitejsplugin-vue requires vue (>=3.2.13) or @vuecompiler-sfc to be present in the dependency tree
运行项目的时候,首先会提示要安装@vue/compiler-sfc 但是安装后运行项目成功但是页面是空白并且报错__VUE_HMR_RUNTIME__ is not defined摸索了半天 查看到package.json依赖文件 没有vue-loader手动添加vue-loader重新cnpm install 运行vue run serve 启动成功...原创 2022-03-07 07:53:47 · 1300 阅读 · 0 评论 -
前端基础需要学什么?这篇文章帮你梳理清楚,另附有前端面试551道题
前言之前小编写了一篇前端面试套餐:Vue面试题总结+JavaScript前端经典面试题+100道 CSS 面试题文章,有讲到打算后面单独写一篇详讲前端基础学什么,拖了这么久终于出来了哈哈哈哈。至于前端怎么学,小伙伴们可以看看这篇文章,有详细讲了3个学习方法,点击这直接跳转到文章。让我们一起看看,前端基础都要学些什么?抛开面试,系统学习在一切之前,应该系统地去学习前端的基础知识。 对前端而言,这些基础包括 HTML,CSS,JavaScript,浏览器原理,网络协议,MVVM 框架和一些必要的计算机基础原创 2022-03-06 04:25:20 · 136 阅读 · 0 评论 -
【已解决】Uncaught ReferenceError require is not defined
当我们使用electron的时候,想要使用nodejs以及第三方的时候出现Uncaught ReferenceError: require is not defined,这种问题的时候,也许并不是我们的问题而是少了配置。也可能是版本的问题。如图:而我们只需要再加一个配置,这个错误提示就会消失,webPreferences: { nodeIntegration: true, contextIsolation:false // 把这一项加上错误就会消失 }补充:nodeInteg原创 2022-03-06 03:03:23 · 3781 阅读 · 2 评论 -
Vue路由——vue-router
目录前端路由与后端路由路由后端路由前端路由vue-router路由vue-router基本用法前端路由与后端路由路由路由(routing):指从源到目的地时,决定端到端路径的决策过程。路由分为两大类:前端路由和后端路由。后端路由后端路由是指:请求方式,请求地址与function处理函数之间的对应关系。例如在node.jszhong ,express路由的基本用法如下:const express=require('express');const ro原创 2022-03-06 01:42:34 · 244 阅读 · 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-06 00:21:10 · 503 阅读 · 0 评论 -
2021-2022 年 前端面试汇总 (完善中 ···)
2021-2022 年 Vue 面试题 汇总一、Web面试题1.web常见的五种前端布局方式(1)文档布局(text)文档流本质是 nomal flow (普通流、常规流)元素在文档中的特点 块级元素,和内联元素。缺点:在移动端不可以使用pc端的页面,两个页面的布局是不一致的,移动端需要自己再设计一个布局并使用不同的域名呈现(2)浮动布局(float)浮动一般用于让块级元素排成一行在同一行显示任何元素都可浮动,如一个元素设置为浮动元素,浮动元素无论最初是什么都会变成一个行块级元素,拥有di原创 2022-03-05 20:06:10 · 482 阅读 · 0 评论 -
vue-element-admin安装依赖的坑
1.从git 上拉 项目git clone https://github.com/PanJiaChen/vue-element-admin.git报错1:$ git clone https://github.com/PanJiaChen/vue-element-admin.gitCloning into ‘vue-element-admin’…fatal: unable to access ‘https://github.com/PanJiaChen/vue-element-admin.git原创 2022-03-03 23:38:32 · 1077 阅读 · 0 评论 -
uniapp uni-popup弹出层组件 弹窗 无法弹出 自定义样式问题
uni-popup弹出层组件之前用到弹出层组件时发现弹出时会有一层灰色的遮罩,后来调试了几次发现是因为没有自定义给弹出层宽高,尝试了几次终于做到自己想要的效果,话不多说,直接附上完整代码:效果图:<template> <view> <view class="sign_text" @tap="toggle('center')"> <text style="line-height: 60px;margin-top: 12px;">点击弹出<原创 2022-03-03 22:32:08 · 2855 阅读 · 0 评论 -
TypeError Cannot read properties of undefined (reading ‘state‘)
写个刚好写个项目中要用到vuex在app里面挂载了一个player组件main.js里也引用了这个store文件但报了一个Error in render: "TypeError: Cannot read properties of undefined (reading ‘state’)import Store from './store/index'import Vue from 'vue'import App from './App.vue'import router from './route原创 2022-03-03 21:37:22 · 508 阅读 · 0 评论 -
Node Sass version 6.0.0 is incompatible with^4.0.0
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原创 2022-03-03 15:55:10 · 852 阅读 · 0 评论 -
Java+MySQL 基于Springboot+vue的疫情社区防控系统#毕业设计
项目编号:Java+MySQL spring225-基于Springboot疫情社区防控系统#毕业设计开发语言:Java开发工具:IDEA /Eclipse数据库:MYSQL5.7应用服务:Tomcat7/Tomcat8使用框架:springboot+vue随着冠状病毒在全球的爆发,全球都进去了相当严格的疫情管控。小区是以当前城市居住中的一个非常重要的环节,小区内一般都集中居住了大量的居民,一旦某个高危人群,如果放任不管让他四处和小区内的人接触将会引起非常严重的后果,所以很多时候我们要对小区内的原创 2022-03-03 14:50:33 · 8294 阅读 · 3 评论 -
Electron 项目搭建采坑 RequestError connect ETIMEDOUT 20.205.243.166443
最近因项目需求,采用Electron,在进行项目初始化的时候碰到一个问题,经过多次Google才解决,所以特别记录一下,免得以后遗忘。报错如题:RequestError: connect ETIMEDOUT 20.205.243.166:443最近不知道怎么回事,总是打不开 github.com,要么就是加载慢的要死。直到遇到这个问题并经过处理后再打开 gitbub 就快了不少。标题废话不多说,上干货。首先感谢 境与界,这是他的博客地址根据前辈【境与界】的操作步骤一步一步的来哈。1.原创 2022-03-03 13:46:08 · 2665 阅读 · 0 评论 -
2w字大章 38道面试题 让你彻底学会JavaScript的this指向问题
前言当一个函数调用时,会创建一个执行上下文,这个上下文包括函数调用的一些信息(调用栈,传入参数,调用方式),this就指向这个执行上下文。this不是静态的,也并不是在编写的时候绑定的,而是在运行时绑定的。它的绑定和函数声明的位置没有关系,只取决于函数调用的方式。本篇文章有点长,涉及到很多道面试题,有难有简单,如果能耐心的通读一编,我相信以后this都不成问题。学习this之前,建议先学习以下知识:JavaScript之预编译JavaScript之手撕newJavaScript之手撕ca原创 2022-03-03 11:54:42 · 90 阅读 · 2 评论 -
1.运行npm install 时,卡在sill idealTree buildDeps没有反应
1. npm install一直停留在fetchMetadata: sill mapToRegistry uri http://registry.npmjs.org/whatwg-fetch可以使用如下命令设置为淘宝的镜像源:npm config set registry https://registry.npm.taobao.org?2. 使用如下命令检验是否成功:npm config get registry?输出淘宝镜像路径3. 继续运行npm install就可以继续安装成功原创 2022-03-03 00:03:59 · 1914 阅读 · 1 评论 -
都2021年了,再不学ES6你就out了 —— 一文搞懂ES6
JS干货分享 —— 一文搞懂ES6导语:ES6是什么?用来做什么?1. let 与 const2. 解构赋值3. 模板字符串4. ES6 函数(升级后更爽)5. Class类6. Map()导语:ES6是什么?用来做什么?ES6, 全称 ECMAScript 6.0 ,是 JavaScript 的下一个版本标准,2015.06 发版虽然15年就有正式版本了,但是国内普遍商用是在2018年之后去了,甚至到现在有很多前端仍然搞不懂ES6(都2021年了,兄dei~)原创 2022-03-02 13:33:28 · 108 阅读 · 0 评论 -
springboot+vue前后端分离项目(后台管理系统)
学习笔记学习资源来自于B站UP,up他讲的非常详细,对于熟悉两大框架很有用。我的作业源代码在文章末尾,欢迎有需要的同学,学习参考使用,内置SQL文件,导入后,开启springboot和vue服务即可使用,注意更改自己的数据库信息配置,一起学习,一起进步哦!!一、所使用的环境配置:编译器:IDEA后台框架:SpringBootMybatis-Plus数据库:Mysql8.0数据库工具:Navicat premium前端框架:VueElement UI引用的富文本编辑器:wangEdito原创 2022-03-02 12:28:43 · 381 阅读 · 1 评论 -
前端面试:你了解Promise吗?
Promise用于处理一些需要花费长时间的任务,进行异步处理,防止任务阻塞。一般是说解决了回调地狱的问题。那什么是回调地狱?用吃来做比喻:我想吃火锅function getTea(fn) {setTimeout(() => {fn(‘火锅’)}, 1000)}getTea(function (data) {console.log(data);})1s后输出:火锅。(回调函数获取异步数据,所以这里用的是fn,而不是直接return结果。)为了解辣我还想喝奶茶fu原创 2022-03-02 02:29:22 · 113 阅读 · 0 评论 -
vue基础 - 24 (vue3 生命周期:onBeforeMount、onMounted、onBeforeUpdate、onUpdated、onBeforeUnmount、onUnmounted)
setup相当于之前的created周期:创建时onBeforeMount:DOM即将挂载onMounted:DOM挂载完毕onBeforeUpdate:DOM即将更新onUpdated:DOM更新完毕onBeforeUnmount:即将销毁onUnmounted:销毁完毕<script lang="ts">import { defineComponent, onBeforeMount,onMounted } from 'vue'//声明周期:vue3中名称发生了变更//s转载 2022-03-02 00:22:11 · 3936 阅读 · 0 评论 -
npm install 安装依赖时,出现 operation not permitted, mkdir Dnodejsnode_cache_cacachetmp
**问题:**说什么权限不够 等等1.解决方法:以管理员身份运行 “黑窗口”,进行安装下载就可以了,但是治标不治本。2.解决方法:也就是治本的方法安装好node,在 “黑窗口” 输入node -v 和 npm -v 都可以正常显示对应的版本号然后在配置npm 全局文件时,不要用以下命令进行配置npm config set prefix "D:odejsode_global" //设置全局包目录npm config set cache "D:odejsode_cache" //设置缓存目录原创 2022-03-01 23:18:40 · 417 阅读 · 0 评论