红茶的个人站点

  • 首页
  • 专栏
  • 开发工具
  • 其它
  • 隐私政策
前端
其它

前端学习笔记 8:动态加载组件

假设有一个提交申请的入口页: 页面代码位于views/Home.vue: <template>  <div>    <div      style="        display: flex;        flex-direction: column;        align-items: center;        justify-content: center;        height: 100vh;      "    >      <h1>首页&l…

2025年6月9日 0条评论 3点热度 0人点赞 魔芋红茶 阅读全文
未分类

前端学习笔记 6:Pinia

Pinia 是 Vue 的一个官方库,用于状态管理。 1.安装 首先创建一个 Vue3 项目,具体方式可以参考这里。 安装 Pinia: npm install pinia 创建一个 pinia 实例 (根 store) 并将其传递给应用: import './assets/main.css' ​ import { createApp } from 'vue' import { createPinia } from 'pinia' import App from './App.vue' ​ const pinia …

2025年6月9日 0条评论 4点热度 0人点赞 魔芋红茶 阅读全文
未分类

前端学习笔记 5:大事件

本文将学习一个示例项目(大事件)的前端搭建过程。 1.准备工作 1.1.创建工程 创建一个名称为big-event的 Vue3 项目,具体可以参考这篇文章。 1.2.安装插件 安装 ElementPlus: npm install element-plus --save 安装好后还需要在main.js中导入相关模块和样式: import './assets/main.scss' ​ import { createApp } from 'vue' import ElementPlus from 'element-pl…

2025年6月9日 0条评论 6点热度 0人点赞 魔芋红茶 阅读全文
未分类

前端学习笔记 4:Element Plus

1.准备工作 在使用 Element Plus 之前,需要先创建一个 Vue 工程,具体可以参考上一篇文章。 创建好后就可以按照官方文档中的指示,在工程目录下安装 Element 依赖: npm install element-plus --save 注意,Element 和 Element Plus 是两个不同的项目,前者适用于 Vue 2.X,后者适用于 Vue 3.X。这里使用的是后者。 2.快速开始 按照官方文档的指引,修改main.js的内容: import { createApp } from 'vue…

2025年6月9日 0条评论 9点热度 0人点赞 魔芋红茶 阅读全文
开发工具

Stagewise

Stagewise 是一个 Cursor 插件,它可以帮助你快速定位页面组件,并将对应组件的调整交给 AI 来做。 在 Cursor 中安装插件: 安装后需要按照安装说明在你的前端项目中安装对应的工具栏(Toolbar),需要使用ctrl+shift+P快捷键打开命令窗口,输入setupToolbar,AI 助手就会自动在项目中安装相应的模块并添加工具栏。 启动前端项目: 如果启动项目时有报错,丢给 AI 处理。 现在就可以通过这个工具栏选定要修改的组件,然后在对话框中描述如何修改,AI 就会处理相应的组件,不需要…

2025年5月28日 0条评论 62点热度 0人点赞 魔芋红茶 阅读全文
未分类

前端学习笔记 3:Vue 工程

上一篇文章介绍了如何在单一 Html 页面中使用 Vue,本文介绍如何从头开始用 Vue 构建一个前端工程项目。 1.环境准备 Vue 框架代码的创建依赖于 Node.js,因此需要先安装 Node.js。 2.创建和启动 2.1.创建 通过以下命令可以创建 Vue 的框架代码: npm create vue@latest 该命令执行后会先检查是否安装 create-vue 工具,如果没有,就安装。然后再使用 create-vue 创建框架代码。 npm(Node Package Manager)是 NodeJS …

2025年5月19日 0条评论 83点热度 0人点赞 魔芋红茶 阅读全文
未分类

前端学习笔记 2:Vue

Vue 是一个目前最流行的前端响应式框架,关于它的简单介绍可以观看这里。 1.快速入门 Vue 的官网提供一个快速上手指南,有多种方式可以安装和使用 Vue,这里展示一个最简单的方式——直接导入官方提供的在线的核心 JS 文件进行使用。 这里展示的内容相当于官方快速上手指南中的使用 ES 模块构建版本。 需要先像在之前文章中介绍的那样,在 JS 模块中导入 Vue 的createApp函数: <script type="module">    import { createApp } from "htt…

2025年5月19日 0条评论 67点热度 0人点赞 魔芋红茶 阅读全文
未分类

前端学习笔记 1:js 导入导出

1.传统引用 一般性的,用以下方式引入JS 中定义的函数或对象到 Html 中使用: function showMessage(){    console.log("hello"); } ​ function showChineseMessage(){    console.log("你好"); } <html> ​ <body>    <h1> hello </h1>    <button id="btn">按我有惊喜</button>   …

2025年5月19日 0条评论 45点热度 0人点赞 魔芋红茶 阅读全文

魔芋红茶

加一点PHP,加一点Go,加一点Python......

技术栈
  • Spring MVC Spring MVC
  • MySQL MySQL
  • Spring Boot Spring Boot
  • Go lang Go lang
  • php php
  • Java Java
  • 设计模式 设计模式
  • Linux Linux
  • Wordpress Wordpress
  • HTTP HTTP
  • Python Python
  • debug debug
  • Spring Cloud Spring Cloud
  • Activiti Activiti
  • 前端开发 前端开发
  • Redis Redis
  • Maven Maven
  • 生活随笔 生活随笔
项目
  • activiti-util activiti-util
  • auto-hot-key auto-hot-key
  • bilibili-download bilibili-download
  • haokan-download haokan-download
  • icexmoon-tree icexmoon-tree
工具箱
  • 我的Windows软件列表 我的Windows软件列表
Music
最新 热点 随机
最新 热点 随机
前端学习笔记 8:动态加载组件 前端学习笔记 7:小兔鲜 前端学习笔记 6:Pinia 前端学习笔记 5:大事件 前端学习笔记 4:Element Plus 每天一个 Idea 小技巧:方法重载
与某网站的一次斗智斗勇Activiti 学习笔记 4:OADEBUG:无法连接数据库Cursor 使用指南StagewiseCursor 白嫖指南
Java编程笔记8:容器(上) Java编程笔记7:内部类 Java编程笔记27:Servlet Python学习笔记番外:包的组织 Stagewise PEP 635 -- Structural Pattern Matching: Motivation and Rationale
最近评论
魔芋红茶 发布于 3 年前(03月12日) 不好意思,上个月有点事,没空搞网站,现在弄好了,已经启用了新域名,谢谢关心~~
fuckbaidu 发布于 3 年前(02月25日) 兄弟,你新网址一直没备案成功
魔芋红茶 发布于 4 年前(12月18日) 谢谢。
啊长 发布于 4 年前(12月16日) 膜拜大佬了,希望越做越好 :exclaim:
nfmd 发布于 4 年前(10月31日) 腾讯云出了个60块六年多的bug
友情链接
  • NFMD's blog
  • 小金龙的blog
  • 幸哥的blog

COPYRIGHT © 2021 icexmoon.cn. ALL RIGHTS RESERVED.
本网站由提供CDN加速/云存储服务

Theme Kratos Made By Seaton Jiang

宁ICP备2021001508号

宁公网安备64040202000141号