2024年登录注册vue(1)，2024Web前端常见面试题分享

最后

小编的一位同事在校期间连续三年参加ACM-ICPC竞赛。从参赛开始，原计划每天刷一道算法题，实际上每天有时候不止一题，一年最终完成了 600+：

凭借三年刷题经验，他在校招中很快拿到了各大公司的offer。

入职前，他把他的刷题经验总结成1121页PDF书籍，作为礼物赠送给他的学弟学妹，希望同学们都能在最短时间内掌握校招常见的算法及解题思路。

整本书，我仔细看了一遍，作者非常细心地将常见核心算法题和汇总题拆分为4个章节。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

而对于有时间的同学，作者还给出了他结合众多数据结构算法书籍，挑选出的一千多道题的解题思路和方法，以供有需要的同学慢慢研究。

2.3 点击注销，删除localStorage并跳转到登录页

localStorage.removeItem(‘key’) 删除对应key以及key中的内容

localStorage.clear() 清空localStorage中所有的key;它会清空所有的本地存储数据

3.管理员登录

3.1输入管理员用户名及密码，跳转到管理页

注册模块

1.用户输入用户名及密码，调用接口

1.1注册成功直接跳转到登录页

Home.vue为用户登录成功之后的主页

Login.vue为登录注册页

Main.vue为后台管理页

用vue-cli创建一个新项目，创建好后，因为我们要用到接口请求，所以第一步先安装axios,打开cmd进入文件所在目录，输入npm install axios --save,安装完成后在入口文件main.js中引入

import axios from ‘axios’

Vue.prototype.axios = axios

新建Login.vue页面

---

在src中新建pages/Login.vue

登录

{{tishi}}

登录

没有账号？马上注册

注册

{{tishi}}

注册

已有账号？马上登录

Home.vue

欢迎 {{name}}

<a href=“#” @click=“quit”>注销登录

配置路由

---

新建/src/router/index.js

import Vue from ‘vue’

import Router from ‘vue-router’

import Login from ‘@/pages/Login.vue’

import Main from ‘@/pages/Main.vue’

import Home from ‘@/pages/Home.vue’

Vue.use(Router)

export default new Router({

mode: ‘history’,

routes: [

{

path: ‘/’,

name: ‘Login’,

component: Login

}, {

path: ‘/main’,

name: ‘Main’,

component: Main

}, {

path: ‘/home’,

name: ‘Home’,

component: Home

}

]

})

测试一下：效果是不填提交会弹框，点击去注册切换注册的框

浏览器访问localhost:8080

登录功能

点击登录按钮，触发login事件，登录成功会保存localStorage

新建登录成功跳转到的主页 src/pages/Home.vue

后台接口

---

后台接收不到参数怎么处理

https://blog.csdn.net/fengtingYan/article/details/88805790

用户注册和数据库验证

https://blog.csdn.net/weixin_36185028/article/details/79719579

moogoose模型类提供了findOne()方法用于查找数据中对应字段，可以利用此方法查找该用户名是否被注册；

若没有注册则将用户信息存入数据库，但是需要使用模型类的对象方法，即需要new出一个User对象执行该对象的save()方法

---

点击登录跳转主页

---

说白了其实这句最重要：

最后

小编的一位同事在校期间连续三年参加ACM-ICPC竞赛。从参赛开始，原计划每天刷一道算法题，实际上每天有时候不止一题，一年最终完成了 600+：

凭借三年刷题经验，他在校招中很快拿到了各大公司的offer。

入职前，他把他的刷题经验总结成1121页PDF书籍，作为礼物赠送给他的学弟学妹，希望同学们都能在最短时间内掌握校招常见的算法及解题思路。

整本书，我仔细看了一遍，作者非常细心地将常见核心算法题和汇总题拆分为4个章节。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

而对于有时间的同学，作者还给出了他结合众多数据结构算法书籍，挑选出的一千多道题的解题思路和方法，以供有需要的同学慢慢研究。