面试
文章平均质量分 54
....492
这个作者很懒,什么都没留下…
展开
-
面试问题记录
数据和方法的定义return {} Vue3:数据和方法都定义在setup中,并统一进行 return {} Vue2使用的是选项类型 API (Options API ),Vue3使用的是合成型 API (Composition API )。原创 2023-04-12 11:35:40 · 97 阅读 · 0 评论 -
使用hooks语法,抽离逻辑,复用代码,效率更高,抽离分页逻辑
【代码】使用hooks语法,抽离逻辑,复用代码,效率更高,抽离分页逻辑。原创 2023-04-25 23:12:18 · 102 阅读 · 0 评论 -
前端实现购物车逻辑
在购物车组件中,定义一个判断是否全选 使用计算属性 使用get 和set方法 在get中判断在仓库购物车的数组里的sale属性是否位true使用数组方法ever 全部勾选返回true反之亦然,改变是否勾选课程使用set方法接收一个布尔值遍历数组把sale属性改成传过来的值。当用户修改商品数量时,会更新购物车中对应商品的数量,并通过reduce方法重新计算总价。最后将计算出来的总价赋值给total属性,从而实现实时更新总价的效果。可以通过监听商品数量变化的事件计算属性,在事件处理函数中重新计算总价。原创 2023-04-25 21:35:19 · 656 阅读 · 0 评论 -
减少白屏时间和首屏加载时间,Performance性能分数调优至92
可以使用 gzip、brotli 等压缩算法来压缩资源,减少资源的大小,从而减少页面的加载时间。在打包配置中,可以使用 webpack-bundle-analyzer 等工具来分析项目中的依赖和代码体积,并进行优化。可以使用 webpack 的代码分割功能来拆分代码,减少首屏加载的代码量。在路由中可以使用路由懒加载来延迟加载路由组件,从而减少首屏加载的时间。在 Vue 中可以使用异步组件来延迟加载组件,从而减少首屏加载的时间。在使用图片时,可以使用图片压缩工具来减小图片的大小,从而减少页面的加载时间。原创 2023-04-25 18:55:13 · 388 阅读 · 0 评论 -
使用 element ui 和 sass 进行后台页面的搭建
在项目中使用 Element UI 和 Sass 首先需要安装它们。在项目中创建一个 main.scss 文件,里面包含了所有的样式代码。Element UI 中文文档:https://element.eleme.cn/#/zh-CN。在项目中使用 Element UI 组件可以极大地提高开发效率和代码质量。Sass 中文文档:https://www.sass.hk/docs/在项目中使用 Sass 可以让样式代码更加简洁、易读和易于维护。安装 Element UI 和 Sass。编写 Sass 样式。原创 2023-04-24 23:34:26 · 275 阅读 · 0 评论 -
负责基于前端的权限设置,通过全局导航守卫配合用户角色和算法,实现管理控制各级用户的路由访问 权限
如果该路由需要登录才能访问,则判断用户是否已经登录,如果未登录则跳转到登录页面;如果用户已经登录,再判断该路由需要的角色是否包含当前用户的角色,如果不包含则跳转到禁止访问页面。如果该路由需要登录才能访问,则判断用户是否已经登录,如果未登录则跳转到登录页面;如果用户已经登录,再判断该路由需要的角色是否包含当前用户的角色,如果不包含则跳转到禁止访问页面。在全局导航守卫中,监听路由的变化,根据当前用户的角色和路由的权限信息来判断是否允许访问该路由。在登录时,根据用户信息确定用户的角色 是老师、学生等。原创 2023-04-25 00:06:02 · 76 阅读 · 0 评论 -
小程序支付如何实现 项目登录的实现 首页白屏 路由的两种模式 vue的生命周期 mvvm 垃圾回收机制 闭包 元素水平垂直居中的方法有哪些 css选择器优先级顺序 怪异盒模型
一个盒子由四个部分组成:content、padding、border、marginwidth/height 包含了 padding和 border值。原创 2023-04-18 13:25:24 · 40 阅读 · 0 评论