logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

聊一聊前端动画的种类,以及动画的触发方式有哪些?

动画在前端开发中扮演着重要的角色。它不仅可以提升用户体验,还可以使界面更加生动和有趣。在这篇文章中,我们将深入探讨前端动画的各种实现方式,包括 CSS 动画、JavaScript 动画、SVG 动画等。我们还将讨论一些触发动画的方式和动画在用户体验中的最佳实践。

文章图片
#前端#动画#javascript
聊一聊前后端权限控制 RBAC(完整流程)

前端需要把所需要的路由定义好,分为两部分:一部分是静态路由,可以随意访问;另一部分是权限路由,需要做权限控制。我们的页面结构通常是左侧有一个侧边栏,然后页面在中间的内容区域显示。所以这部分需要定义成嵌套路由。内容区为路由出口,React里边的,Vue中的;然后还可以把一些页面通过懒加载的方式引入。/*** 静态路由 可随意访问*/path: '/',name: '首页',title: '首页',}

文章图片
#javascript#前端
前端无感刷新token机制(一文说明白)

用户登录成功之后,两个 token(一个 access_token、一个 refresh_token),访问接口时携带 access_token 访问,当 access_token 过期时,通过 refresh_token 来刷新,拿到新的 access_token 和 refresh_token。而 access_token 一般过期时间设置的比较短,比如 30 分钟,refresh_token

文章图片
#前端#javascript
Cursor Rules使用全攻略:让项目代码更智能、更高效

在Cursor v0.46版本中,Rules在Settings被单独拎出来作为一个分类,足以看出Rules在Cursor中的重要性。Rules之所以这么重要,是因为它能让我们更精准地控制项目代码往我们想要的方向去生成,这是和“AI幻觉”做对抗的有效手段之一。在Cursor中,目前有三种层级的Rules,分别是User Rules、.cursorrules以及Projecet Rules。。

文章图片
#前端#AIGC#人工智能
分不清RAG 、Function Call、MCP、Agent?一文秒懂它们的区别和联系

大语言模型(LLM)存在知识截止性、无法操作现实世界和短期记忆有限三大缺陷。四大技术可有效补足这些短板: Agent(智能体):作为决策中枢,自主规划任务并调用工具执行,如规划行程、订票等。 RAG(检索增强生成):通过检索外部知识库增强回答准确性,解决知识过时问题。 Function Call(函数调用):让LLM请求执行外部工具(如API),实现实时操作(查天气、订票等)。 MCP(模型上下文

#人工智能#AIGC#前端 +1
Cursor生成的UI太丑?如何减少UI拉扯?

如果你想模仿竞品增加一些页面和功能,最快捷的方法就是把参考图丢给cursor,并具体描述你想参考的方向。

文章图片
#前端#ui#AIGC
Uniapp 安装安卓、IOS模拟器并调试

首先下载 Mac 环境下的 Android Studio 的安装包,为dmg 格式。下载完将Android Studio 向右拖拽到Applications中,接下来等待安装完成就OK啦!打开过程界面如下图所示,若未配置 SDK 目录,会出现找不到 SDK ,选择取消即可打开 Android Studio 启动向导,一直选择下一步这里可以选择标准启动设置,也可以进行自定义,这边我选择了标准选择需要

文章图片
#uni-app#android#ios +4
Vue3警告:[Vue warn]: Extraneous non-emits event listeners (changeParentProps) were passed to component

在Vue3中组件通信中(子传父)报出如下警告:[Vue warn]: Extraneous non-emits event listeners (changeParentProps) were passed to component but could not be automatically inherited because component renders fragment or text

Vue中解决better-scroll的滚动问题以及刷新页面better-scroll不起作用问题

不得不说better-scroll是个很好用的第三方框架,但是使用恰当才能发挥它强大的功能哦!具体使用步骤请移步→better-scroll链接Github但是better-scroll用的恰当的话并不会出现在手机上滚动不了的情况具体问题:1.使用的时候为什么滚动不起作用首先在在你引入better-scroll成功之后,你的html结构应该如下:<div ref="wrapper" clas

#前端
Vue报错[Vue warn]: Error in render: “TypeError: “checkedCount“ is read-only“

写vue时报出这样一个错误,某个东西是只读的;报错原因:我在用一个变量的时候,我居然是用const声明的,真不细心。声明变量用let,常量用const;复习一下let和const:1.let(1)不存在变量提升(必须先声明后使用),声明的变量只在所处的块级内有效(2)暂时性死区(3)变量不能重复声明(4)不影响作用域链2.const(1)声明常量(一般大写),并且一定要赋初始值(2)同一个作用域内

#bug#前端
    共 16 条
  • 1
  • 2
  • 请选择