
前端
文章平均质量分 54
普通网友
这个作者很懒,什么都没留下…
展开
-
uniapp返回上一页携带参数,两种方法,实测有效
方法一:pages/pre/pre.vue<template> <view> <view>返回的数据为:</view> <view>id: {{testdata.id}}</view> <view>name: {{testdata.name}}</view> <button type="primary" @click="goNext">跳转到下一页面</button>原创 2022-03-11 19:19:00 · 10270 阅读 · 2 评论 -
Parsing error Unexpected token错误解决方案
问题描述:import动态导入,将js文件单独打包时,webpack打包错误import('./test') .then((res) => { // 文件加载成功 console.log(res.mul(2, 5)); }) .catch(() => { console.log('文件加载失败'); });构建出错:ERROR in ./src/js/index.jsModule Error (from ../../node_modules/_原创 2022-03-11 15:18:30 · 5767 阅读 · 1 评论 -
Java项目角色权限后台脚手架系统(java+Springboot+Maven+myBaits-Plus+Vue+Element-UI+Mysql)
源码获取:博客首页 “资源” 里下载!Springboot框架+myBaits-Plus+MySQL实现的角色权限后台管理脚手架系统实战项目,实现的是所有系统最基础的后台管理功能,有了这个脚手架,以后开发别的项目就在这上面快速增加功能即可。本系统主要实现的功能有:菜单管理、角色管理、用户管理、登录、登出,不同的角色分配相应的权限,用户分配不同的角色登录后显示相应被分配的功能。本系统采用前后端分离的思想设计,后端采用springboot微服务架构,主要包含一个网关服务和一个权限管理服务,开发其他功能可.原创 2022-03-11 13:56:03 · 543 阅读 · 0 评论 -
get请求和post请求的区别(全面讲解)
1.get请求一般是去取获取数据(其实也可以提交,但常见的是获取数据);post请求一般是去提交数据。2.get因为参数会放在url中,所以隐私性,安全性较差,请求的数据长度是有限制的,不同的浏览器和服务器不同,一般限制在 2~8K 之间,更加常见的是 1k 以内;post请求是没有的长度限制,请求数据是放在body中;3.get请求刷新服务器或者回退没有影响,post请求回退时会重新提交数据请求。4.get请求可以被缓存,post请求不会被缓存。5.get请求会被保存在浏览器历史记录当中,p原创 2022-03-11 12:34:12 · 22443 阅读 · 2 评论 -
asyncawait让异步编程更简单,全方位讲解,手把手教你能不会?
简单来说,async/await是基于promises的语法糖,使异步代码更易于编写和阅读。一、async:async创建一个异步函数来定义一个代码块,在其中运行异步代码;怎样变成异步函数呢?以async这个关键字开始,它可以被放置在一个函数前面async function f() { return 1;}f().then(alert); // 1//上下结果一样async function f() { return Promise.resolve(1);}f().the原创 2022-03-11 11:12:50 · 124 阅读 · 0 评论 -
饿了么神级UI组件库——Element-UI使用指南
1.Element-UI介绍element-ui 是饿了么前端出品的基于 Vue.js的 后台组件库,方便程序员进行页面快速布局和构建。Element-UI官方站点:https://element.eleme.cn/#/zh-CN可以进去选择想要的组件,直接复制代码,改巴改巴,就可以运用到自己的项目场景。2.Element-UI使用2.1 命令行方式安装1. 创建 一个新的项目2. 当前项目下打开终端, 安装依赖包 ,执行下面的命令npm i element-ui -S3. 打开 ma原创 2022-03-10 13:29:54 · 40349 阅读 · 4 评论 -
前端报错TypeError Cannot read properties of undefined (reading ‘toString’)
前端以弹框形式报错TypeError: Cannot read properties of undefined (reading ‘toString’)我所遇到的是对一个数据进行toString()操作。例如对一个变量a进行toString()操作。但是此时变量a为undefined,那么就会报这个错。解决办法就是你定位到这个bug。你报错的时候执行了什么代码里面有没有toString()操作。然后有没有可能这个变量是undefined。然后解决办法就是用三目运算或者加一个判断处理此种情况。下面就是判断原创 2022-03-09 14:25:38 · 3999 阅读 · 0 评论 -
【走进浏览器】之Event Loop的那些事
走进 Event Loop大家都知道,在使用 setTimeout 或是其他异步任务的时候要多加小心,这是因为其涉及到了 Js 的事件循环机制。很多时候因为经验,我们不需要知道其原理就能避免一些错误,但今天我们还是来聊一聊,浏览器下的EventLoop机制的那些事~一、JavaScript 与单线程?JavaScript 语言的一大特点就是单线程,也就是说,同一个时间只能做一件事。那么,为什么 JavaScript 不能有多个线程呢?这样能提高效率啊。答:JavaScript 的单线程,与原创 2022-03-09 13:05:12 · 99 阅读 · 0 评论 -
Vue(踩坑)Error in render “TypeError Cannot read properties of undefined (reading ‘length‘)“
我在网上搜了好久,说是我层级太深了taskfillist我在vuex中的state中定义的是一个空数组<div v-if="taskfillist.length>0">解决办法:在组件mounted过程中,taskfillist声明的空数组。在taskfillist.length前面增加taskfillist&& <div v-if="taskfillist&&taskfillist.length>0">完美解决!原创 2022-03-09 11:44:53 · 1304 阅读 · 0 评论 -
vue3使用vuex
vue3 创建项目时勾选vuex,会自动生成一个store文件夹自带一个index.js如果构建项目时没勾选vuex,之后在单独安装vuex会报错,因为版本不兼容、这时候就可以用vue add vue-next这个命令会把项目中的一些依赖自动升级成支持vue3的版本单独安装需要自己创建文件夹与文件index.js:// 引入import { createStore } from "vuex";import axios from 'axios';export default crea.原创 2022-03-09 10:20:57 · 663 阅读 · 0 评论 -
Vue 生命周期和数据共享
Vue 生命周期和数据共享1. 组件的生命周期1.1 生命周期与生命周期函数1.2 组件生命周期函数的分类1.3 生命周期图示以及详解2. 组件之间的数据共享2.1 组件之间的关系2.2 父向子传值2.3 子向父传值2.4 兄弟之间的数据关系1. 组件的生命周期1.1 生命周期与生命周期函数生命周期是指一个组件从 创建 => 运行 => 销毁 的整个时间段,强调的是一个时间段。生命周期函数是由 vue 框架提供的内置函数,会伴随着组件的生命周期,自原创 2022-03-09 08:46:11 · 96 阅读 · 0 评论 -
TypeError Cannot read properties of undefined (reading ‘matched‘)vue项目创建之后写路由报错
vue项目创建之后写路由报错原代码:修改之后代码在 import 路由文件后,命名为Router,就会出现报错,原因:router 才是Vue实例化的配置字段名称,不识别其他的原创 2022-03-08 14:05:53 · 669 阅读 · 0 评论 -
npmFix the upstream dependency conflict, or retry npm ERR this command with --force, or --legacy-pe
问题原型解读因为node7在某些事件处理上比node6更加严格,解读上面的报错信息,找到解决方案解决npm install --legacy-peer-deps 即可成功安装 node_modules原创 2022-03-08 12:45:28 · 1173 阅读 · 0 评论 -
JS原型及原型链总结
原型&原型链一、为什么要使用原型?怎样去理解原型的出现1、对象字面量创建对象的缺点2、`工厂函数`3、构造函数二、使用原型三、原型概念辨析四、原型链练习一、为什么要使用原型?怎样去理解原型的出现1、对象字面量创建对象的缺点想要介绍原型,就不得不提为什么我们要使用原型,在js早期,我们创建一个对象,比较流行的做法是使用对象字面量去创建一个对象,例如:const person = { name: "wywy", a原创 2022-03-08 11:25:18 · 332 阅读 · 0 评论 -
HTML+JS 实现监控切屏
项目描述该项目是我在网上看其他博客的时候无意中看到的,看见别人居然能实现这种操作很好奇项目要求做到监控网页状态记录离开次数离开时间记录离开页面实现这个切换页面功能需要用到一个web的APIvisiblitychangevisibilitychange - Web API 接口参考 | MDN (mozilla.org)Document.visibilityState - Web API 接口参考 | MDN (mozilla.org)document.addEventListen转载 2022-03-08 10:04:54 · 2006 阅读 · 0 评论 -
CSS基础之CSS文本属性
文章目录前言1.color2.text-align3.font-size4.text-decoration5.text-indent6.line-height7.文本属性总结前言CSS 文本属性可以设置文本的 外观,比如文本颜色、对齐文本、装饰文本、文本缩进、行间距的等1.colorcolor属性用于定义文本的颜色 <style> div { color: blue; } </style原创 2022-03-08 08:44:51 · 276 阅读 · 0 评论 -
谷歌浏览器下载、安装、配置。(保姆级详细教程。)
1,首先找一个你电脑已经自带了的浏览器。然后打开浏览器。2,在浏览器里面的搜索框输入谷歌浏览器。然后进行搜索。找到带有官方标志的网址点击进去。(优先选官网下载,因为非官网的有时候会带有捆绑软件或病毒。)3,在谷歌浏览器界面找到下载界面。(1)去掉已勾选的将使用情况统计信息发送给谷歌。(这个去不去掉勾都可以下载,我只是不想过分泄露信息。)(2)点击下载Chrome。4,下载完先点保存。(我只是个人习惯哈,你们要是习惯直接点击运行也是没事的。)5,点击完保存后界面会发生变化,你继续点原创 2022-03-07 10:10:39 · 24005 阅读 · 1 评论 -
模板引擎?看这一篇就懂了
概念模板引擎可以让(网站)程序实现界面与数据分离,业务代码与逻辑代码的分离,这就大大提升了开发效率,良好的设计也使得代码重用变得更加容易。光看生硬的概念没有用,接下来我来给大家详细解释,这模板引擎究竟是何物?假设现在你打开电脑浏览器,进入某宝的网站,然后输入“笔记本”,唰的一下页面上就出现了琳琅满目的商品,让你是应接不暇,然后你又输入了“辣条”,一下子页面上又是不一样的商品了,这个时候,疑问就产生了:页面上的这些商品究竟是直接写在页面上的还是实时渲染的呢?毫无疑问,这些展示的商品肯定是实时渲染出原创 2022-03-07 08:47:20 · 209 阅读 · 0 评论 -
“export ‘default‘ (imported as ‘VueRouter‘) was not found in ‘vue-router‘
vue-router@4使用时,报上面的错,代码是这么写的import?VueRouter?from?'vue-router'const?Test?=?{template:?`<h1>测试</h1>`}const?routes?=?[??{????name:?'Test',????path:'/test',????component:?Test??}]const?router?=?VueRouter.createRouter({??//?4.原创 2022-03-06 02:33:14 · 349 阅读 · 0 评论 -
vue初始化项目出现 npm ERR fatal unable to access ‘httpsgithub.comnhnraphael.git‘ OpenSSL SSL_read
vue初始化项目出现npm ERR! fatal: unable to access ‘https://github.com/nhn/raphael.git/’: OpenSSL SSL_read:错误解决方法:没有安装预编译插件 我的项目是用sass 则安装即可npm install node-sass --save-devnpm install sass-loader --save-dev这样就解决啦~...原创 2022-03-06 01:11:56 · 819 阅读 · 0 评论 -
visible.sync 的作用
我们在前端开发中经常看到:visible.sync这种修饰符,很多人不知道这是干什么的,特别是在使用ElementUI的时候,里面有个弹窗el-dialog组件的时候会有用到:visible.sync<el-button type="text" @click="centerDialogVisible = true">点击打开 Dialog</el-button><el-dialog title="提示" :visible.sync="centerDialogVi原创 2022-03-05 23:51:00 · 275 阅读 · 0 评论