项目学习
未读前言最近在学习vue,记录一下自己的学习过程,希望能帮助到后来者。我很烦恼每次的底部栏都要重新搞一套图标啊还有重新写布局之类的,既然有vue组件化的功能我想直接做一个完成品的组件,直接可以拿来使用
在github上创建仓库首先需要在github上创建一个仓库,然后克隆到本地git clone <仓库地址>
创建dev分支git branch dev
切换到dev分支git checkout dev
初始化项目项目名称要和仓库名称一致,并且在同一个根目录下npm create <项目名称>
项目是vue-cli创建的,我的电脑因为是重置过,一开始没有安装Vue-cli,所以需要先全局安装Vue-cli
全局安装Vue-cliNpm install -g @vue/cli
安装完vue-cli之后,按照上面的初始化代码,安装项目文件,注意,全局安装Cli是在电脑的CMD里面安装的,但是项目目录要到你的硬盘下进行初始化,比如我在f盘的目录下创建项目,那么命令应该是:cd f:/vue create <项目名称>
项目目录结构├── README.md├─ ...
vue学习笔记
未读VueX的作用Vuex 是一个专门为 Vue.js 应用程序开发的状态管理模式。它的作用是集中管理 Vue 应用中多个组件共享的状态。使用 Vuex 可以更好地组织和管理 Vue 应用中的状态,并且使得状态的变化更加可追踪和可调试。
在一个大型的 Vue 应用中,如果有多个组件需要共享状态(如登录状态、用户信息等),可以使用 Vuex 来集中管理这些状态,避免了组件之间的状态传递和管理变得混乱不堪。
Vuex 的核心概念包括 state(状态)、mutation(修改状态的方法)、action(异步修改状态的方法)以及 getter(状态的计算属性)。通过这些概念,可以更好地理解和使用 Vuex 来管理 Vue 应用中的状态。
下面是一个简单的 Vuex 示例:// store.jsimport Vue from 'vue';import Vuex from 'vuex';Vue.use(Vuex);const store = new Vuex.Store({ state: { count: 0 }, m ...
vue学习笔记
未读设置路由守卫的意义路由守卫是在前端框架中用于控制页面访问权限和处理导航的重要机制。通过设置路由守卫,开发人员可以在用户访问特定页面前或后执行逻辑代码,以实现诸如认证、授权、重定向等功能。
在大多数流行的前端框架中,例如Vue.js和Angular,都提供了路由守卫的功能,以便开发人员可以根据需要对应用程序的导航行为进行精细的控制。
路由守卫通常包括以下几种类型:
导航守卫(Navigation Guards):用于在导航触发前或后执行逻辑,控制导航的进行与否,以及在导航发生时执行特定的操作。
路由守卫(Route Guards):用于在路由级别进行权限验证,决定用户是否可以访问特定的路由或组件。
设置路由守卫的意义在于加强对应用程序的安全性和可控性,以及改善用户体验。通过使用路由守卫,可以实现如下功能:
认证和授权:在用户访问特定页面前验证其身份并控制其访问权限。重定向:根据业务逻辑将用户重定向到不同的页面,例如未登录用户重定向到登录页面。数据预取:在导航到某个路由前提前获取需要的数据,以提高页面加载速度和用户体验。由于路由守卫可以灵活地应用于不同的路由和情景,开发人员可以根据具体需求 ...
Git常用命令git init // 初始化一个Git仓库git add <文件名> // 添加文件到暂存区git commit -m "提交说明" // 提交暂存区到仓库区git status // 查看仓库状态git log // 查看提交历史git diff // 查看暂存区和仓库区的差异git reset --hard HEAD^ // 回退到上一个版本git reset --hard 版本号 // 回退到指定版本git branch // 查看分支git branch <分支名> // 创建分支git checkout <分支名> // 切换分支git merge <分支名> // 合并分支git branch -d <分支名> // 删除分支
Git配置git config --global user.name "用户名" // 配置用户名git config --global user.email "邮箱" // 配置邮箱
Git远程仓库
创建SSH K ...
我分享的指令来源在B站的一个专栏,吃的东西基本都能捡到我就不整理了,我整理的是我常用的一些
森林之子 枪械
物品名称
物品ID
步枪
361
手枪
355
散弹枪
358
电击枪
535
左轮手枪
386
枪械配件
物品名称
物品ID
手电筒配件
378
手枪枪轨
376
手枪消音
374
散弹枪轨
346
步枪枪轨
383
望远镜
341
森林之子 枪械子弹
物品名称
物品ID
9mm子弹
362
步枪子弹
387
铅弹子弹
364
散弹块
363
电击枪子弹
369
森林之子 衣服指令
物品名称
物品ID
礼服
492
迷彩服
558
裙子
556
皮套装
557
田径服
555
冬季外套
500
睡衣
487
森林之子 房卡
物品名称
物品ID
维护房卡
566
来宾房卡
567
VIP房卡
568
森林之子 防御甲
物品名称
物品ID
叶子甲
473
科技甲
554 ...
森林之之建筑指令分享指令一:无蓝图建造使用这个指令可以不用一点一点E,开启指令之后可以直接拍蓝图完成建造instantbookbuild on
指令二:直接完成蓝图这个指令和第一个指令的不同在于,这个指令是拍下了蓝图,但并没有开启无蓝图建造,那么,蓝图模式下的建筑会出现在地图中使用这个蓝图可以完成未完成的建筑,按照一代的说法是完成左下角的蓝图清单finishblueprints
指令三:高尔夫球车和高尔夫雪车这个指令可以让你在游戏中直接生成高尔夫球车和高尔夫雪车,不需要到处去找车(这个指令发现的时候已经是正式版发布前两天了,可惜了)
高尔夫球车addprefab golfcart
高尔夫雪车addprefab snowgolfcart
指令四:无限木头
这个指令可以让你无限的获得木头,无限的使用木头来建造建筑loghack on
指令五:无限石头这个指令可以让你无限的获得石头,无限的使用石头来建造建筑,这个石头不是圆的石头是新更新的石头stonehack on
指令六:显示建筑木头的名字信息togglestructureresistancedebug on
指令七:删除建筑木 ...
森林之子Mod分享介绍森林之子是一款由上海森林之家开发的一款游戏,其游戏内容以冒险为主,玩家需要在森林中探索、收集、制造各种资源、建造建筑、进行战斗,以获得胜利。
Mod介绍
1. Alex-modmenuAlex-modmenu是一款非常有用的mod,它可以让你在游戏中快速打开mod菜单,并在菜单中管理所有mod。
2. BinocularsZoomMod这是一个可以使望远镜放大和缩小的mod,原版的望远镜只能观看,这个mod可是使用滑轮拉进拉远
3. StackModStackMod是一个可以让你设置堆叠的数量,更改物品在背包中的存储上限,比如树枝原来只能二十个,现在可以储存自己想要的数值
4. UnstuckBuddyUnstuckBuddy是一个可以让凯文脱离卡死,凯文总是寻路把自己卡住,卡在一个出不来的地方一直原地走,这个mod利用一个按键可以把凯文吸出来吸到自己身边
5. Sorter这个mod可以把背包的物品一键整理到架子上,目前似乎是存在bug,我不确定是不是我的问题,这个mod目前可以整理的地方是盔甲架和壁架
Hexo
未读导航栏menu: 文章: 隧道: /archives/ || anzhiyu-icon-box-archive 分类: /categories/ || anzhiyu-icon-shapes 标签: /tags/ || anzhiyu-icon-tags 友链: 友人帐: /link/ || anzhiyu-icon-link 留言板: /comments/ || anzhiyu-icon-envelope 我的: 追番页: /bangumis/ || anzhiyu-icon-bilibili 相册集: /album/ || anzhiyu-icon-images 小空调: /air-conditioner/ || anzhiyu-icon-fan 音乐馆: /music/ || anzhiyu-icon-music 关于: 关于本人: /about/ || anzhiyu-icon-paper-plane 闲言碎语: /essay/ || anzhiyu-icon-lightbulb 随便逛逛: jav ...
Hexo搭建教程安装Node.js和Git首先,你需要安装 Node.js 和 Git。你可以在官网上下载安装包进行安装。
安装Hexo打开命令行工具,输入以下命令安装 Hexo:npm install -g hexo-cli
初始化博客在命令行中,进入你想要存放博客的目录,然后输入以下命令:hexo init <folder>cd <folder> npm install生成静态文件hexo generate启动本地部署hexo server现在,你可以在浏览器中访问 http://localhost:4000 来查看你的博客了。
当修改了博客的配置文件时,需要重新运行博客进程
修改启动的端口当需要启动多个项目时,端口会出现占用报错,可以使用以下命令启动另一个项目hexo s -p 5000
快速启动
hexo一键三连
hexo cl && hexo g && hexo s
更换主题
下载主题:您可以在 GitHub 上找到 NexT 主题的仓库,然后将其克隆到您的 themes 文件夹中。例如:
1. cd blog2. git clone -b main https://github.com/anzhiyu-c/hexo-theme-anzhiyu.git themes/anzhiyu
修改 Hexo 配置:为了启用 NexT 主题,您需要在站点配置文件(位于博客根目录)中找到 theme 字段并将其值更改为anzhiyu。
theme: anzhiyu
注意 安装额外的主题需要下载渲染器,不然会显示不出来
npm install hexo-renderer-pug hexo-renderer-stylus --save
便捷的修改主题文件
将them/<主题名>的主题文件复制到根目录,修改为config<主题名>.yml
为了方便修改,建议直接复制主题文件内容到修改的文件中,这样可以方便增删
_config.<主题名>.yml中的配置优先级大于_config.yml
本地启动清理缓存hexo cl生成本 ...