前端
文章平均质量分 55
普通网友
这个作者很懒,什么都没留下…
展开
-
vue3.0 子组件调用父组件中的方法
在vue2中,子组件调用父组件,直接使用this.$emit()即可。但是在vue3中,很显然使用this.$emit() 已经开始报错了,为什么会报错呢?原因是:在vue3中setup是在声明周期beforeCreate和created前执行,此时vue对象还未创建,因此我们无法使用this。那么我们在vue3中,子组件该如何调用父组件的函数呢?方法一:首先写一个 Child.vue,重点在 setup 函数中引入 context 形参,配合 emit 使用。定义了两个函数,toFather原创 2022-03-11 21:02:26 · 1826 阅读 · 0 评论 -
vite框架使用eslint+prettier配置,并且将错误信息显示在浏览器界面上
在vscode编辑器当中使用vite框架,配置eslint:首先在vite项目中,安装eslint-plugin-vue依赖npm install --save-dev eslint eslint-config-prettier eslint-plugin-prettier eslint-plugin-vue eslint-plugin-html prettier @babel/plugin-syntax-dynamic-import babel-eslintoryarn add eslint原创 2022-03-11 19:38:41 · 681 阅读 · 0 评论 -
qiankun 常见问题集合(一)
qiankun 常见问题集合(一)1. loader.js:220 Uncaught (in promise) Error: [qiankun] You need to export lifecycle functions in app4 entry答: 此问题由于微应用中没有暴漏qiankuan的生命周期;需要在微应用工程中加入相关的生命周期函数;具体位置应为微应用中webpack的entry 值指向的js文件中添加即可;export async function bootstrap() {原创 2022-03-11 15:38:33 · 1634 阅读 · 0 评论 -
HTML——表白(效果+代码)
目录效果代码说明效果代码demo.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" conte转载 2022-03-11 12:53:42 · 7072 阅读 · 0 评论 -
打开vscode会出现Vetur can‘t find `tsconfig.json` or `jsconfig.json` 警告,如何去除关闭忽略
首先打开左下角的设置按钮中的设置,在搜索框中输入vetur.ignore,并在勾选框中勾选即可原创 2022-03-10 11:07:36 · 527 阅读 · 0 评论 -
十个古老而又强大的正则表达式,能让你少写1000行JS代码
正则表达式,十分古老而又强大。熟悉掌握并使用,可以在编程时节省很多时间和精力,开发效率得到极大的提升。比如下面这十个正则表达式,是日常前JS开发中经常用到的,且都验证过,可直接使用,建议收藏:1、Email地址验证var reg = /^[a-z0-9]+([._\-]*[a-z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$/;var email = “[email protected]”;if(email.match(reg) == null原创 2022-03-09 14:44:50 · 106 阅读 · 0 评论 -
Vue——必知必会
文章目录项目准备1,初识Vue2,模版语法3,数据绑定4,el与data的第二种写法5,MVVM模型6,事件处理基本使用参数传递修饰符7,计算属性与监听计算属性监听属性8,class与styleclassstyle9,条件渲染10,列表渲染列表过滤列表排序更新条件11,过滤器12,其他常用指令项目准备有两种方式:1,单个html文件(推荐)Vue——入门案例2,Vue脚手架Vue——转载 2022-03-09 10:40:10 · 83 阅读 · 0 评论 -
vue.js中使用甘特图(gantt-elastic)的使用
在vue中使用甘特图(gantt-elastic)做进度跟踪公司要使用甘特图插件来跟踪任务的进度 ,在使用这个插件的过程中踩了太多的坑了,很多配置都没有文档的 连英文文档都没有,然后就看了源码研究了下具体的配置,具体的配置我都在下面的文章中截图有备注了。如果说有什么问题给我留言 我这边会在看到的第一时间回复。一、首先要安装gantt-elastic这个插件在npm官网上下载 https://www.npmjs.com/package/gantt-elasticnpm install --save g原创 2022-03-09 09:06:55 · 7280 阅读 · 14 评论 -
uni-file-picker 文件选择上传踩坑
https://ext.dcloud.net.cn/pluginid=40791、第一步必须导入uniapp的云服务空间,不然会报错uniCloud.chooseAndUploadFile is not function2、<uni-file-picker :value=“videoValue” @success=“successVideo”@fail=“failVideo” limit=“1” file-mediatype=“video” mode=“grid” />// 上传成原创 2022-03-08 14:25:03 · 1886 阅读 · 0 评论 -
Postman 汉化教程
Postman 汉化教程(Postman中文版)迷恋自留地postman官网下载地址https://www.postman.com/downloads/postman汉化包https://github.com/hlmd/Postman-cn/releases1.首先从官网下载postMan安装包2.下载postMan 汉化包(app.zip)3.将汉化包解压并复制到Postman目录下示例 C:UsersPrideAppData`LocalPostmanapp-8.10.0 esourc原创 2022-03-08 13:04:38 · 2179 阅读 · 1 评论 -
Maven升级3.8.1后maven-default-http-blocker (http0.0.0.0) Blocked mirror for repositories
Maven升级3.8.1后Blocked mirror for repositories问题分析解决思路思路一: 降低Maven 版本到3.8.1 以下思路二:增加节点思路三:将镜像仓库从http 变成https思路四:注释掉 $MAVEN_HOME/conf/settings.xml 中的拦截标签解决方案相关的文章问题当 Maven 升级到3.8.1 之后,执行 mvn clean package 命令后会报错如下:maven-default-http-bloc原创 2022-03-08 11:44:28 · 574 阅读 · 0 评论 -
IDEA+Java+Servlet+JSP+Bootstrap+Mysql实现Web学生成绩管理系统
目录?一、系统介绍1.开发环境2.技术选型3.系统功能4.数据库5.工程截图二、系统展示1.注册页面2.登录页面3.学生-主页面4.学生-个人信息-查询登录密码5.学生-个人信息-查看个人信息6.学生-个人信息-修改个人信息7.学生-成绩管理-成绩信息查看8.教师-主页面9.教师-个人信息-查询登录密码10.教师-个人信息-查看个人信息11.教师-个人信息-修改个人信息12.教师-课程管理-课程信息查看13.教师-课程管理-添加课程信息14.教师-成绩管理-成绩信原创 2022-03-08 10:24:05 · 346 阅读 · 0 评论 -
Edge无法翻译、插件无法下载(已解决)
1.编辑host文件:win10打开C:WindowsSystem32driversetc2.以管理打开添加然后保存:#Edge翻译117.28.245.88 edge.microsoft.com #商店扩展117.28.245.88 msedgeextensions.sf.tlu.dl.delivery.mp.microsoft.com #微软账户117.28.245.88 logincdn.msauth.net117.28.245.88 login.live.com117.28.245原创 2022-03-08 09:03:57 · 1525 阅读 · 2 评论 -
都2022年了,你的前端工具集应该有vueuse
**摘要:**一款基于Vue组合式API的函数工具集。本文分享自华为云社区《vueuse:我不许身为vuer的前端,你的工具集只有lodash!》,作者: 前端要摸鱼 。vueuse 是什么一款基于Vue组合式API的函数工具集。以上是官方网站关于它的定义。首先,它基于Vue Composition Api (组合式API),只有在支持组合式API的环境下,才可以正常使用它;什么是组合式API然后,它是一款函数工具集(可类比为lodash.js/ramda.js);简单来说,这是一个能让你.原创 2022-03-07 10:29:54 · 96 阅读 · 0 评论 -
开源web框架django知识总结(一)
开源web框架django知识总结(一)django起源:1.2005年发布,采用python语言编写的开源web框架2.早期的时候django主要做新闻和内容管理的3.重量级的python web框架,django配备了常用的大部分组件组件:包含组件如下:1.基本配置文件/路由系统2.模型层(M)/模板层(T)/视图层(V)3.Cookies和Session4.Admin后台管理用途:1、网站/微信公众号/小程序后端开发浏览器—>http请求—>django2、人工原创 2022-03-06 05:35:22 · 212 阅读 · 0 评论 -
创建 vue 项目 报错:command failed npm install --loglevel error --legacy-peer-deps
用 vue-cli 创建vue项目时,报了个错: command failed: npm install --loglevel error --legacy-peer-deps,。然后看报错信息,装了个包,可以了。输入 vue create vue_demo 后,完整的输出信息:发现有个提示是这样的:npm ERR! path C:UsersxuanDesktopgittestvueClivue_demonode_modulescoanpm ERR! command failed根据上面的信息原创 2022-03-06 04:14:36 · 643 阅读 · 0 评论 -
【Vue3.0】报错 Cannot read properties of undefined (reading ‘use‘)
vue3.0 项目引用element-plus,运行项目报错,main.js代码如下import Vue from 'vue'import { createApp } from 'vue'import App from './App.vue'import ElementPlus from 'element-plus'import 'element-plus/dist/index.css'Vue.use(ElementPlus)createApp(App).mount('#app')vue原创 2022-03-06 02:52:37 · 2223 阅读 · 3 评论 -
vue插槽总结
一、认识插槽Slot前面我们会通过props传递给组件一些数据,让组件来进行展示,但是为了让这个组件具备更强的通用性,我们不能将组件中的内容限制为固定的div、span等等这些元素,比如某种情况下我们使用组件,希望组件显示的是一个按钮,某种情况下我们使用组件希望显示的是一张图片,我们应该让使用者可以决定某一块区域到底存放什么内容和元素。所以有了插槽的存在,我们可以提高组件的复用性,并且也提高组件的灵活性。二、插槽的基本使用直接在其中使用<slot></slot>三、插槽的原创 2022-03-06 01:31:49 · 93 阅读 · 0 评论 -
Vue3 中setup()和<script setup><script>
setup()方法在组件创建之前执行,是组合式 API 的入口方法可以接受两个参数 props 和 contextsetup方法中,要将数据暴露给页面模板,需要结合ref,和reactive,并使用return官网例子:<!-- MyBook.vue --><template> <div>{{ readersNumber }} {{ book.title }}</div></template><script>原创 2022-03-06 00:10:25 · 442 阅读 · 0 评论 -
Vue 数组中出现__ob__ Observer无法取值[已解决]
问题说明在开发项目中经常要从数据库中拿到数组然后复制给新的数组使用,但是会发现有时候会发现带有 __ob__: Observer 数组后缀的就是没有办法取到值,更可怕的是 console.log 却能看得到值。数组如下图所示:解决问题那么针对这样的问题博客上基本上都是说要将数组转化成string对象运用这个JSON.parse(JSON.stringify(数组))再进行赋值,然后一顿操作数组变成空!!! 说实话根本不是这个原因,哎被坑了一下午!那么首先先解释一下为什么数组后面会出现__ob__:原创 2022-03-03 23:27:42 · 441 阅读 · 0 评论 -
qiankun 常见问题集合(一)
qiankun 常见问题集合(一)1. loader.js:220 Uncaught (in promise) Error: [qiankun] You need to export lifecycle functions in app4 entry答: 此问题由于微应用中没有暴漏qiankuan的生命周期;需要在微应用工程中加入相关的生命周期函数;具体位置应为微应用中webpack的entry 值指向的js文件中添加即可;export async function bootstrap() {原创 2022-03-03 16:48:58 · 3492 阅读 · 1 评论 -
Module parse failed Unexpected token
这是react的4.01~4.03版本比较坑的地方,先看报错./src/index.js 1:43Module parse failed: Unexpected token (1:43)File was processed with these loaders:./node_modules/@pmmmwh/react-refresh-webpack-plugin/loader/index.js./node_modules/react-scripts/node_modules/babel-load原创 2022-03-03 15:44:28 · 2423 阅读 · 0 评论 -
HTML笔记4
大一小何,还在学习当中,欢迎交流指正~要开学了,整理一下最近的笔记目录?内联框架音视频css 简介css语法?选择器常用选择器?复合选择器关系选择器属性选择器伪类选择器?元素的伪类?伪元素选择器结语内联框架内联框架:用于向当前页面中引入一个其他页面src指定要引入的网页路径frameborder指定内联框架的边框<!DOCTYPE html><html lang="en"><head> <meta c.原创 2022-03-03 14:39:54 · 55 阅读 · 0 评论 -
ECharts实现数据可视化入门教程(超详细)
ECharts实现数据可视化入门教程(超详细)ECharts介绍ECharts入门教程第一步:下载并引入scharts.js文件第二步:编写代码目录结构编写index.html代码效果展示ECharts的基础配置主要配置(常用的)案例讲解补充示例链接立即执行函数让图表跟随屏幕自适应ECharts介绍官网链接:Apache EChartsECharts是一个使用 JavaScript 实现的开源可视化库,可以流畅的运行在 PC 和移原创 2022-03-03 13:35:33 · 1624 阅读 · 0 评论 -
还在使用Postman?一款集文档、调试、Mock、性能调试于一身的工具分享
?? 个人主页:?? 版权: 本文由【】原创、在CSDN首发、需要转载请联系博主?? 如果文章对你有帮助、欢迎关注、点赞、收藏(一键三连)和订阅专栏哦?? 想寻找共同成长的小伙伴,请点击【技术圈子】文章大纲野心很大的工具-Apifox常见功能使用1、团队、项目管理界面2、实际项目管理(环境、接口文档、Mock)3、自动化测试4、数据导入和导出小结作为一名开发工程师,在功能开发完成后无可避免的需要进行自我测试、提供测试文档、与前端联调,要求更高...原创 2022-03-02 13:22:40 · 82 阅读 · 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://[email protected]/adobe-webplatform/eve.gitnpm ERR! [email protected]: Permission denied (publickey).npm ERR! fatal: Could not re原创 2022-03-02 04:25:54 · 685 阅读 · 0 评论 -
打开vscode会出现Vetur can‘t find `tsconfig.json` or `jsconfig.json` 警告,如何去除关闭忽略
首先打开左下角的设置按钮中的设置,在搜索框中输入vetur.ignore,并在勾选框中勾选即可原创 2022-03-02 03:22:24 · 443 阅读 · 0 评论 -
vue3安装vuex报错: Could not resolve dependency npm ERR peer vue@“^2.0.0“ from [email protected]
解决方法: 输入npm install vuex@next --save,就可以安装成功原创 2022-03-02 00:11:41 · 1390 阅读 · 0 评论 -
uniapp页面滚动监听
先在前面总结下,下面一共有3种监听滚动的方法。昨天在做uniapp的图片懒加载,从网上找了个插件,导入到HBuilderX后,捣鼓了一晚上,总算是正常跑起来了。今天早上,把代码copy到项目上,结果只有第一屏的图片能展示,滑动后,下面的图片都不显示了!-_-!因为有了昨晚的经验,很快就定位到问题是滚动监听出现了问题。这个插件的图片懒加载一个关键的地方就是用到滚动监听。第一种在普通页面可以用生命周期的“onPageScroll”方法,如下:onPageScroll(e) { // 传入scro原创 2022-03-01 21:21:28 · 2752 阅读 · 0 评论