当前位置：首页 > news >正文

谷粒学苑第二章前端框架-2.2前端框架开发过程

news 2026/3/26 9:50:49

一、前端框架开发过程

第一步：添加路由

src/router模块用来管理路由。

第二步：点击某个路由，显示路由对应页面内容

component: () => import('@/views/table/index'),

表示路由对应的页面，是views/table/index.vue页面

第三步：根据业务在src/api 文件夹内创建js文件，定义接口地址和参数

第四步：在src/views目录下，根据业务创建文件夹，最好与src/api的js名字保持一致。创建后缀为vue的页面，并在页面中引入js文件，调用方法实现功能。

最后使用element-ui显示数据内容

谷粒学苑第二章前端框架-2.2前端框架开发过程

一、前端框架开发过程第一步：添加路由 src/router模块用来管理路由。第二步：点击某个路由，显示路由对应页面内容 component: () > import(/views/table/index), 表示路由对应的页面，是views/table/index.vue页面第三步&a…...

编程日记 2023/2/11 7:25:33

权限管理实现的两种方式（详解）

登录的接口请求的三个内容：1. token2. 用户信息、角色信息3. 菜单信息第一种：基于角色Role的动态路由管理 (不推荐，但市场用的比较多)首先列出枚举每个角色对应几个路由，然后根据用户登录的角色遍历枚举出来的角色动态注册对应的路…...

编程日记 2023/2/11 7:23:18

【C++】智能指针思路解析和模拟实现

此篇文章就从以下几个方面出发，带你了解智能指针的方方面面1.为什么需要智能指针当我们开辟内存并使用的时候，我们的顺序应该是这样：开辟内存-》使用内存-》释放内存问题就出现在第三步，开辟好了，也使用了，…...

编程日记 2023/2/11 7:22:13

SpringCloud（18）：Sentinel流控降级入门

Sentinel本地应用流控降级实现分为三步：创建本地应用搭建本地Sentinel控制台本地应用接入本地Sentinel控制台1 本地应用创建整体流程分析创建springboot项目在项目的pom.xml文件中引入sentinel-core的依赖坐标创建TestController，定义使用限流规则运行测试具体流程 1.创…...

编程日记 2023/2/11 7:21:06

C++【多态】

文章目录1、多态的概念2、多态的定义及实现2-1、多态的构成条件2-2、虚函数2-3、虚函数的重写2-4 多态样例2-5、协变2-6、析构函数与virtual2-7、函数重载、函数隐藏（重定义）与虚函数重写（覆盖）的对比2-8、override 和 ﬁnal&…...

编程日记 2023/2/11 7:20:00

缓存预热、缓存雪崩、缓存击穿、缓存穿透，你真的了解吗？

缓存穿透、缓存击穿、缓存雪崩有什么区别，该如何解决？ 1.缓存预热 1.1 问题描述请求数量较高，大量的请求过来之后都需要去从缓存中获取数据，但是缓存中又没有，此时从数据库中查找数据然后将数据再存入缓存&#xf…...

编程日记 2023/2/11 7:18:52

【Java基础】018 -- 面向对象阶段项目上（拼图小游戏）

目录拼图小游戏（GUI） 一、主界面分析 1、练习一：创建主界面1 2、练习二：创建主界面2（JFrame） 3、练习三：在游戏界面中添加菜单（JMenuBar） ①、菜单的制作 4、添加图片&a…...

编程日记 2023/2/11 7:17:44

【网络~】

网络一级目录二、socket套接字三、UDP数据报套接字四、TCP流套接字一级目录 1.局域网、广域网 2.IP地址是什么？ IP地址是标识主机在网络上的地址 IP地址是如何组成的？ 点分十进制，将32位分为四个部分，每个部分一个字节&#xff…...

编程日记 2023/2/11 7:16:37

手写JavaScript中的call、bind、apply方法

手写JavaScript中的call、bind、apply方法 call方法 call() 方法使用一个指定的 this 值和单独给出的一个或多个参数来调用一个函数。 function Product(name, price) {this.name name;this.price price; }function Food(name, price) {Product.call(this, name, price);t…...

编程日记 2023/2/11 7:14:23

JAVA练习46-将有序数组转换为二叉搜索树

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档前言提示：这里可以添加本文要记录的大概内容： 2月10日练习内容提示：以下是本篇文章正文内容，下面案例可供参考一、题目-…...

编程日记 2023/2/11 7:13:15

linux(centos7.6）docker

官方文档：https://docs.docker.com/engine/install/centos/1安装之前删除旧版本的docker2安装yum install-y yum-utils3配置yum源不用官网的外国下载太慢推荐阿里云yum-config-manager --add-repo https://mirrors.aliyun.com/docker-ce/linux/centos/docker-ce.r…...

编程日记 2023/2/11 7:12:09

微信小程序滚动穿透问题

文章目录1、catchtouchmove"true"2、page-meta3、wx.setPageStyle做小程序的开发业务中，经常会使用弹窗，当弹窗里的内容过多时，要滚动查看，然后经常会遇到滚动弹窗，弹窗底下页面也跟着滚。解决思路&#xff…...

编程日记 2023/2/11 7:11:02

安全—06day

负载均衡反向代理下的webshell上传负载均衡负载均衡下webshell上传的四大难点难点一：需要在每一台节点的相同位置上传相同内容的webshell难点二：无法预测下一次请求是哪一台机器去执行难点三：当我们需要上传一些工具时，麻烦来了&a…...

编程日记 2023/2/11 7:09:55

PostgreSQL入门

PostgreSQL入门简介 PostgreSQL是以加州大学伯克利分校计算机系开发的POSTGRES， 版本 4.2为基础的对象关系型数据库管理系统（ORDBMS） 支持大部分SQL标准并且提供了许多现代特性复杂查询外键触发器可更新视图事务完整性多版本并发控制 …...

编程日记 2023/2/11 7:08:47

自媒体人都在用的免费音效素材网站

视频剪辑、自媒体人必备的剪辑音效素材网站，免费下载，建议收藏！ 1、菜鸟图库音效素材下载_mp3音效大全 - 菜鸟图库菜鸟图库是一个综合性素材网站，站内涵盖设计、图片、办公、视频、音效等素材。其中音效素材就有上千首&#xf…...

编程日记 2023/2/11 7:07:39

Java数据结构中二叉树的深度解析及常见OJ题

本篇文章讲述Java数据结构中关于二叉树相关知识及常见的二叉树OJ题做法讲解（包含非递归遍历二叉树） 目录一、二叉树 1.1二叉树概念 1.2特殊的二叉树 1.3二叉树性质 1.4二叉树基本性质定理题 1.5二叉树遍历基本操作 1.6二叉树遍历的前中后非递归写法 1.7…...

编程日记 2023/2/11 7:06:33

算法顶级比赛汇总

可参赛的算法比赛阿里云天池大数据竞赛时间：每年各个季度很多类型都会出题（比赛总时间大概为两个月） 内容：各个类型的算法题都会出、奖金上万不等形式：在线提交（提交后在线检查结果）、离线…...

编程日记 2023/2/11 7:05:26

Android MVI框架搭建与使用

MVI框架搭建与使用前言正文一、创建项目① 配置AndroidManifest.xml② 配置app的build.gradle二、网络请求① 生成数据类② 接口类③ 网络请求工具类三、意图与状态① 创建意图② 创建状态四、ViewModel① 创建存储库② 创建ViewModel③ 创建ViewModel工厂五、UI① 列表适配器②…...

编程日记 2023/2/11 7:04:18

第九节使用设备树实现RGB 灯驱动

通过上一小节的学习，我们已经能够编写简单的设备树节点，并且使用常用的of 函数从设备树中获取我们想要的节点资源。这一小节我们带领大家使用设备树编写一个简单的RGB 灯驱动程序，加深对设备树的理解。实验说明本节实验使用到STM32MP1 开…...

编程日记 2023/2/11 7:02:05

Ubuntu 系统下Docker安装与使用

Ubuntu 系统下Docker安装与使用Docker安装与使用Docker安装安装环境准备工作系统要求卸载旧版本Ubuntu 14.04 可选内核模块Ubuntu 16.04 使用 APT 安装安装 Docker CE使用脚本自动安装启动 Docker CE建立 docker 用户组测试 Docker 是否安装正确镜像加速Docker使用拉取镜像创建…...

编程日记 2023/2/11 7:00:59

Hunyuan-MT-7B在Win11系统下的高效部署与性能调优

Hunyuan-MT-7B在Win11系统下的高效部署与性能调优最近腾讯开源的Hunyuan-MT-7B翻译模型挺火的，70亿参数就拿下了WMT2025比赛里31个语种中的30个第一，支持33种语言互译，包括一些少数民族语言和方言。性能这么强，很多朋友都想在本…...

编程新知 2026/3/26 9:10:46

NaViL-9B开源模型生态：HuggingFace模型卡+GitHub训练代码指引

NaViL-9B开源模型生态：HuggingFace模型卡GitHub训练代码指引 1. 平台简介 NaViL-9B是上海人工智能实验室发布的一款原生多模态大语言模型，支持纯文本问答和图片理解双重能力。作为开源社区的重要贡献，该模型已在HuggingFace平台发布模型卡&…...

编程新知 2026/3/26 8:40:35

Z-Image i2L生成效果对比：不同参数下的图像质量分析

Z-Image i2L生成效果对比：不同参数下的图像质量分析 1. 引言最近试用了Z-Image i2L这个模型，真的被它的效果惊艳到了。这个模型最厉害的地方在于，你只需要给它几张风格相似的图片，它就能直接生成一个LoRA模型，让你可…...

编程新知 2026/3/26 8:38:35

别再乱用#0延迟了！一个SystemVerilog仿真波形出现X态的踩坑实录

SystemVerilog仿真中的X态陷阱：从#0延迟到事件队列的深度解析引言：一个令人抓狂的仿真问题上周五凌晨2点17分，我的显示器上VCS仿真波形中那个刺眼的红色X态信号让我彻底清醒了。这已经是第三次在项目交付前遇到这种诡异的仿真问题——明明R…...

编程新知 2026/3/26 7:48:25

System Verilog实战解析——always_comb中的阻塞赋值与电路行为建模

1. always_comb基础概念与特性 always_comb是SystemVerilog中专门用于描述组合逻辑电路的关键字。与传统的always块不同，它不需要显式指定敏感列表，编译器会自动推导所有读取的信号作为敏感列表。我在实际项目中发现，这个特性可以避免手动维护…...

编程新知 2026/3/26 7:20:19

OpenClaw云端体验方案：星图平台GLM-4.7-Flash镜像快速部署

OpenClaw云端体验方案：星图平台GLM-4.7-Flash镜像快速部署 1. 为什么选择云端沙盒环境作为一个长期折腾本地环境的开发者，我深知在个人电脑上部署AI工具链的痛苦。从CUDA版本冲突到Python依赖地狱，每次尝试新工具都要花半天时间解决环境问…...

编程新知 2026/3/26 5:13:50

感性负载续流二极管设计与选型指南

1. 感性负载驱动电路中的续流二极管设计1.1 电感特性与瞬态响应电感作为基础电子元件，其核心特性是阻碍电流变化。当恒定电流通过电感时，它表现为普通导线；但当电流变化时，电感会产生感应电动势(EMF)来抵抗这种变化。在电路断开瞬…...

编程新知 2026/3/26 4:37:42

让 Claude Code 帮你“看家“：Hooks 与 /loop 入门

让 Claude Code 帮你"看家"：Hooks 与 /loop 入门上周我把一个重构任务扔给 Claude，出门开了两小时会。回来发现它把 .env.production 改了。那一刻我才意识到，单纯会用 Claude Code 还不够，你还得学会怎么管住它。折…...

编程新知 2026/3/26 3:35:19

动态代理·学习笔记

“嗨，阿米戈。” “你好，瑞希。” “今天我将向您解释一个非常有趣的新话题：动态代理”。 “Java 有几种方法可以改变特定类的功能……” “第一个方法，传承。” “更改类行为的最简单方法是创建一个继承原始（基）类的新类，并覆盖其方法。然后，使用派生类而不是原始…...

编程新知 2026/3/26 3:21:16

机场接送机哪个APP便宜？2026年实测告诉你答案

作品声明：个人观点、仅供参考。深夜落地浦东机场，拖着行李箱走向网约车候车区，抬头一看——溢价2.3倍，排队人数67人。这是今年3月初一位旅客的真实经历，在社交媒体上引发了不少共鸣。随着2026年民航出行持续升温&#…...

编程新知 2026/3/26 2:31:03

一、前端框架开发过程

相关文章：