![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 54
普通网友
这个作者很懒,什么都没留下…
展开
-
vue3 setup 中的 emit事件触发
**vue3 setup 中的 emit事件触发**父组件<template> <PaymentDlg ref="paymentDlg" @onSaveOk="paymentTest" /></template><script setup>import PaymentDlg from './dashboards/payment-dlg.vue'import { ref } from "vue";const paymentDlg = ref(原创 2022-03-11 20:34:43 · 1603 阅读 · 0 评论 -
uniapp和小程序如何分包,详细步骤手把手(图解)
一、小程序分包每个使用分包小程序必定含有一个主包。所谓的主包,即放置默认启动页面/TabBar 页面,以及一些所有分包都需用到公共资源/JS 脚本;而分包则是根据开发者的配置进行划分。在小程序启动时,默认会下载主包并启动主包内页面,当用户进入分包内某个页面时,客户端会把对应分包下载下来,下载完成后再进行展示目前小程序分包大小有以下限制:整个小程序所有分包大小不超过 20M单个分包/主包大小不能超过 2M对小程序进行分包,可以优化小程序首次启动的下载时间,以及在多团队共同开发时可以更好的解耦协原创 2022-03-11 19:11:17 · 1546 阅读 · 0 评论 -
npm版本过高问题
npm install版本过高的问题在学习尚硅谷-谷粒学院-在线教育项目时,采用Vue前端界面模板,使用npm install 进行依赖安装时,出现了以下问题。npm ERR! code ERESOLVEnpm ERR! ERESOLVE unable to resolve dependency treenpm ERR!npm ERR! While resolving: vue-admin-template@3.8.0npm ERR! Found: html-webpack-plugin@4.0原创 2022-03-11 15:10:42 · 1884 阅读 · 0 评论 -
Java项目(前端vue后台java微服务)在线考试系统(java+vue+springboot+mysql+maven)
源码获取:博客首页 “资源” 里下载!考试流程:用户前台注册成为学生管理员后台添加老师,系统将该用户角色上升为老师老师登录,添加考试,添加题目,发布考试考生登录前台参加考试,交卷老师后台批改试卷,查看成绩考试查看成绩练习流程:考生登录前台参加练习,练习完自动判分,记录错题考生查看成绩,查看错题角色控制层:/** * 角色控制层 */@RestController@RequestMapping("/v1/authoriti.原创 2022-03-11 13:48:26 · 172 阅读 · 0 评论 -
Failed to load response dataNo data found for resource with given identifier
文章目录一、遇到问题二、原因分析2.1、form表单action请求打断了ajax请求2.2、映像图解释三、解决方法3.1、方式一:ajax改为同步3.2、方式二:分离ajax和form action3.3、方式三:阻止表单默认提交机制(1)修改按钮type为button(2)利用preventDefault()方法(3)form标签中添加οnsubmit=“return false;”一、遇到问题最近项目中表单提交需求遇到了这个问题。Failed原创 2022-03-11 12:26:38 · 4859 阅读 · 0 评论 -
ant-design-vue+vite主题切换详细步骤(简单案例)
现在越来越多的网站支持主题切换,我们的也要!在这,我们要实现两个例子,主题切换与夜间模式!主题切换:夜间模式:1、准备工作,初始化一个简单的vite项目安装 ant-design-vue和lessyarn add ant-design-vue@nextyarn add less --save因为ant-design-vue是使用less开发的,所以既然用了它,咱最好还是用和它一致的less。在main.ts中全局引入antd组件与样式import { createApp }.原创 2022-03-11 11:05:15 · 1420 阅读 · 2 评论 -
青龙美团饿了么
ql repo https://gitee.com/xiecoll/radish-script.git “lb_” “README” “sendNotify”添加任务运行一次自动拉库添加环境变量#饿了么export elmck=‘Alook浏览器抓ck直接全部复制进来’#美团export mtTk=‘只要xxxx里面的复制进来’(mt_c_token=xxxx)多账号用@隔开安卓获取CK方法:用Alook浏览器,UA自定义设置为(设置里面自己找下图我就不配了)Mozilla/5.0 (i原创 2022-03-10 13:22:26 · 972 阅读 · 1 评论 -
年年双十一,年年抢不到,自制Python淘宝秒杀抢购脚本,百分百中
大家好,我是不学前端的前端程序员,事情是这个样子的,前几天不是双十一预购秒杀嘛由于我女朋友比较笨,手速比较慢,就一直抢不到,她没抢到特价商品就不开心,她不开心,我也就不能跟着开心,就别提看6号的全球总决赛了为了解决这个问题,就决定写一个自动定时抢购的脚本。第一步:首先我的思路很简单,就是让“程序”帮我们自动打开浏览器,进入淘宝,然后到购物车等待抢购时间,自动购买并支付。第二步:导入模块,我们需要一个时间模块,抢购的时间,还有一个Python的自动化操作。代码如下:import da原创 2022-03-10 10:37:07 · 2312 阅读 · 1 评论 -
【新版本Chrome 98版本无法修改cookie解决方法】
这是我的浏览器版本方法一:浏览器输入chrome://flags/,搜索Partitioned cookies,将默认值改成Enabled即可。方法二:使用插件EditThisCookie去修改,还没具体试过,待研究。注意发帖日期,太久可能面临方法失效。...原创 2022-03-09 12:57:42 · 296 阅读 · 0 评论 -
vue项目中使用Luckysheet 的简单方法
Luckysheet 官方体验Demo ,一款纯前端类似excel的在线表格,功能强大、配置简单、完全开源。开发环境Node.js Version >= 6引入方式① CDN<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet/dist/plugins/css/pluginsCss.css' /><link rel='stylesheet' href='https://cdn.jsdeliv原创 2022-03-09 11:34:25 · 1683 阅读 · 0 评论 -
Vue3中this的替代方案
setup 在生命周期 beforecreate 和 created 前执行,此时 vue 对象还未创建,因无法使用我们在 vue2.x 常用的 this。解决办法是 vue 中的 getCurrentInstance 方法返回了 ctx 和 proxy,控制台打印 ctx 和 proxy 发现和 vue2.x 中的 this 等同,习惯使用 this 的同学可以用 proxy 进行替代。没有用 ctx 因为 vue3 项目打包后 ctx 会失效。也可以在 App.vue 用 provide + inje原创 2022-03-09 10:13:29 · 474 阅读 · 0 评论 -
vue 下echarts卸载和安装指定版本
卸载:npm uninstall echarts安装指定版本:npm install echarts@4.9.0 --save4.9版本下有地图,5.0版本以上失去这个功能,想要别的版本把@后的版本号改掉就行。原创 2022-03-09 08:38:44 · 2347 阅读 · 2 评论 -
thinkphp6搭建后端api接口
这段时间学习了一下简单搭建一个api接口后端服务,现在记录一下。本文主要内容下载tp6打开错误调试隐藏入口文件解决跨域问题-(使用全局中间件处理)路由解决api版本控制jwt token验证-(使用路由中间件验证)统一的参数返回形式异常捕捉自动生成api文档(插件实现)1、下载tp6我使用的是集成环境phpstuday,安装了composer,通过composer安装tp6,thinkphp官网已经不再支持直接下载。composer create-project topthin原创 2022-03-08 13:58:27 · 1354 阅读 · 1 评论 -
Js(二)SyntaxError Cannot use import statement outside a module
前言本章主要讲述js报错之SyntaxError: Cannot use import statement outside a module的解决一、问题描述问题:顾名思义,根据错误信息翻译【不能在模块外部使用导入语句】,即报错地方import { v4 as uuidv4 } from 'uuid’该导入语句在模块外二、解决方法由于在模块外,我们更改package.json即可,在文件中添加【“type”: “module”】“type”: “module”三、查看结果原创 2022-03-08 11:17:49 · 1483 阅读 · 0 评论 -
computed与watch的区别
1、功能上:computed是计算属性,watch是监听一个值的变化,然后执行对应的回调。2、是否调用缓存:computed中的函数所依赖的属性没有发生变化,那么调用当前的函数的时候会从缓存中读取,而watch在每次监听的值发生变化的时候都会执行回调。3、是否调用return:computed中的函数必须要用return返回,watch中的函数不是必须要用return。4、computed默认第一次加载的时候就开始监听;watch默认第一次加载不做监听,如果需要第一次加载做监听,添加immediate原创 2022-03-08 08:37:23 · 998 阅读 · 0 评论 -
解决:使用 Vue 3 Script Setup 时 ESLint 报错 ‘defineProps‘ is not defined
解决:使用 Vue 3 Script Setup 时 ESLint 报错 ‘defineProps’ is not definedVue 3 的 Script Setup 语法引入了 defineProps、defineEmits、defineExpose、withDefaults 的编译器宏。然而某些情况下,ESLint 会报错以上编译器宏函数未定义。本文将介绍两种解决方案来解决这个问题(假定你的项目使用 Vue-Cli 进行初始化)。Step 1. 检查 eslint-plugin-vue 的原创 2022-03-07 10:03:14 · 2420 阅读 · 0 评论 -
基于Vue和Node.js的电商后台管理系统
电商后台管理系统(前端项目) 预览后端API接口源码 下载. 接口API功能用于管理用户账号,商品分类,商品信息,订单,数据统计等业务功能开发模式电商后台管理系统整体采用前后端分离的开发模式,其中前端项目是基于Vue技术栈的SPA项目技术选型前端项目技术栈VueVue-routerElement-UIAxiosEcharts后端项目技术栈Node.jsExpressJwtMysqlSequelize接口API.后端源码 下载.ht原创 2022-03-06 05:08:37 · 983 阅读 · 1 评论 -
使用element插件中Descriptions遇到的坑
使用Descriptions 描述列表中的自定义label,打包后点击按钮新增一个el-descriptions-item时,最后一个item的标题发生改变解决办法:将以下代码替换<el-descriptions-item label-align="center"> <template #label> <div class="cell-item"> <span c原创 2022-03-06 03:47:47 · 4791 阅读 · 0 评论 -
[vue 进阶] 关于dicts字典的用法
前言在使用若依框架开发小项目的时候,发现在项目中频繁使用到字典,原本代码中的dicts没有深入研究,故自己写了一个混入来实现想要的字典获取功能。但是觉得每次切换页面都需要调用一下,而且每个系统都有一个mixins混入文件,感觉维护起来稍显繁琐。继而研究了一下dicts的用法,记录一下使用过程。1.首先确定字典的接口,在若依框架中如下,具体可根据自己后端提供的字典接口进行修改// 根据字典类型查询字典数据信息export function getDicts(dictType) { return r原创 2022-03-06 02:25:44 · 2116 阅读 · 0 评论 -
vue中组件的props属性(详)
今天这篇文章,让你彻底学会props属性……props主要用于组件的传值,他的工作就是为了接收外面传过来的数据,与data、el、ref是一个级别的配置项。问题一:那props具体是怎么使用呢?原理又是什么呢?往下看**1、【定义被调用组件】**首先,我们先定义一个person组件,用于显示个人信息的组件,我们放了一个人的姓名,性别,以及年龄,定义好这个组件之后,就可以等待其他组件进行调用。那么既然别的组件可以调用,我们就需要再定义一个props属性,用于接收别的组件传进来的值。**注意:**组原创 2022-03-06 01:04:26 · 2006 阅读 · 0 评论 -
Typescript中的as const断言
概要typescript在开发过程中广泛被应用,typescript的断言特性更是重中之重,今天和大家来讨论一下as const断言。代码和讨论我们首先来看一段代码, 如下:let a:string = "aaa";const b = "aaa";以上代码除了const和let两个关键子本身的不同之外,就是a和b两个变量的实际类型是不同的。变量a实际为一种宽泛的字符串类型,只要是字符串,即可赋值给变量a变量b实际为一种具体的值类型,类型为“aaa”,不可被修改,因为其他任何字符串赋值给b原创 2022-03-05 23:43:29 · 427 阅读 · 0 评论