前端
文章平均质量分 50
普通网友
这个作者很懒,什么都没留下…
展开
-
Vue3.0+TS+Element-plus实现(若依版后台管理系统)
附上源码地址: Vue3.0+TS+Element-plus 后台管理系统模板准备工作安装vue3.0,npm create vue3-project选中这几项即可,不需要vuex, 我们自己封装状态管理。setup函数使用在.vue文件中, script 标签下代码都必须带有lang=“ts”。关于setup函数调用时间是在vue2的create之前触发,其他的生命周期相信大家都有所了解,这里就不做赘述了。setup有两种写法 ,常规写法<script lang="ts">i原创 2022-03-11 21:04:09 · 2136 阅读 · 1 评论 -
VS2019部署.NET Core项目到远程服务器IIS
准备:资源包下载(懒得下载的直接到我的资源列表下载https://download.csdn.net/download/baidu_39105563/17821875)已经打包好了,免费下载1、.net core 链接:https://dotnet.microsoft.com/download/dotnet/3.1下载界面如下:分别下载:.NET Core SDK和Runtime都要下载2、web-deploy链接:https://www.iis.net/downloads/microsoft/w原创 2022-03-11 19:40:18 · 300 阅读 · 0 评论 -
QueryWrapper常用方法
QueryWrapper常用方法MybatisPlus 使用QueryWrapper测试用例一、ge、gt、le、lt、isNull、isNotNull@Testpublic void testQuery() {QueryWrapper<User> queryWrapper = new QueryWrapper<>(); queryWrapper .isNull("name") .ge("age", 12)原创 2022-03-11 15:40:13 · 1839 阅读 · 0 评论 -
HTML写一个简单网页
最近学习了一点HTML,闲来无事写个网页看看,欢迎、改进、留言。演示地点:跳转到演示地点一、初始化页面body,button,dd,dl, dt,form, h1, h2, h3, h4, h5, h6, hr, input, legend, li, ol, p, pre, td, textarea, th, ul,a,div,span { margin: 0; padding: 0;}ul{ list-style: none;}a{ text-decoration: no原创 2022-03-11 12:55:18 · 1497 阅读 · 0 评论 -
CORS error错误 has been blocked by CORS policy前端请求浏览器出错
问题简述通过vue的axious拦截全局请求在请求头上加了identify和token字段后,访问后端zuul网关,浏览器出现错误,导致后台接收不了http包的自定义header字段,并不能很好的进行网关的鉴权。错误如下:Access to XMLHttpRequest at ‘http://127.0.0.1:27000/api/v1/index-infos’ from origin ‘http://’ has been blocked by CORS policy: Request header原创 2022-03-11 11:33:52 · 4818 阅读 · 0 评论 -
解决npm ERR code 128
npm install 后报错npm ERR! code 128npm ERR! An unknown git error occurrednpm ERR! command git --no-replace-objects ls-remote ssh://git@github.com/adobe-webplatform/eve.gitnpm ERR! git@github.com: Permission denied (publickey).npm ERR! fatal: Could not re原创 2022-03-10 12:30:06 · 1277 阅读 · 1 评论 -
vue中App.vue的主要作用
app.vue中不但可以当做是网站首页,也可以写所有页面中公共需要的动画或者样式。不在上面写代码也可以。app.vue是主组件,是页面入口文件,是vue页面资源的首加载项。所有的页面都是在app.vue中进行切换的。可以理解为所有的路由都是app.vue的子组件。...原创 2022-03-09 10:41:46 · 1134 阅读 · 0 评论 -
vue.js报错,遇到提示:To install it, you can run npm install --save core-jsmoduleses.array.slice
遇到这个问题是是版本的问题你可以先试一试1、npm install core-js@3.6.4如果不行在试一试2版本。2、npm install core-js@2我是使用第二个解决问题的,有的朋友是用的第一个;原创 2022-03-09 09:08:31 · 869 阅读 · 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-08 14:26:38 · 2279 阅读 · 0 评论 -
postman报错Error write EPROTO 93988952error100000f7SSL routinesOPENSSL_internalWRONG_VERSION_NUM
postman报错Error: write EPROTO 93988952:error:100000f7:SSL routines:OPENSSL_internal:WRONG_VERSION_NUMbug使用postman时报错如下 : Error: write EPROTO 93988952:error:100000f7:SSL routines:OPENSSL_internal:WRONG_VERSION_NUMBER:…/…/third_party/boringssl/src/ssl/tls_r原创 2022-03-08 13:06:16 · 6158 阅读 · 1 评论 -
Missing return type on function
解决办法,在.eslintrc.js文件里添加规则禁用ta "rules": { "@typescript-eslint/explicit-module-boundary-types": "off" },原创 2022-03-08 11:46:02 · 304 阅读 · 0 评论 -
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-08 10:25:41 · 1083 阅读 · 0 评论 -
el-cascader报错TypeError Cannot read properties of null (reading ‘level‘)
具体是把el-cascader封装到自己的组件里,然后在使用这个自己封装的组件时发现以下错误,不影响使用,只是控制台报错。我是在一个vue文件中反复使用了这个组件。估计问题是出现在 el-cascader 的反复渲染上,没关系,为每个级联选择器加个key1.每次组件渲染时 手动传入个index,发现不行2.直接在组件里给个key,在data里面设置初始值为0当config数据发生变化时,监听改变这个key值,齐活,收工!...原创 2022-03-08 09:05:32 · 1402 阅读 · 0 评论 -
问题解决之Cannot find module ‘fspromises‘
**现象:**在Electron项目升级了打包工具后打包失败:Cannot find module 'fs/promises'**原因1:**经过排查发现package.json和package-lock.json里打包工具版本不一致解决方法:重新安装指定版本的打包工具来更新package-lock.json对应的版本npm install xxxx@xxxxx --save原因2:Node版本过低解决方法:下载最新的稳定 Node 版本,如果是win7以下系统则需要升级windows系原创 2022-03-07 10:31:30 · 1877 阅读 · 1 评论 -
看完这篇 Session、Cookie、Token,和面试官扯皮就没问题了
Cookie 和 SessionHTTP 协议是一种无状态协议,即每次服务端接收到客户端的请求时,都是一个全新的请求,服务器并不知道客户端的历史请求记录;Session 和 Cookie 的主要目的就是为了弥补 HTTP 的无状态特性。Session 是什么客户端请求服务端,服务端会为这次请求开辟一块内存空间,这个对象便是 Session 对象,存储结构为 ConcurrentHashMap。Session 弥补了 HTTP 无状态特性,服务器可以利用 Session 存储客户端在同一个会话期间的一.原创 2022-03-07 09:08:00 · 154 阅读 · 0 评论 -
引入element-plus出现错误’this dependency was not found:‘element-pluslibtheme-chalkindex.css ‘
引入element-plus出现错误’this dependency was not found:'element-plus/lib/theme-chalk/index.css '出现问题:一开始我在main.js引入的代码为:import ElementPlus from 'element-plus'import 'element-plus/lib/theme-chalk/index.css'后面就出现了错误:this dependency was not found:'element-plu原创 2022-03-06 05:36:59 · 375 阅读 · 0 评论 -
利用Python+Django快速开发Web毕业设计
论文选题毕业设计的第一步是选择毕设的论文题目计算机专业的搞一个XXX系统应该是最简单也最容易通过,可以百度文库去搜,也可以CSDN去搜。大家懒得去搜的话,我直接给50个,拿走不谢!比如:本文给大家举例子我们以一个图书管理系统为例子开发工具和相关技术选择好了系统之后我们开始技术选型,如果大家大学学的比较扎实的话,自行选择自己熟悉适合自己的开发语言。如果不熟,题主的意思不会做,那我就默认属于计算机小白。那我就推荐一套入门简单,可以快速出成品的技术套件。1.服务端后台我们选择Python原创 2022-03-06 04:16:13 · 846 阅读 · 0 评论 -
【VUE】vue报错“‘vue-cli-service‘不是内部或外部命令,也不是...”的解决办法
问题描述项目执行npm run serve后报错产生原因(最大概率原因)由于在该代码中含有node_module依赖包,再拷贝到其他计算机时,项目路径发生变化,导致找不到vue-cli-service于是报错(其他出错情况,见下文扩展)因为该问题是出现在其他计算机上的,我本机上一直没有问题没有复现出bug,所以出错原因只是分析得出。而出现这个报错的情况也不止这一种,具体写在下文扩展中。解决办法删除node_module文件夹npm installnpm run serve即可解原创 2022-03-06 02:54:13 · 2328 阅读 · 1 评论 -
vue新春游戏-年兽大作战,欢欢喜喜过大年(可在线体验)
游戏地址: http://ihope_top.gitee.io/new-year-game/开发语言:vue运行平台:Chromegitee地址:https://gitee.com/ihope_top/new-year-gamegithub地址:https://github.com/heyongsheng/new-year-game游戏已开源,欢迎大家体验,也可以自行修改用作公司年会游戏等前言各位掘金的xdm,又是一年新春到,在这里提前给各位兄弟们拜年了,祝大家身体健康,万事如意。今天这篇.原创 2022-03-06 01:33:27 · 268 阅读 · 0 评论 -
vue3 二次封装element-plus 表格组件
由于项目中会频繁的使用表格,会出现非常多的重复代码,所以决定对element-plus的table组件进行封装,尽量避免代码冗余。代码如下:1.在components文件下新建Table/index.vue文件<template> <el-table v-loading="listLoading" :data="tableData" element-loading-text="Loading" fit border highlight-current-row :max-heigh原创 2022-03-06 00:12:02 · 1755 阅读 · 0 评论 -
Vue 移动端实现调用相机扫描二维码或条形码
一、开发前的准备实现二维码或条形码的扫描识别比较普遍的做法是去调用微信 JS-SDK 的扫一扫功能(详见 概述 | 微信开放文档),或者支付宝 H5 开放的API(详见?支付宝H5开放文档)。但是这两者都会比较麻烦且有一定的局限性,微信的扫一扫只能在微信里用,而且还需要公众号认证等配置操作。支付宝在内置 App 内可以同时识别二维码和条形码,但外部调用的 API 无法一次性同时识别,只能分开识别。我这里就提供一个直接使用的开源库:https://github.com/zxing-js/library,原创 2022-03-03 23:29:19 · 2533 阅读 · 1 评论 -
QueryWrapper常用方法
QueryWrapper常用方法MybatisPlus 使用QueryWrapper测试用例一、ge、gt、le、lt、isNull、isNotNull@Testpublic void testQuery() {QueryWrapper<User> queryWrapper = new QueryWrapper<>(); queryWrapper .isNull("name") .ge("age", 12)原创 2022-03-03 16:50:34 · 1438 阅读 · 0 评论 -
monaco-editor 格式化json,sql
初始化monaco-editor微软的开源项目有点坑,纯英文的文档对很多刚开始前端的小朋友很不友好,刚好这段时间公司的项目遇到了文本编辑,发现这个居然是微软的vscode网页版,巧了,刚好开发工具正是vscode,秉着用了这么久我还不熟悉你这玩意的心态,就开始看着官方文档琢磨了,没想到这玩意是真的坑,文档不全的厉害,很多修改难弄的很。一路写下来真的是头疼的厉害第一步:肯定是初始化这个插件npm install monaco-editor -simport * as monaco from 'mona原创 2022-03-03 15:46:04 · 2768 阅读 · 1 评论 -
HTTP请求与响应处理
1. 请求参数客户端向服务器端发送请求时,有时需要携带一些客户信息,客户信息需要通过请求参数的形式传递到服务器端,比如登录操作。2. GET 请求参数参数被放置在浏览器地址栏中,例如:http://localhost:3000/?name=zhangsan&age=20如下对请求参数进行解析:再利用es6中对象解构对代码进行优化:3. POST 请求参数参数被放置在请求体中进行传输获取POST参数需要使用data事件和end事件使用 querystring 系统原创 2022-03-03 14:41:31 · 756 阅读 · 0 评论 -
ECharts案例大全(最新版),含各种案例,实例。
前言:2022年2月以前,ECharts官网除了提供官方案例外,还额外提供了一个ECharts案例资源丰富的强大社区Make?A Pie来展示各类的ECharts案例。这对于广大开发者,特别是前端页面仔们来说简直是个福音网站。然后,现在却因不明原因,该社区被停用了。这一停用无疑给广大ECharts使用者们带来一阵阴影(ps:要是遇上复杂的ECharts图标需求,那不得每次都是重头画起。呜呜~~)方法一:不过不要慌张,本着遇到问题就解决问题的干劲,社区动力大佬为大家重新整理了一份几乎和原MakeA Pi.原创 2022-03-03 13:37:07 · 1141 阅读 · 1 评论 -
还在用vuex吗,pinia(菠萝头)才香
1. 什么是pinia通俗的讲 :① vuex精简版 ,而且vue官方更加推荐使用。②优势又完胜于vuex ,下面我们来了解下pinia。2.优势pinavuexpinia 同时支持vue2和vue3vue2要用vuex 3 版本vue3要用vuex 4 版本不分同步异步,更好的ts支持分同步异步,不太兼容ts享受自动补全…需要注入,导入函数,调用他们…3. 使用 (非常简单)① 安装npm install pinia②在 main.js 中 加入import {原创 2022-03-02 13:24:17 · 429 阅读 · 0 评论 -
解决Postman报错Could not send request
报错情况:解决办法:启用agent,并选择可用的agentSetting —— Proxy —— Use Postman Desktop Agent —— Bowser Agent另:如果你选的agent是可以使用的,右下角会有一个关于agent选择的绿色的小勾,此处Bowser agent可用:如果选择的agent是不可用的,会变成红色的感叹号,并且在send处提示该agent不可用:此处desktop agent不可用:...原创 2022-03-02 04:27:28 · 3236 阅读 · 0 评论 -
报错Can‘t import the named export ‘xxx‘ from non EcmaScript module (only default export is available)
报错:Can’t import the named export ‘xxx’ from non EcmaScript module (onlydefault export is available)按照Element官网的文档引入element-plus组件后项目跑不起来了!如图:解决方法:只需要在 vue.config.js 中加入规则配置再重新npm run srve即可configureWebpack:{ module: { rules:原创 2022-03-02 03:23:58 · 5141 阅读 · 0 评论 -
前端案例:基于el-table和el-pagination实现数据的分页效果
首先使用 el-table(表格) 和 el-pagination(分页) 组件需要npm 下载 Element UI 组件库,下载安装方式参见官网:Element - The world’s most popular Vue UI frameworkElement,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库[这里是图片001]https://element.eleme.cn/#/zh-CN/component/installation目录一、案例效果二、实现步骤&原创 2022-03-02 02:20:23 · 3061 阅读 · 0 评论 -
【值得收藏】面试会用到的十个常用的数组方法JS实现(一)
【手撕代码系列】之十个常用的数组方法JS实现(一)?? 通俗易懂的实现方式,帮助我们认识相应的方法?? 收藏本系列,基础进阶两不误?? 本系列持续更新,欢迎查看线上地址写在前面代码实现系列是与手写代码相关的第一个系列。知识点总结的再多,也离不开思考和实践,否则就是空中楼阁,本系列顺序由浅至深。欢迎大家交流,探讨~一、chunk将数组(array)拆分成多个 size 长度的区块,并将这些区块组成一个新数组。 如果array 无法被分割成全部等长的区块,那么最后剩余的元素将组成一个区块。原创 2022-03-02 01:16:46 · 91 阅读 · 0 评论 -
vue3没有this怎么办
在vue3中,新的组合式API中没有this,那我们如果需要用到this怎么办解决方法:getCurrentInstance 方法获取当前组件的实例,然后通过 ctx 或 proxy 属性获得当前上下文,这样我们就能在setup中使用router和vuex了import { getCurrentInstance } from "vue";export default { setup() { let { proxy } = getCurrentInstance(); proxy.原创 2022-03-02 00:13:16 · 3512 阅读 · 0 评论