前端
关注
分享
扫一扫
文章平均质量分 60
普通网友
这个作者很懒，什么都没留下…
展开
-
TypeError Converting circular structure to JSON --＞ starting at object with constructor ‘Vue‘
vue sessionStorage TypeError: Converting circular structure to JSONvue-admin-template顶部网页加载横条特别慢，打开浏览器调试界面，发现报错TypeError: Converting circular structure to JSON --> starting at object with constructor ‘Vue’ ，定位到permission.js中的代码sessionStorage.setItem(原创 2022-03-12 13:14:33 · 4446 阅读 · 0 评论 -
vue+elementui 登录注册页面实现
1.实现效果2. 代码实现2.1使用elementUI文档中Tabs标签页2.2在components中新建两个文件 login.vue register.vuelogin.vue<template> <div class="login"> <div class="login_form"> <p>后台管理系统</p> <el-tabs v-model="activeName" @tab-cli原创 2022-03-11 20:09:00 · 1801 阅读 · 0 评论 -
Uncaught SyntaxError Cannot use import statement outside a module的解决方法
本地html文件中的script标签引入ES6的模块，直接在浏览器中打开该html文件，发现报错了：Uncaught SyntaxError: Cannot use import statement outside a module对应的index.html:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" con原创 2022-03-11 18:46:00 · 2924 阅读 · 0 评论 -
springboot+vue前后端分离项目（后台管理系统）
学习笔记学习资源来自于B站UP，up他讲的非常详细，对于熟悉两大框架很有用。我的作业源代码在文章末尾，欢迎有需要的同学，学习参考使用，内置SQL文件，导入后，开启springboot和vue服务即可使用，注意更改自己的数据库信息配置，一起学习，一起进步哦！！一、所使用的环境配置：编译器：IDEA后台框架：SpringBootMybatis-Plus数据库：Mysql8.0数据库工具：Navicat premium前端框架：VueElement UI引用的富文本编辑器：wangEdito原创 2022-03-11 16:09:11 · 461 阅读 · 0 评论 -
node.js和npm的安装与环境配置（2021最新版）
安装node.js1、进入官网下载：node.js官网我选择的是windows64位的，你可以根据自己的实际情况选择对应的版本。2、下载完成，安装。打开安装程序接受协议选择安装位置，一会儿还要用。我选择的是：D:Program Files odejs下一步，next即可不用勾选，直接next点击install，等待安装完成测试是否安装成功win+r输入cmd打开命令行，输入node，如下图显示，表示安装成功，我安装的版本是16.13.0由于node.js默认配置了np原创 2022-03-11 14:45:23 · 525 阅读 · 0 评论 -
JavaScript中数组常用的19种方法总结
1、length获取数组长度var arr = [1,2,3,4,5];arr.length;//52、toString()返回由数组中每个值的字符串形式拼接成的一个以逗号分隔的字符串var arr = [1,2,3,4,5];arr.toString();//"1,2,3,4,5"3、valueOf()返回数组对象本身var arr = [1,2,3,4,5];arr.valueOf();//[1,2,3,4,5]4、join()将数组中所有元素组成字符串，并可以规定分隔符原创 2022-03-11 13:23:17 · 275 阅读 · 0 评论 -
2021必知必会的vite+vue3项目最佳实践
2021学什么2021第一更是尤大的Vite2，全新插件架构，丝滑的开发体验，和Vue3的完美结合。 2021年第一弹，村长将以Vite2+Vue3为主题开启大家的前端学习之旅。“我自己是一名从事了6年web前端开发的老程序员（我的微信：webxxq），今年年初我花了一个月整理了一份最适合2021年自学的web前端全套培训教程（视频+源码+笔记+项目实战），从最基础的HTML+CSS+JS到移动端HTML5以及各种框架和新技术都有整理，打包给每一位前端小伙伴，这里是前端学习者聚集地，欢迎初学和进阶中原创 2022-03-11 10:40:09 · 1152 阅读 · 0 评论 -
贪吃蛇进阶版本（javascript）
昨天写了一个贪吃蛇的小游戏，在写完之后，因为自己平时喜欢打王者荣耀这一类的游戏，所以在想能否将这个游戏进阶一下，当完成一定的要求之后，他就晋级。于是写了下面的代码：示例图如下：这个是贪吃蛇初级版本：这是贪吃蛇高阶版本：这个是当贪吃蛇最终通关过后的版本：他会有一个动态的烟花效果：下面是代码：初级贪吃蛇：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">原创 2022-03-10 12:57:42 · 170 阅读 · 0 评论 -
测试工具篇：postman技巧
在日常开发中我们经常以两种情景：因为接口部署在不同的环境（一般至少是三个，开发，测试和线上），所以我们在测试接口时需要来回切换它的url，或是同样的接口要分成至少三份有些b端项目中对于 token 的时效性要求比较苛刻，我现在做的这个项目token的有效时间只有10分钟，很明显我们不可能把时间浪费在获取token上，但是我们在发送请求的时候又要带上有效的 token ，那么我们必然要在测试接口之前发送一个获取 token 的请求很幸运，postman 完全可以解决以上需求，第一个需求需要 po.原创 2022-03-10 11:36:47 · 277 阅读 · 0 评论 -
关于 vue3 reactive 重新赋值的问题
问题：一个带默认值的数组，每次更新数据都重置该数组到原始状态, 之后push新值到list中，见以下代码：import { reactive, ref } from 'vue'export default { setup() { // 需要一个带默认值的数组list; let list = reactive([{id: 1, name: 'Andy'}]) // 每次触发事件重置list，把新值放入,此种方式不会触发视图更新 const checkBtn =原创 2022-03-09 13:53:34 · 12871 阅读 · 0 评论 -
【214情人节】低调奢华有内涵的python程序猿撒狗粮的正确姿势（附源码）
目录一.?效果演示1. 原图-效果图对比2. 看出两张图片的区别了吗？二. 代码架构三. 功能实现3.1?图片处理3.2 html 使用form表单，真心话和图片文件的布局3.3 js 上传文件3.4 服务端 python flask四. 源码下载《孟子.梁惠王下》【独乐乐不如众乐乐】情人节就要到了，小伙伴们一起来皮一皮吧~ ，正如春晚大张伟所言：我们要做自己的气氛大王！一.效果演示1. 原图-效果图对比2. 看出两张图片的区别了吗？将效果图放大，放大，再放大，原创 2022-03-09 12:33:07 · 154 阅读 · 0 评论 -
vue实例下的computed什么时候执行？
初始化的时候执行和相关的data发生变化后执行。举个例子，当我修改第一行和第二行时，第三行就会发生改变。改变前：改变后：代码：<form id="app" action=""> <div> <label>姓 <input type="text" placeholder="请输入你的姓" v-model="xing"> </label> </div>原创 2022-03-09 11:09:25 · 1834 阅读 · 0 评论 -
vue3+element-plus里prefix-icon图标使用不显示的问题
问题描述：今天在写项目登录的时候，需要在账号/密码处加上icon图标，但是引用完element-plus/icons之后，还是不行，不显示icon图标。后面发现，当前版本的emement-plus的icon图标不能直接使用了，需要以引用组件的方式引用，而且不能全局引用，只能单独引用，比如说使用user的icon图标，需要 app.component(“user”,user)这样引用之后，再使用prefix-icon="user"下面说下如何不单独引用icon。main.js里面统一注册icon// 统原创 2022-03-09 09:48:50 · 2138 阅读 · 0 评论 -
vite.config.js中vite.defineConfig is not defined以及创建最新版本的vite项目
vite.defineConfig is not defined原因是vite版本太低，没能从vite中解构出来，升级版本即可。创建最新版本的vite项目npm init @vitejs/app原创 2022-03-09 08:14:07 · 2717 阅读 · 0 评论 -
nodeinternalmodulescjsloader936 throw err； ^ Error Cannot find module ‘fabric-ca-client‘
fabric测试fabcar示例时，执行node enrollAdmin.js时报错误，具体如下：原因，npm 安装包有误，如底下有node_modules文件夹，先执行命令：rm -rf node_modules/，再执行npm install，再执行npm update即可原创 2022-03-08 12:13:25 · 284 阅读 · 0 评论 -
JavaScript数组你都掰扯不明白，简历上你敢写精通JavaScript？
目录一、如何判断一个对象是不是数组？二、填充方法fill()1、ES6新增了两个方法2、fill()三、复制方法```copyWithin()```四、栈方法五、队列方法六、排序方法七、操作方法八、搜索和位置方法1、严格相当搜索2、断言函数九、迭代方法1、every()和some()2、filter()3、map()4、foreach()十、归并方法reduce()往期精彩推荐：[Java学习路线总结](https://blog.csd原创 2022-03-08 10:53:07 · 143 阅读 · 0 评论 -
Error in nextTick “TypeError Cannot read properties of undefined (reading ‘init‘)“首次点击页面跳转找不到
场景如下，第一次点击找不到init（一般人做不出来这种操作） /** 新增按钮操作 */ handleAdd(id,couponStatus) { this.reset(); if(id==0||id==1){ this.$nextTick(() => { //弹窗开关 this.addOrUpdateVisible=true this.$refs.AddOrUpdate.init(id原创 2022-03-08 09:32:51 · 1012 阅读 · 0 评论 -
axios+vue整合和小demo
<div id="app"> <input type="button" value="获取笑话" @click="getJoke"> <h1> {{ joke }} </h1> </div> <script src="https://unpkg.com/axios/dist/axios.min.js"></script> <.原创 2022-03-08 08:12:49 · 152 阅读 · 0 评论 -
2021年React常见的面试题以及答案(持续更新中...)
React常见的面试题以及答案说说对React的理解？有哪些特性？区分Real DOM和Virtual DOM什么是JSX和它的特性？类组件和函数组件之间有什么区别？了解 Virtual DOM 吗？解释一下它的工作原理。说说对 State 和 Props的理解，有什么区别？说说对React refs 的理解？应用场景？setState是同步还是异步super()和super(props)有什么区别？说说对React事件机制的理解？React事件绑定的方式有哪些？区别？React组原创 2022-03-07 21:02:48 · 12470 阅读 · 2 评论 -
解决 webpack-dev-server --inline --progress --config buildwebpack.dev.conf.js 报错
解决 webpack-dev-server --inline --progress --config build/webpack.dev.conf.js 报错目前存在这种情况，可能是三个原因造成的1.webpack版本与vue版本不一致2.本地运行IP地址不正确3.本地运行localhost与127.0.0.1映射被修改1.webpack版本与vue版本不一致查看vue版本vue -V2.9.6卸载、安装对应版本webpacknpm uninstall webpack-de原创 2022-03-07 09:35:22 · 1461 阅读 · 0 评论 -
手把手带你10分钟手撸一个简易的Markdown编辑器
前言最近我在项目中需要实现一个 markdown编辑器 的需求，并且是以React框架为开发基础的，类似掘金这样的：我的第一想法肯定是能用优秀的开源就一定用开源的，毕竟不能老是重复造轮子。于是我在我的前端群里问了很多群友，他们都给了甩过来一堆开源的markdown编辑器项目，但我一看全是基于Vue使用的，不符合我的预期，逛了一下github，也没看到我满意的项目，所以就想自己实现一个啦需要实现的功能我们自己实现的话，看看需要支持哪些功能，因为做一个初版的简易编辑器，所以功能实现得不会太多，但绝对够原创 2022-03-07 08:11:59 · 575 阅读 · 0 评论 -
前端页面报Failed to load resource the server responded with a status of 404 ()解决方法
解决方法：第一种：1.在https://www.bitbug.net/中做个favicon.ico文件放在根目录下2.在head标签引入favicon.ico文件即可<link th:href="${'/favicon.ico'}" rel="shortcut icon">第二种：不愿意做图标或者还没想好图标做成什么样，可以直接在head标签插入以下代码也OK <link rel="shortcut icon" href="#" />详细博客: https://ww原创 2022-03-06 04:43:47 · 2395 阅读 · 0 评论 -
一文看懂vue3中setup()和 ＜script setup＞＜script＞的区别
setup ()setup () 是vue3新增加的组件。vue3采用了组合式 API ，为了使用组合式API，我们需要一个入口，在vue3组件中，称之为setup。(简单点来说，就是vue2里面的data，method，computed···全不要啦，所有数据方法全写在setup里)来看一个简单的例子:<template> <div class="box"> <h1 style="text-align: center;">{{testData}}&l原创 2022-03-06 03:21:51 · 2864 阅读 · 2 评论 -
webpack打包基本使用与认识
webpack基本使用模块化方式存在兼容性问题但是有一些兼容性问题，并没有导入成功，于是使用webpack转化为不兼容性代码，转换之后屏蔽兼容性development开发模式不会进行压缩代码production模式生产模式会进行压缩和混淆代码输出了main.js文件main.js没有兼容性production模式，进行了代码的压缩webpack打包没有配合输入输出就默认打包src目录下的index.html文件，输入dist目录的main目录配置webpack自..原创 2022-03-06 02:01:02 · 167 阅读 · 0 评论 -
Vue3中使用Sass详解
如何在vue3中使用Sass？第一步：安装sass相关版本这是使用的版本号，安装时自己选择的是npm作为包管理工具，自己可以去选择下载一下，在有的项目中可能安装后会报错，百度了一下基本都是版本问题，安装的时候需要注意一下安装版本，在package.json文件中可以查看到相关版本。安装方法举一个单例：如：npm install sass-loader@7.0.3如果是新建项目，也可以直接将下列代码全部复制到package.json中然后使用npm install命令安装相关包：如果是以前项目，原创 2022-03-06 00:39:40 · 3127 阅读 · 0 评论 -
vite.config.js配置入门与小记
1 如何创建vite项目？step 1 : npm init vite@latest yarn create vitestep2 :npm init vite@latest my-vue-app --template vuenpm 7+, 需要额外的双横线：npm init vite@latest my-vue-app -- --template vue# yarnyarn create vite my-vue-app --template vue2 如何让vite项目启动时自动打原创 2022-03-03 22:53:10 · 2107 阅读 · 0 评论 -
Springboot： 报This application has no explicit mapping for error 解决方法
Controller控制器使用@RestController可以正确返回数据，但当使用@Controller时不能返回页面，报错如下Whitelabel Error PageThis application has no explicit mapping for /error, so you are seeing this as a fallback.网上找过，基本都是说有是三个原因1. Application启动类的位置不对，要将Application类放在最外侧，即包含所有子包；比如你的项原创 2022-03-03 17:19:55 · 1143 阅读 · 1 评论 -
Java项目个人博客系统(前后端分离+java+vue+Springboot+ssm+mysql+maven+redis)
源码获取：博客首页 “资源” 里下载！一、项目简述本系统功能包括：文章展示、热门文章、文章分类、标签云用户登录评论、匿名评论用户留言、匿名留言评论管理、文章发布、文章管理文章数据统计等等．二、项目运行环境配置： Jdkl . 8 + Tomcats . 5 + Mysql + HBuilderX ( Webstorm 也行） + Eclispe ( IntelliJ 10 以，三 clispe , MyEclispe , Sts 都支持）。项目技术： Springboot + Maven +.原创 2022-03-03 15:10:39 · 213 阅读 · 0 评论 -
Error Request failed with status code 404 at createError (createError、跨域问题、axios、404、500
前后端分离，写axios时常见报错常见问题-跨域（要配置一下vue.config.js）噢跨域的解释、定义：当前所在页面的url去请求后台提供的url的时候，这两个url的相比较之下，如果协议类型、域名、端口号其中任何一个不一致就会发生跨域问题1. 404可能是后端的bug，还没部署好(接口未处理)之类的可能是前端问题：路径错误（拼写错误！！！）跨域问题-路径没写对这是我main.js的配置（个人习惯不一样，可能不同噢）这是vue里面的写法，需要注意记着写写’${}‘否则跨域原创 2022-03-03 14:06:08 · 1157 阅读 · 0 评论 -
axios详解
文章目录axios是干啥的原生XMLHttpRequest实现axios介绍发送并发请求axios API创建一个实例Config配置选项默认设置全局默认设置实例中自定义默认值设置的优先级响应信息(response schema)拦截器interceptors错误处理取消请求axios是干啥的上古浏览器页面在向服务器请求数据时，因为返回的是整个页面的数据，页面都会强制刷新一下，这对于用户来讲并不是很友好。并且我们只是需要修改页面的部分数据，但是原创 2022-03-03 12:14:41 · 197 阅读 · 0 评论 -
什么是防抖和节流？有什么区别？如何实现？
防抖：高频率触发的事件,在指定的单位时间内，只响应最后一次，如果在指定的时间在触发，则重新计算时间(后面触发的事件执行，替代了前面的事件)function debounce(fn,time) { let timeout = null; // 创建一个标记用来存放定时器的返回值 return function () { clearTimeout(timeout); // 每当用户输入的时候把前一个 setTimeout clear 掉 timeout原创 2022-03-02 12:48:46 · 120 阅读 · 0 评论 -
用html做一个漂亮的网站，个人网页，css
多的不说，直接上网页注意这只是静态的网页我个人自学的，样子不是恒好看，但是可以作为作业（老师也没怎么讲，毕竟是在 大学里面嘛，大部分时间都是自学罢了）源代码文件可在这里下载??下载地址aliyunpan自己下链接放这里了我用阿里云盘分享了「个人网页」，你可以不限速下载复制这段内容打开「阿里云盘」App 即可获取链接:ALiYunPan下载地址这是主页面index.html<html lang="en"><head> <meta charset="U原创 2022-03-02 03:52:41 · 739 阅读 · 0 评论 -
如何使用最新Microsoft Edge打开Flash页面
如何使用最新Microsoft Edge打开Flash页面使用最新版本的IE浏览器无法打开flash相关的页面,有关最新版本的谷歌内核相关浏览器都出现相关问题.flash的设置都找不到.以下是解决最新IE浏览器打开flash的方法,仅供参考.第一步:打开最新IE浏览器点击设置，－－＞点击默认浏览器－－＞选择Internet Explorer始终允许选择默认浏览器设置Internet Explorer为始终允许,并重启浏览器第二步:重新加载页面点击更多工具下的Internet Explo原创 2022-03-02 02:49:07 · 1803 阅读 · 0 评论 -
为什么 CSS 动画比 JavaScript 高效？
?? 大家好，我是，一名准大二的前端爱好者?? 这篇文章将欢快的带你了解一下 CSS 和 JS 动画的差别?? 愿你忠于自己，热爱生活引言讲到动画，当然是非常有意思的啦，你可以往上滑一下，看看上面的封面图，是不是相当的炫酷，以为我是代码写出来的吗？那当然不可能啊，我这么摸鱼，怎么会为了个封面图上号呢废话不多说，其实上面的动图用代码实现也不会很困难，这个图是用 canva 做出来的。本文主要讲以下这些内容浏览器渲染流程回流和重绘CSS 动画JS 动画两者对比?? 1. 浏览..原创 2022-03-02 01:45:27 · 319 阅读 · 0 评论 -
web前端工程师面试题—2021(推荐收藏以便临阵磨枪)
入门且备受面试官喜爱的题，如果你这样回答，面试官都不得不高看你一眼（持续更新，收藏绝对错不了！）文章目录前言一、对 SPA 单页面应用的理解，优缺点是什么二、new Vue() 发生了什么三、Vue.use是干什么的？原理是什么四、 请说一下响应式数据的理解五、Vue如何检测数组变化六、Vue.set 方法是如何实现的七、Proxy 与 Object.defineProperty 优劣对比八、Vue3.x响应式数据原理九、Vue的生命周期方法有哪些？一般在哪一步发起请求及原因十、生原创 2022-03-02 00:41:49 · 494 阅读 · 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-01 23:38:29 · 492 阅读 · 0 评论 -
Spring Boot 使用 Swagger3 生成 API 接口文档
前言在之前的文章中，我们已经讲了如何利用 Spring Boot 来集成 Swagger2，详情可戳：Spring Boot 集成 Swagger2，构建强大的 API 文档。但其实 Swagger2 中主流的 2.9.2 自 2018 年发布后就已经好久没更新了，而在时隔两年之后的 2020 年，Swagger3 终于发布了。相比于之前的 Swagger2，Swagger3 无疑新添了更多的特点，而相对集中地，主要集中在如下几点。支持 OpenApi 3.0.3兼容 Swagger2 的注释，而转载 2022-03-01 19:55:43 · 762 阅读 · 0 评论 -
Pinia 快速入门
Pinia 是什么Pinia 是一个用于 Vue 的状态管理库，类似 Vuex, 是 Vue 的另一种状态管理方案Pinia 支持 Vue2 和 Vue3本文只讲 Pinia 在 Vue3 中的使用, 在 Vue2 中使用略有差异，参考 官方文档Pinia 优势符合直觉，易于学习极轻， 仅有 1 KB模块化设计，便于拆分状态安装 Pinia安装需要 @next 因为 Pinia 2 处于 beta 阶段, Pinia 2 是对应 Vue3 的版本# 使用 npmnpm instal原创 2022-02-28 22:30:29 · 170 阅读 · 0 评论 -
Module build failed (from .node_modules@dcloudiovue-cli-plugin-unipackagesvue-loaderlibloader
Module build failed (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js):16:49:42.890 语法错误: This experimental syntax requires enabling one of the following parser plugin(s): ‘decorators-legacy, decorators’ (原创 2022-02-28 20:17:45 · 11070 阅读 · 0 评论 -
Error Rule can only have one resource source (provided resource and test + include + exclude)
Error: Rule can only have one resource source(provided resource and test + include + exclude)问题：Error: Rule can only have one resource source (provided resource and test + include + exclude)Error: Rule can only have one resource source (provided resou.原创 2022-02-26 23:23:21 · 9290 阅读 · 0 评论