跳至主要內容
CharHua印迹小屋

CharHua印迹小屋

学习 | 工作 | 生活 | 娱乐

Vue2商城项目
一个基于vue2开发的在线商城
前端基础视频
带你入门前端
TypeScript
TypeScript学习笔记
网易云音乐主页
听听歌而已啦
前端项目自动化部署

jenkins+nginx自动化部署前端Vue项目

一、前言

本教程由charhua编写,其内容均为自身实践所得。本次部署采用设备和应用情况:

  • 腾讯云Centos 8.2系统
  • jenkins 2.5+
  • nginx服务器
  • Github
  • Gitee

为什么没有Docker?

其实本文一开始是以docker实践的,后面因为性能原因,选择原生运行。其实使用docker运行的方法与此方法很相似,无非安装docker和配置docker工作目录,之后执行时在docker执行。若你想要以docker运行,建议您:


CharHua大约 8 分钟自动化部署CICD
学习主页建设规划

计划计划计划

  • [√] 学习主页初步完成
  • [ ] 学习主页内容基本完成
  • [ ] 新站开发
  • [ ] 新站迁移

迁移计划

目前本站只是过渡性方案,在未来可能会迁移到新站。当然现在大部分时间精力都放在学习、生活以及后面的工作准备上。我也希望能建设一个更好更符合自己的个人博客☺️


CharHua小于 1 分钟学习主页规划Plan
明天520啦

明天520啦

虽然520,可确实与我无关... 但,明天解封啦!!!wuho!! 🤪


CharHua小于 1 分钟说说May20th
Axios基本使用

Axios基本使用

一、安装

  1. 使用npm包管理器:

    npm install axios
    
  2. 使用yarn:

    yarn add axios
    
  3. 使用CDN:

    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    

CharHua大约 9 分钟JavaScriptAxios网络请求前后端交互
Typescript基础知识

Typescript基础知识

一、类型声明

在TypeScript中定义变量需要指定 标识符 的类型。

一、格式

1、基本定义

var/let/const 标识符: 数据类型 = 赋值;

CharHua大约 21 分钟TypeScriptTypeScript静态类型干货
TypeScript安装与配置

TypeScript安装与配置

一、安装及配置

1、Typescript安装

局部安装:

npm install typescript -D

CharHua大约 2 分钟TypeScriptTypeScriptTS安装配置
Vuex使用总结

一、 Vuex 4介绍

1、Vuex状态管理模式

1、通过定义和隔离状态管理中的各种概念并通过强制规则维持视图和状态间的独立性,我们的代码将会变得更结构化且易维护。

2、Vuex 使用单一状态树: 用一个对象就包含了全部的应用层级的状态; 采用的是SSOT,Single Source of Truth,也可以翻译成单一数据源; 这也意味着,每个应用将仅仅包含一个 store 实例; 单状态树和模块化并不冲突,后面我们会讲到module的概念;

3、单一状态树的优势: 如果你的状态信息是保存到多个Store对象中的,那么之后的管理和维护等等都会变得特别困难; 所以Vuex也使用了单一状态树来管理应用层级的全部状态; 单一状态树能够让我们最直接的方式找到某个状态的片段,而且在之后的维护和调试过程中,也可以非常方便 的管理和维护;


CharHua大约 12 分钟VueVuex4状态管理