logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

figma MCP + cursor如何将设计稿生成前端页面

Figma MCP配置与代码生成指南 本文详细介绍了如何在Cursor中配置Figma MCP(多上下文处理器)的完整流程:从获取Figma API密钥、设置MCP服务器配置,到添加代码生成规则。关键步骤包括生成Figm a个人访问令牌、配置cursor settings文件、启用MCP服务,以及设置代码规则(包含TypeScript/Vue技术栈规范、BEM命名规则等)。最后提供了将Figma设

#figma#前端
draggable -> vue拖拽组件的使用

1.安装:npm i vuedraggable2.引用:1.import draggable from “vuedraggable”;2.export default {components: {draggable,},}3.典型用途:<draggable v-model = “ myArray ” group = “ people ”@开始= “ drag = true ”@ end =

使用localstorage.setItem()存储对象

使用localstorage.setItem(name,value)存储JSON对象时会发现浏览器存储的内容为[object,object],并不是我们想要的内容,这是因为我们在存储的时候没有进行类型转换,因此我们在使用localstorage.setItem()进行对象存储之前需要使用JSON.stringify(object)进行类型转换,转换成JSON字符串后进行存储就会是我们想要的样子了{

#vue.js
vue3实现一个滚动分页加载瀑布流列表

项目框架:vue3+JS+vite瀑布流框架:vue-waterfall-next问了chatGPT,对于vue3有哪些好用的瀑布流插件,回答如下:对于 Vue 3,有一些瀑布流插件可供选择。以下是几个常用的 Vue 3 瀑布流插件:vue-waterfall-next:这是一个基于 Vue 3 的瀑布流插件,它提供了简单易用的 API,可以帮助你实现瀑布流布局。它支持动态加载数据和无限滚动,并且

#vue.js#javascript#前端
uni-app的navigateBack()在页面刷新后无法返回上一级页面

使用以下函数即可解决该问题:back() {const pages = getCurrentPages()// 有可返回的页面则直接返回,uni.navigateBack默认返回失败之后会自动刷新页面 ,无法继续返回if (pages.length > 1) {uni.navigateBack(1)return;}// vue router 可以返回uni.navigateBack失败的页面

#vue.js#javascript#前端
vue生命周期函数面试题

1.什么是 vue 生命周期?有什么作用?答:每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如,需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做 生命周期钩子 的函数,这给了用户在不同阶段添加自己的代码的机会。(ps:生命周期钩子就是生命周期函数)例如,如果要通过某些插件操作DOM节点,如想在页面渲染完后弹出广告窗,

#vue.js
vue3实现一个滚动分页加载瀑布流列表

项目框架:vue3+JS+vite瀑布流框架:vue-waterfall-next问了chatGPT,对于vue3有哪些好用的瀑布流插件,回答如下:对于 Vue 3,有一些瀑布流插件可供选择。以下是几个常用的 Vue 3 瀑布流插件:vue-waterfall-next:这是一个基于 Vue 3 的瀑布流插件,它提供了简单易用的 API,可以帮助你实现瀑布流布局。它支持动态加载数据和无限滚动,并且

#vue.js#javascript#前端
阻止vue点击事件的默认行为

阻止vue点击事件的默认行为:方法一:javascript:void(0)方法二:@click.prevent.prevent阻止事件的默认行为.stop阻止事件冒泡.stop.prevent阻止默认行为和冒泡.self 阻止子元素的事件冒泡.capture 事件捕获.once事件只触发一次...

vue一个界面有两个form表单如何进行校验

<template><div style="width: 500px; margin: 0 auto"><el-form :model="ruleFormA" :rules="rules" ref="ruleFormA"><el-form-item label="活动名称" prop="name"><el-input v-model="rule

#javascript#css3#css
前端如何引入字体包vue项目里

1.在assets下新建一个font文件夹,在里面新建一个font.css文件,以及在里面放下载的字体文件2.在font.css文件里定义这个字体包的名字3.在需要引入字体的地方写上字体样式

#vue.js#前端#css3
    共 12 条
  • 1
  • 2
  • 请选择