雨落辰潇-文档站

Appearance

问题 ​

至少记住，背会

业务逻辑 ​

ts
一周的时间

Vuex和pinia ​

ts
一、vuex与pinia区别?
vuex核心概念:state->mutations->actions->getters->modules
pinia核心概念:state->actions->getters

vuex与pinia缺点:
两者都存储数据并非持久化

h5新增特性 ​

标签语法特性

ts
flex
标签
视频

存储特性

ts
本地存储
会话存储
缺点:
本地存储与会话存储上限(不同的浏览器大约5M)

Element组件库 ​

ts
PC端：element-plus：element-plus.gitee.io/zh-CN
移动端：vant

History模式的区别 ​

ts
在上线的时候会出现问题
History和Hash模式在上线的时候不同

History模式下上线时需要与后台紧密的配合,对应的路由就需要对应的文件,否则就会出现404的情况

sass和less的区别 ​

ts
sass的变量使用的$定义变量
less的变量使用的@定义变量

token过期如何处理 ​

shell
重新登陆拿新的token

vuex与pinia区别 ​

bash
vuex核心概念:state->mutations->actions->getters->modules
pinia核心概念:state->actions->getters

vuex与pinia缺点 ​

ts
存储数据并非持久化

浏览器存储功能 ​

ts
本地存储
会话存储
缺点:
本地存储与会话存储上限(不同的浏览器大约5M)

vue3与vue2有哪些区别 ​

ts
模版区域:
vue3:模版可以有多个根节点
vue2:只能有一个根节点

vue3:v-if优先级高于v-for
vue2:v-if优先级低于v-for

vue3:新增的瞬移组件
teleport

js区域
---vue3新增组合式API(函数)
---响应式原理

性能提升(需要什么引入什么，vue2全部都引入),打包也会变小

项目优化手段 ​

ts
v-if|v-show:显示与隐藏的选择
按需引入
路由懒加载
防抖与节流
事件委派
请求次数的优化

token过期问题 ​

ts
token:服务器端返回用户登录成功唯一标识(学生牌)
token过期如何处理:用户重新登录获取新的token

为什么封装axios ​

ts
---配置请求基础路径、超时的时间
---为了使用请求拦截器、相应拦截器
---请求拦截器携带公共参数token
---相应拦截:简化数据、统一处理网络错误

封装过通用的组件 ​

ts
封装过:封装过分页器
---封装分页器最基本需要四个条件
---total:需要知道分页器一共需要展示数据总条数
---pageSize:每一页展示几条数据
---pageNo:当前页码
---pager:分页器连续页码数

棘手问题怎么解决 ​

ts
购物车
封装分页器
权限问题
开源项目进行参考

删除数据后页面没有得到更新:redis缓存的问题

HTML5新增的特性 ​

ts
语义化标签
css3
本地存储
回话存储
音频视频 canvas svg标签
	css3：
    选择器
    过渡动画

ES6新特性 ​

ts
const 
let
箭头函数
类
继承
set
map
Promise
Symbol
数组新增的方法
Object新增的方法

运维操作事项 ​

ts
// 数据库主从配置

// 数据库迁移

// nginx部署前端项目

// zabbix服务搭建

// gitlab流水线搭建

SPU和SKU理解 ​

ts
SAP:一家公司
ERM:企业风险管理
CRM:客户关系管理
ts
二、SPU与SKU理解?
SPU与SKU是电商人的术语

SPU:标准化产品单元(类)
SKU:库存量最小单位(类的实例)

SPU:苹果6手机
颜色:红色、紫色、蓝色
内存:128,256
系统:安卓 苹果 塞班
价格:1299,6999,8999

SKU:红色、256、苹果、6999 具体到手的一部手机配置
SKU:蓝色、128、塞班、1299

element-plus常用的组件 ​

ts
el-from
el-table
el-pagination

vue2和vue3生命周期 ​

ts
# vue2 和vue3 生命周期有哪些

flex问题 ​

ts
设置flex

主轴居中如何设置
侧轴居中如何设置

是否换行

项目有哪些属性 6个
容器有哪些属性 6个

space-between

如何让一个元素居中

有几种方式

ts
方式1：flex

精灵图 ​

ts

封装组件的思路 ​

ts
日历组件：
	当前第一日是星期几
    本月有多少天
    上个月多少天
    下个月多少天

项目 ​

ts
后台管理项目

菜单权限如何实现：
	# 1 拆分组件
    	静态路由
        异步路由
        任意路由
    # 2 根据用户信息(登陆成功时获取用户信息),包含异步路由名字(标识)进行过滤
    # 3 通过router.addRoute动态追加路由
按钮权限控制
	#1 通过自定义指令v-has,v-if,每个按钮设置唯一的标识(后端一致),然后根据用户信息包含的标识去过滤
	#2 用户标识中存在就显示，不存在就隐藏

防抖和节流 ​

ts
优化:防抖和节流
防抖：回城(使用防抖效果),最后一次不操作了,等一段时间,才能触发
节流：技能cd,触发了一次后,需要等一段事件后才能,才能再次触发

防抖[debounce]: 前面的所有的触发都被取消，最后一次执行在规定的时间之后才会触发，也就是说  如果连续快速的触发只会执行一次 
节流[throttle]: 在规定的间隔时间范围内不会重复触发回调，只有大于这个时间间隔才会触发回调 把频繁触发变为少量触发

防抖与节流底层实现原理?
闭包  + 延迟器

优化手段 ​

ts
v-if和v-show
按需引入
防抖和节流
路由懒加载
图片懒加载
精灵图也是优化手段
cdn手段 bootcdn

闭包 ​

ts
什么是闭包

函数套函数
	里边的函数可以访问外部函数的变量
	缺点是：内存泄漏

加密手段 ​

ts
MD5
sha256

vu3新特性 ​

ts
1 组合式的API函数
	ref reactive watch watchEffect computed 钩子等等
2 模版可以有多个根节点
3 v-for和v-if的优先级
4 按需引入(性能提升)

背题 ​

ts
打印出来,过了3-4遍,结合原理

组件通信 ​

ts

watch和watchEffect的区别 ​

ts

Copyright © 2024 雨落辰潇