前端
文章平均质量分 53
普通网友
这个作者很懒,什么都没留下…
展开
-
vue3 ts setup父子组件传值
问题描述:使用<script lang="ts" setup>标签 获取ref总是找不到,起初我以为是传染子组件先后顺序问题 增加一个setTimeout 和nexttick,但是还是找不到ref。查看资料看到这种写法增加了三个语法糖(父子组件通信)使用defineEmit,defineProps,defineExpose这里我主要是想父组件 调用子组件的方法,所以使用defineEmit还有获取ref所以使用defineExpose父组件<template> <原创 2022-03-11 20:38:33 · 383 阅读 · 0 评论 -
uniapp数据缓存同步(setStorageSync)跟异步(setStorage)的区别
我一直都很喜欢用浏览器原生的本地存储,之前用得多这样子。前几天开发uniapp,用浏览器的原生本地存储,浏览器里没问题,但打包成app就不能用了。后来用了uniapp官方提供的本地存储,打包后能用,不得不说官方就是,但是第一次用的时候,这个同步异步让我有点懵。但这同步异步的存在,肯定是有它的道理的。我们先看看官方定义:uni.setStorage(OBJECT)将数据存储在本地缓存中指定的 key 中,会覆盖掉原来该 key 对应的内容,这是一个异步接口。uni.setStorage({ k原创 2022-03-11 19:15:05 · 950 阅读 · 0 评论 -
nvm安装 node版本报错npm命令不存在
因为项目需要用低版本的node,所以采用了nvm来切换node版本,想装v10.13.0版本的node,但是直接nvm install v10.13.0时,报以下错误(已经没有截图了),如下:Error while creating C:Program Files (x86)vm14.exe - open C:Program Files (x86)vm10.13.0ode64.exe: Access is denied. Could not download node.js v10.13.0 6原创 2022-03-11 15:14:31 · 1626 阅读 · 0 评论 -
Java项目学生管理系统(java+Springboot+Maven+mybatis+Vue+Mysql)
源码获取:博客首页 “资源” 里下载!一、项目简述本系统功能包括:学生管理,教师管理,课程管理,成绩管理,系统管理等等。二、项目运行环境配置:Jdk1.8 + Tomcat8.5 + Mysql + HBuilderX(Webstorm也行)+ Eclispe(IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持)。项目技术:Springboot + Maven + mybatis+ Vue 等等组成,B/S模式 + Maven管理等等。学生管.原创 2022-03-11 13:52:13 · 135 阅读 · 0 评论 -
FLASK+VUE--前后端分离(三)- VUE+Element-UI搭建登陆页面且能够正常登陆
FLASK+VUE–前后端分离(一)- Flask基础讲解之路由、视图函数及代码实现FLASK+VUE–前后端分离(二)- VUE基础安装及项目的简易介绍FLASK+VUE–前后端分离(三)- VUE+Element-UI搭建登陆页面且能够正常登陆FLASK+VUE–前后端分离(四)- VUE+Element-UI简单搭建主页布局FLASK+VUE–前后端分离(五)- VUE测试/线上/开发环境地址配置+拦截器+全局导航守卫+基础配置+获取设置cookie等系列一、简单介绍所用到的基本库及安装配置原创 2022-03-11 12:30:24 · 1625 阅读 · 0 评论 -
apifox介绍及使用(1)。
一、apifox简介及下载:1、apifox:是 API 文档、API 调试、API Mock、API 自动化测试一体化协作平台。2、定位 :Postman + Swagger + Mock + JMeter。3、下载与安装:官网下载地址:https://www.apifox.cn/按照需要下载对应版本,下载完毕后解压安装即可。二、apifox页面布局简介:1、apifox几个简单概念:(1)团队:该工具支持团队协同办公,可以根据需要 创建不同的团队,在工具页面左侧,显示自己的团队,也可新原创 2022-03-11 11:09:04 · 1641 阅读 · 0 评论 -
面向对象编程
年后来工作的我,be like:而且刷微博刷着刷着也会遇到一群说出我心中所想的话:呜呜呜~~(我是分割线)~~好啦,不管怎样生活总还是要继续的!在年后的这些天里我一边炫沙糖桔一边也开始陆陆续续开始重新投入学习,主要学习的是面向编程对象。同样先放上一张学习框架图:函数的定义和使用这一板块的内容主要是对之前Jquery的复习,复习了:函数的定义方法、函数的调用方法。(在这我就不做过多的赘述)this指向问题这一模块的内容主要是学习不同函数中this指向的对象是谁、改变函数内部this的原创 2022-03-10 13:26:08 · 87 阅读 · 0 评论 -
引入vuex 报错警告 “export ‘inject‘ was not found in ‘vue‘
引入Vuex时 警告 "export ‘inject’ was not found in ‘vue’同时控制台报错vue/cli 版本 4.5.15创建项目时没有下载vuex 后期自己下载的,看了一下下载的vuex版本时4.x.x 页面报错"export 'inject' was not found in 'vue'解决方案 :1.看一下自己的vuex版本是不是4.x.x ,如果是,先卸载vuex2.重新下载vuexnpm install vuex@3.4.0...原创 2022-03-10 10:40:50 · 1017 阅读 · 1 评论 -
前端常见浏览器兼容性问题解决方案
前言:不同浏览器的内核不尽相同,所以各个浏览器对网页的解析存在一定的差异。浏览器内核主要分为两种,一是渲染引擎,另一个是js 引擎所以浏览器兼容性问题一般指:css兼容、js兼容浏览器内核(渲染引擎)Chrome谷歌之前Webkit,已改Blink内核FireFox火狐GeckoSafari苹果WebkitIETridentOpera欧朋现已改用Google Chrome的Blink内核一、css兼容1. 不同浏览器的标签默认的margin和padding不同问题症原创 2022-03-09 14:21:55 · 6462 阅读 · 1 评论 -
【罗盘时钟---使用html,js,css编写。附源代码及效果】
代码罗盘效果.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" content="ie=edge"><title>js罗盘时钟原创 2022-03-09 13:01:26 · 642 阅读 · 0 评论 -
vue项目报错Uncaught (in promise) TypeError Cannot read properties of undefined (reading ‘getAttribute‘)
1.项目中用到了echarts图表,每次切换路由的时候,控制台就会报一堆错误:Cannot read property ‘getAttribute’ of undefine后来发现是设置了图表自适应导致的,在里面是使用addEventListener来进行图表自适应,但是在离开当前页的时候,没有清除,就导致了上面的报错。mounted () { window.addEventListener('resize', this.initEchart, 20) this.getEcharts原创 2022-03-09 11:38:08 · 4972 阅读 · 0 评论 -
vue3中的reactive函数声明数组
vue3中reacitve函数如何声明一个响应式数组,如以下案例<template> <div> <div v-for="item in arr" :key="item"> {{item}} </div> <button @click="change">change</button> </div></template><scr原创 2022-03-09 10:17:13 · 929 阅读 · 0 评论 -
vue 安装 vuex 报错 “export ‘xxx‘ was not found in ‘vue‘ (“export ‘watch‘ was not found in ‘vue‘) 并且显示空页面
报错如下:当安装vuex 启动项目报 如下错误"export ‘watch’ was not found in ‘vue’"export ‘reactive’ was not found in ‘vue’"export ‘inject’ was not found in ‘vue’解决方案:如果你的vue版本是 2.X ,将vuex升到 3.X.X 就能够解决npm install --save vuex@3.6.2如果你的vue版本是 3.X ,将vuex升到 4.X.X 就能够解决n原创 2022-03-09 08:42:28 · 1584 阅读 · 0 评论 -
TS2305 Module ‘“....node_modulesvuedistvue“‘ has no exported member ‘ref‘
项目场景:VUE3 中 报TS2305: Module ‘"…/…/node_modules/vue/dist/vue"’ has no exported member ‘ref’.问题描述:TS2305: Module ‘"…/…/node_modules/vue/dist/vue"’ has no exported member ‘X’vue3中所有的组件引入都报错,提示方法模块不存在原因分析:最开始以为是vue版本不对,从vue3.0.0升级到最新的vue3.2.20 依旧报错。后原创 2022-03-08 14:02:10 · 2126 阅读 · 3 评论 -
JS中利用switch语句编写成绩表判定成绩等级
题目描述:分数转换,给一个分数,判定等级。大于等于90 A,大于等于80小于90 B,大于等于70小于80 C ,大于等于60小于70 D,小于60 E <script> var score = parseInt(prompt('请输入分数:')); switch (true) { case score >= 90 && score <= 100: alert('A级')原创 2022-03-08 11:21:34 · 3999 阅读 · 0 评论 -
记录一下使用若依的权限使用
封装了一个指令权限,能简单快速的实现按钮级别的权限判断。v-permission(opens new window)使用权限字符串 v-hasPermi// 单个<el-button v-hasPermi="['system:user:add']">存在权限字符串才能看到</el-button>// 多个<el-button v-hasPermi="['system:user:add', 'system:user:edit']">包含权限字符串才能看到</原创 2022-03-07 10:06:56 · 3783 阅读 · 0 评论 -
最详细的avue属性及使用详细介绍
avue属性及使用详细介绍官方文档<template><!-- 基础组件 --> <basic-container> <!-- <el-button @click='exportHandle'>导出</el-button> --> <avue-crud 设置表格属性 :option="option" 用来存取页面的值 v-model="form"原创 2022-03-07 08:43:37 · 4138 阅读 · 0 评论 -
[移动端]移动端适配方案略解
文章目录css3新增单位remvw vh移动端适配方案flexible rem方案优点缺点vh、vw方案缺点css3新增单位remcss3 新增相对单位rem和em单位一样,都是一个相对单位,em是相对于父元素的font-size进行计算,即父元素的font-size为npx,则1em就代表npx,所以em单位在不同的元素或选择器中都不同因此我们需要一个在所有元素或选择器中都一致的一个单位,rem因此出现了rem是相对于根元素ht原创 2022-03-06 02:29:29 · 87 阅读 · 0 评论 -
VUE使用富文本编译器wangeditor,解决 core-jsmoduleses.object.to-string.js in .node_modules@babelruntimehe
VUE使用富文本编译器wangeditor解决* core-js/modules/es.object.to-string.js in ./node_modules/@babel/runtime/he报错1.终端安装wangeditornpm install wangeditor2.这个时候可能会报* core-js/modules/es.object.to-string.js in ./node_modules/@babel/runtime/he。不用担心,依赖的问题。下载一下就好了。1.停止运原创 2022-03-06 01:08:10 · 519 阅读 · 0 评论 -
uniapp 使用Vue3 setup组合式API 引入 uniapp 的 页面生命周期(onReachBottom)等方法
uniapp 使用Vue3 setup组合式API 引入 uniapp 的 页面生命周期方法(onReachBottom等)<script setup>// 引入 import { onReachBottom, onShow, } from '@dcloudio/uni-app';// 直接使用 即可 onShow(() => { // 业务逻辑})onReachBottom(() => { // 业务逻辑})<script>原创 2022-03-05 23:47:14 · 4038 阅读 · 2 评论