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

学习黑马vue

news 文章来源：https://blog.csdn.net/qq_65225435/article/details/134990690 2025/1/17 3:42:07

项目分析

项目下载地址：vue-admin-template-master: 学习黑马vue

项目下载后没有环境可参考我的篇文章，算是比较详细：vue安装与配置-CSDN博客

安装这两个插件可格式化代码，vscode这个软件是免费的，官网： Visual Studio Code - Code Editing. Redefined

视频学习地址：Day1-02.拉取基础模板_哔哩哔哩_bilibili 

项目启动成功后长这个样子：

项目目录，当拿到一个vue项目时，先看src下的文件代码

项目布局

布局组件

setting.js解析

false

true

permission.js

VUEX

侧边栏显示隐藏控制

 

摸版中vuex的设计思想

  • 页面交互状态（折叠侧边栏-固定头部）使用全局状态Vuex
  • 根据功能拆分成不同的模块（modules）进行状态管理
  • 通过getters建立对于模块中属性的快捷访问

使用摸版中的icon图标

 

摸版图标实现思路

图标怎么运用到界面的？

 

相关文章：

学习黑马vue

项目分析 项目下载地址：vue-admin-template-master: 学习黑马vue 项目下载后没有环境可参考我的篇文章，算是比较详细：vue安装与配置-CSDN博客 安装这两个插件可格式化代码，vscode这个软件是免费的，官网：…...

编程日记 2023/12/16 18:00:06

gdb本地调试版本移植至ARM-Linux系统

移植ncurses库 本文使用的ncurses版本为ncurses-5.9.tar.gz 下载地址：https://ftp.gnu.org/gnu/ncurses/ncurses-5.9.tar.gz 1. 将ncurses压缩包拷贝至Linux主机或使用wget命令下载并解压 tar-zxvf ncurses-5.9.tar.gz 2. 解压后进入到ncurses-5.9目录…...

编程日记 2023/12/16 17:50:58

《Linux C编程实战》笔记：实现自己的ls命令

关键函数的功能及说明 1.void display_attribute(struct stat buf,char *name) 函数功能：打印文件名为name的文件信息，如 含义分别为：文件的类型和访问权限，文件的链接数，文件的所有者，文件所有者所属的组…...

编程日记 2023/12/16 17:49:57

Python个人代码随笔（观看无益，请跳过）

异常抛错：一般来说，在程序中，遇到异常时，会从这一层逐层往外抛错，一直抛到最外层，由最外层把错误显示在用户终端。 try:raise ValueError("A value error...") except ValueError:print("V…...

编程日记 2023/12/16 17:44:54

Unity中实现ShaderToy卡通火（总结篇）

文章目录 前言一、把卡通火修改为后处理效果1、在Shader属性面板定义属性接收帧缓存纹理2、在片元着色器对其纹理采样后，与卡通火相加输出请添加图片描述 二、我们自定义卡通火1、修改 _CUTOFF 使卡通火显示在屏幕两侧2、使火附近屏幕偏红色 前言 在之前的文章中&a…...

编程日记 2023/12/16 17:42:52

等保2.0的变化

1法律地位得到确认 《中华人民共和国网络安全法》第21条规定“国家实行网络安全等级保护制度”，要求“网络运营者应当按照网络安全等级保护制度要求，履行安全保护义务”；第31条规定“对于国家关键信息基础设施，在网络安全等级保护…...

编程日记 2023/12/16 17:40:50

漏洞复现-网神SecGate3600防火墙敏感信息泄露漏洞（附漏洞检测脚本）

免责声明 文章中涉及的漏洞均已修复，敏感信息均已做打码处理，文章仅做经验分享用途，切勿当真，未授权的攻击属于非法行为！文章中敏感信息均已做多层打马处理。传播、利用本文章所提供的信息而造成的任何直接或者间接的…...

编程日记 2023/12/16 17:36:47

ArkTS入门

代码结构分析 struct Index{ } 「自定义组件：可复用的UI单元」 xxx 「装饰器：用来装饰类结构、方法、变量」 Entry 标记当前组件是入口组件（该组件可被独立访问，通俗来讲：它自己就是一个页面）Component 用…...

编程日记 2023/12/16 17:32:44

JS中for循环之退出循环

我为大家介绍一下退出循环的两种方法 1.continue 退出本次循环&#xff0c;一般用于排除或者跳过某一个选项的时候&#xff0c;可以使用continue for(let i 0;i<5;i){if(i 3){continue}// 跳过了3console.log(i) //0 1 2 4}2.break 退出整个for循环&#xff0c;一般用于…...

编程日记 2023/12/16 17:30:42

《Global illumination with radiance regression functions》

总结一下最近看的这篇结合神经网络的全局光照论文。 论文的主要思想是利用了神经网络的非线性特性去拟合全局光照中的间接光照部分&#xff0c;采用了基础的2层MLP去训练&#xff0c;最终能实现一些点光源、glossy材质的光照渲染。为了更好的理解、其输入输出表示如下。 首先…...

编程日记 2023/12/16 17:28:40

华南理工C++试卷

诚信应考 , 考试作弊将带来严重后果&#xff01; 《C程序设计试卷》 注意事项&#xff1a;1. 考前请将密封线内填写清楚&#xff1b; 2. 所有答案请答在试卷的答案栏上&#xff1b; 3&#xff0e;考试形式&#xff1a;闭卷 4. 本试卷共 五 大题&#xff0c;满分100分&#xff…...

编程日记 2023/12/16 17:27:39

0001.WIN7（64位）安装ADS1.2出现L6218错误

用了十多年的笔记本电脑系统出现问题&#xff0c;硬件升级重装以后安装ADS1.2。在编译代码的时候出现L6218错误。如下&#xff1a; 图片是从网上找的&#xff0c;我编译出错的界面没有保留下来。 首先&#xff0c;代码本身没有任何问题 &#xff0c;代码在win7(32位)下编译没有…...

编程日记 2023/12/16 17:25:38

HBuilderX 配置 夜神模拟器 详细图文教程

在电脑端查看App的效果&#xff0c;不用真机调试&#xff0c;下载一个模拟器就可以了 --- Nox Player&#xff0c;夜神模拟器&#xff0c;是一款 Android 模拟器。他的使用非常安全&#xff0c;最重要的是完全免费。 一. 安装模拟器 官网地址&#xff1a; (yeshen.com) 二.配…...

编程日记 2023/12/16 17:24:37

10、神秘的“位移主题”

神秘的“位移主题” 1、什么是位移主题2、位移主题的消息格式3、位移主题是怎么被创建的4、什么地方会用到位移主题5、位移主题的删除机制 本章主题是&#xff1a;Kafka 中的内部主题&#xff08;Internal Topic&#xff09;__consumer_offsets。 __consumer_offsets 在 Kafka …...

编程日记 2023/12/16 17:22:35

【Linux】dump命令使用

dump命令 dump命令用于备份文件系统。使用dump命令可以检查ext2/3/4文件系统上的文件&#xff0c;并确定哪些文件需要备份。这些文件复制到指定的磁盘、磁带或其他存储介质保管。 语法 dump [选项] [目录|文件系统] bash: dump: 未找到命令... 安装dump yum -y install …...

编程日记 2023/12/16 17:19:33

使用 TensorFlow 创建生产级机器学习模型（基于数据流编程的符号数学系统）——学习笔记

资源出处&#xff1a;初学者的 TensorFlow 2.0 教程 | TensorFlow Core (google.cn) 前言 对于新框架的学习&#xff0c;阅读官方文档是一种非常有效的方法。官方文档通常提供了关于框架的详细信息、使用方法和示例代码&#xff0c;可以帮助你快速了解和掌握框架的使用。 如…...

编程日记 2023/12/16 17:15:29

vue实现悬浮窗拖动的自定义指令

首先在自己的项目根目录下建一个 src --> config --> drag.js 然后在main.js中全局引入 //鼠标拖动 import drag from /config/drag; Vue.use(drag); drag.js文件相关代码 import Vue from vue; //使用Vue.directive()定义一个全局指令 //1.参数一&#xff1a;指令的…...

编程日记 2023/12/16 17:13:27

gitee(ssh)同步本地

一、什么是码云 gitee Git的”廉价平替” > 服务器在国内&#xff0c;运行不费劲 在国内也形成了一定的规模 git上的一些项目插件等在码云上也可以找得到 二、创建仓库 三、删除仓库 四、仓库与本地同步 > 建立公钥 五、把仓库同步到本地 六、在本地仓库中创建vue项目…...

编程日记 2023/12/16 17:10:24

Redis新数据类型-Bitmaps

目录 Bitmaps 简介 命令 1. setbit (1) 格式 (2) 实例 2. getbit (1) 格式 (2) 实例 3. bitcount (1) 格式 (2) 实例 4. bitop (1) 格式 (2) 实例 我的其他博客 Bitmaps 简介 Bitmaps 是 Redis 的一种新数据类型&#xff0c;它是一种用于存储位信息的数据结构&…...

编程日记 2023/12/16 17:06:21

web前端之vue组件传参、各种传参的不同写法、语法糖

MENU vue2refemit vue3语法糖refemit(一)语法糖(二) vue2 refemit 子组件 <template><div><el-dialogtitle"新增":visible.sync"dialogFormVisible"close"handleClose"><el-form :model"form"><el-form…...

编程日记 2023/12/16 17:05:21

基于Nexus搭建Maven私服基础入门

什么是Nexus&#xff1f;它有什么优势&#xff1f; 要了解为什么需要nexus的存在&#xff0c;我们不妨从以下几个问题来简单了解一下: 为什么需要搭建私服&#xff1f;如果没有私服会出现什么问题&#xff1f; 对于企业开发而言&#xff0c;如果没有私服&#xff0c;我们所有…...

编程日记 2023/12/16 17:04:20

JavaScript自执行函数：用途、好处

JavaScript中的自执行函数是一个常见的编程技巧&#xff0c;它可以在特定的场景中发挥重要作用。本文将介绍自执行函数的用途、好处&#xff0c;并提供代码示例进行说明。 引言 在JavaScript编程中&#xff0c;自执行函数是一种特殊的函数调用方式&#xff0c;它能够在定义后…...

编程日记 2023/12/16 17:02:18

Git使用无法拉取

错误提示&#xff1a; error setting certificate verify locations: CAfile: C:/Program Files/Git/mingw64/ssl/certs/ca-bundle.crt CApath: none 问题原因&#xff1a; 这个问题是因为git配置里crt证书的路径不正确导致的 解决办法&#xff1a; 这个路径配置是在C:\Pro…...

编程日记 2023/12/16 17:00:16

来聊聊CAS

什么是CAS CAS全称Compare-And-Swap&#xff0c;是一种无锁编程算法&#xff0c;即比较当前的值与旧值是否相等若相等则进行修改操作(乐观锁机制)&#xff0c;该类常用于多线程共享变量的修改操作。而其底层实现也是基于硬件平台的汇编指令&#xff0c;JVM只是封装其调用仅此而…...

编程日记 2023/12/16 16:57:13

【EventBus】EventBus源码浅析

二、EventBus源码解析 目录 1、EventBus的构造方法2、订阅者注册 2.1 订阅者方法的查找过程2.2 订阅者的注册过程1. subscriptionsByEventType 映射&#xff1a;2. typesBySubscriber 映射&#xff1a;2.3 总结订阅者的注册过程 3、事件的发送 3.1 使用Post提交事件3.2 使用p…...

编程日记 2023/12/16 16:50:07

Buck电源设计常见的一些问题（二）MOS管炸机问题

MOS管炸机问题 1.概述2.MOS管的相关参数3.过电压失效4.过电流失效5.静电放电和热失效1.概述 在我们做电源产品或者电机控制器时候，经常会坏MOS管。我相信90%以上的硬件工程师在职场生涯中都会遇到这类问题。然而这类问题也总是让人防不胜防。经常我们都会开玩笑的说，没烧过管…...

编程日记 2023/12/16 16:48:05

Javascript高频面试题

系列文章目录 文章目录 系列文章目录前言1.JavaScript常见数据类型null 和 undefind区别symbol&#xff08;ES6新增&#xff09;、bigInt&#xff08;ES10新增&#xff09; 2.JavaScript判断数据类型的方式3. 和 区别&#xff0c;分别在什么情况使用&#xff1f;4.变量声明 va…...

编程日记 2023/12/16 16:44:02

锁--07_2---- index merge(索引合并)引起的死锁

提示&#xff1a;文章写完后&#xff0c;目录可以自动生成&#xff0c;如何生成可参考右边的帮助文档 文章目录 案例分析生产背景死锁日志表结构执行计划 EXPLAN为什么会用 index_merge&#xff08;索引合并&#xff09;为什么用了 index_merge就死锁了解决方案注&#xff1a;M…...

编程日记 2023/12/16 16:42:00

后端打印不了trace等级的日志?-SpringBoot日志打印-Slf4j

在调用log变量的方法来输出日志时&#xff0c;有以上5个级别对应的方法&#xff0c;从不太重要&#xff0c;到非常重要 调用不同的方法&#xff0c;就会输出不同级别的日志。 trace&#xff1a;跟踪信息debug&#xff1a;调试信息info&#xff1a;一般信息warn&#xff1a;警告…...

编程日记 2023/12/16 16:40:59

声明式编程Declarative Programming

接下来要介绍第五种编程范式 -- 声明式编程。分别从它的优缺点、案例分析和适用的编程语言这三个方面来介绍这个歌编程范式。 声明式编程是一种编程范式&#xff0c;其核心思想是通过描述问题的性质和约束&#xff0c;而不是通过描述解决问题的步骤来进行编程。这与命令式编程…...

编程日记 2023/12/16 16:38:57

手机网站什么意思/ip或域名查询网

getYear():对于1900-1999这段时间而言&#xff0c;返回的年份值是一个两位数字的整数&#xff0c;代表保存年份与1900 年之间的差。 IE对getYear()进行了修正&#xff0c;其他浏览器未修正。 测试代码如下&#xff1a; 1 //IE下输出为2012&#xff0c;非IE下输出为1122 3 var o…...

编程日记 2025/1/17 1:38:07

专门做二手手机的网站吗/深圳关键词快速排名

作为消费者&#xff0c;你是否有这样的经历&#xff1a;你在当当网买了三年的书&#xff0c;但从来没有关注过图书频道首页&#xff0c;没有留意过图书专题Banner&#xff0c;也几乎没有用过图书导航目录。你只用一个功能&#xff1a;搜索。上淘宝&#xff0c;你可能也是这样&a…...

编程日记 2025/1/17 1:25:50

书店商城网站建设方案/百度怎么提交收录

假设consul软件安装在电脑ComputerA上&#xff0c;那么需要注册的服务ServiceA1也需要安装在电脑ComputerA上&#xff0c; 一个服务就是一个提供了ipport&#xff08;或者域名&#xff09;的应用程序。 服务&#xff1a; 服务&#xff1a; 1、服务名称&#xff1a;XXX。则生成的…...

编程日记 2025/1/16 22:04:55

都兰县建设局交通局网站/品牌推广方案案例

01背包&#xff1a; 有N件物品和一个容量为V的背包。&#xff08;每件物品只有一件&#xff09;第i件物品的费用是c[i],价值是v[i],求解将哪些物品装入背包使总价值最大。 转移方程&#xff1a;f[i][v]max{f[i-1][v],f[i-1][v-c[i]]w[i]}&#xff0c;可以优化只用一维数组. 代…...

编程日记 2025/1/16 21:38:00

合肥生态丽景网站建设/app拉新项目一手渠道商

多媒体计算机的组成及应用介绍计算机作为一种重要的娱乐工作的设备&#xff0c;在我们的生活中发挥着重要的作用。那么大家知道多媒体计算机是什么东西么?多媒体计算机都是有由什么部件组成的呢?今天小编就来给大家简单的介绍一下关于多媒体计算机以及相关方面的情况&#xf…...

编程日记 2025/1/16 21:04:07

wordpress主题阁/外链吧官网

上传文件时,$_FILES里面的name是稳健的名称,要获取扩展名就用 strrchr(str,符号)来截取最后一个.后面的扩展名 然后用 trim 去掉特殊字符. 就可以得到扩展名了转载于:https://www.cnblogs.com/jinshuo/p/6224996.html...

编程日记 2025/1/16 20:18:58