项目一 ：卖茶叶（小鹿线P4 课程 前后端一起的）

注意： 1.这里的商品数量 用了一个vant组件 ，要先全局安装， Vue 3 项目，安装 Vant 3： npm i vant@next -S vant 官网文档 https://vant-cont

思路：vuex+本地存储做数据持久化 vuex代码：在store文件夹上 写一个 mutations-types.js 存放 mutations的函数名 在store的index.js文件上引 use

思路： 注意：这里的路由采用（子路由跳转） 前端： 点击找回密码 ， 根据设置路由（采用了子路由方法跳转）跳转到对应的页面 校验手机号和 手机验证码 输入正确 2.1 手机号校验：前端校验完之后 发送

思路： 用短信验证码登录一样的思路，只是多了一个密码验证 ：https://juejin.cn/post/6992033769918038052/ 记得配置页面跳转路由 前端： 后端接口：

思路： 前端： 点击获取短信验证码按钮 1.1 前端校验 手机号是否正确 1.2 点击的按钮文案更换成 倒计时按钮，倒计时完成后，回复原来的模样 1.3 向后端发送请求：传递手机号，操作后端去发送验证

思路： 用户点击登录 按钮，前端做基本表单数正则据检验 手机号和密码校验 向后端发送请求，在后端：先对手机号校验，然后 手机号+密码一起校验 前端代码：UserLogin.vue 后端接口： sql查

技术点： 路由传参： 1.1 用query ： 显式传参 1.2 params：隐式传参（注意：跳转的路径要用name，不然无法获取到传的参数） 【提高性能 keep-alive 使用】：是在项目的a

注意点： 1 注意，首页使用了better-scroll -S 滚动 ，点击事件默认关闭，要记得开启： click: true, // 将clcik设置为true 问题点： A B C 三个组件 ：

思路： 动态绑定class ，用对象形式，并结合计算属性 计算属性又结合findIndex 和 数据的比较 滚动右边的数据 左边的菜单导航根据判断滚动的高度，自动跳到对应的菜单选项

注意：使用better-scroll，点击事件默认是关闭的，要设置：click 为 true 前端： <li v-for="(item,index) in menuList" :key="index"

后端：数据分三级 前端： ul li 里面签到 ui li ，不然后端的数据是三层的，只能这样嵌套方便数据循环和渲染

const path = require('path') function resolve(dir) { return path.join(__dirname, dir) } module.expor

面试提炼点： 1. 路由跳转方式有哪些？传参和不传参 笔记在 第三点 2. router 和 route 的区别是什么 笔记在 第三点 3. 组件内通用样式穿透： ::v-deep 4. 第三方插件引

前端 后端 后端这种取值方式第一次见有点懵逼 mysql 表结构设计 zh代表综合 页面前端 后端 后端这种取值方式第一次见有点懵逼 mysql 表结构设计 zh代表综合 页面前端 后端 后端这种取值

后端： 前端：input 输入框根据关键词查询内容input 输入框根据关键词查询内容input 输入框根据关键词查询内容input 输入框根据关键词查询内容input 输入框根据关键词查询内容inp

var mysql = require('mysql') var connection = mysql.createConnection({ host: '127.0.0.1', user: 'roo

import axios from 'axios'; import { Indicator } from 'mint-ui'; export default { common: { method: '

卖茶叶 项目创建：参考笔记：https://juejin.cn/post/6986665021715513357 ​ 一 字体图标+淘宝无限适配 + 公共样式文件 ： 1 在asse

1：登录gitee 创建一个仓库 2：在本地把仓库克隆下来： git clone https://gitee.com/zhu12/es6.git 3：cd 进