helloBearBaby-CSDN博客

原创 React和Vue的异同

异React 是一个库，而 Vue 是一个框架React 允许 DOM 操作、组件架构和状态管理；Vue 附带了许多语法糖、插件系统、内置指令、转换等生命周期react 生命周期：React 整体是函数式的思想，在 React 中是单向数据流vue 生命周期：Vue 的思想是响应式的，也就是基于是数据可变的重新渲染的机制：React 提倡函数式编程。它实现了函数式编程原则，例如高阶函数、不变性、纯函数等。React 背后的理念是状态保持不变。当试图改变状态对象时，不会发生重新渲染。

2022-04-10 22:22:57 605

原创阿里云服务器系列（六）使用Github action在阿里云上CICD json-server

安装json-serverjson-server需要node环境才能运行，所以需要检查本地是否安装node，使用node -v查看本地环境是否安装，如果安装会提示版本，如果未安装则报错。npm install -g json-server查看json-server是否安装成功：json-server --help则安装成功可以尝试写一个json 文件：db.json{ "data": [ { "title": "博物馆", "address": "成

2021-12-16 20:46:07 2011

原创阿里云服务器系列（五）使用Github Action发布项目到阿里云

创建一个GitHub action在GitHub仓库选中action，创造一个actionname: deploy to aliyunon: push: branches: - masterjobs: build: runs-on: ubuntu-latest steps: # 切换分支 - name: Checkout uses: actions/checkout@master # 下载 git su

2021-12-02 21:34:27 1677

原创阿里云服务器系列（四）配置Nginx

安装 Nginx因为其他方式在我的服务器安装失败，所以这里用的直接下载安装包，编译源码的方式安装。安装Nginx相关依赖yum install -y gcc-c++yum install -y pcre pcre-develyum install -y zlib zlib-develyum install -y openssl openssl-devel下载安装包可以通过Nginx开源社区直接获取对应版本的安装包URL，这里下载的是1.8.1版本wget http://nginx.org

2021-11-28 16:00:24 297

原创阿里云服务器系列（三）在Jenkins上构建代码--以React项目为例

安装Jenkins的NodeJS在Jenkins的管理面板，进入全局工具配置找到Node JS安装，选择你需要的版本，我需要的是15.2.1版本的NodeJS，并且给他起一个别名，方便之后找到这个NodeJS 。保存。安装Node插件安装 NodeJS Plugin配置构建环境进入具体项目的设置，在构建触发器中选择Provide Node & npm bin/ folder to PATH，然后在选择框中选择刚刚全局配置的NodeJS（是刚刚全局配置时自己设置的别名）构建步

2021-11-28 15:45:15 695 1

原创阿里云服务器系列（二）配置私有仓库与Jenkins的连接

Jenkins新建项目参考Jenkins git 集成踩坑记录出现Error performing git command表明服务器没有安装Git，去服务器里安装一下：yum -y install git配置git的path从服务器中找到git的安装路径:which git进入Global Tool Configuration找到git，把git的路径放进来：无法连接仓库 status code 128需要配置github的token：在github的配置页生成一个to

2021-11-23 23:18:54 611

原创阿里云服务器系列（一）安装Java与Jenkins

配置服务器购买阿里云服务器之后，进行服务器的配置配置实例密码可以将默认的root密码进行更改，之后选择重启连接选择第一种，输入刚设置的密码，即可连接成功java下载用自己电脑下载jdk，这样速度会快一点https://www.oracle.com/java/technologies/downloads/#java8安装在服务器新建一个java路径mkdir /usr/local/java进入到对应的安装目录下cd /usr/local/java然后在自己电脑cmd中

2021-11-21 23:31:19 843

原创 webpack

安装webpacknpm install -g webpacknpm install -g webpack-cli项目中使用webpack1.先新建一个项目mkdir webpackDemocd webpackDemo2.通过 npm init 生成 package.json 文件，这个文件用来描述项目信息以及依赖配置等。这里基本一路回车就好。3.创建 index.html 文件和 src 文件夹目录结构：webpackDemo|- package.json+ |- index.h

2021-09-23 17:49:22 59

原创 Jenkins git 集成

1. 创建一个git demo在自己git 仓库建一个仓库这里创建了一个demo.jsconsole.log('hello jenkins')2. 安装git plugin登陆jenkins homepagemanage jenkins -> manage plugin -> 可选插件搜 git plugin 安装如果第一次启动Jenkins 选择安装建议的插件那么这一步就不需要安装了3. 创建一个jenkins job新建Item => freesty

2021-08-24 17:11:42 462

原创安装与使用Jenkins

1. 下载Jenkinshttps://www.jenkins.io/download/下载.war包2. 启动Jenkinscd /Jenkins //下载的jenkins目录java -jar jenkins.war命令跑失败了需要查看是不是8080的端口被占用了。3. 解锁Jenkins浏览http://localhost:8080并等到解锁 Jenkins页面出现。密码 :cat /root/.jenkins/secrets/initialAdminPassword4.

2021-08-24 15:19:11 89

原创设计模式学习笔记

设计模式什么是设计模式设计模式是由代码结构优化经验萃取出来的理论知识，应用成熟的设计模式能够增强代码的可复用性、可扩展性与可维护性。设计模式不能滥用。常用设计模式策略模式1. 定义定义了算法族，分别封装起来，让它们之间可以互相替换，此模式让算法的变化独立于使用算法的客户。即把可以替换的算法步骤封装成一个个算法族，供运行时动态选择2. 核心策略模式核心是对算法的封装专注于实现算法（策略）的选择，支持运行时动态改变策略具体实现是把变化的部分找出来，定义为接口，每个接口对应一组算法，每一

2021-08-06 11:56:27 181

原创持续集成CI与Jenkins

持续集成CI持续集成说明持续集成是一种软件开发实践。采用持续集成时，开发人员会定期将代码变更合并到一个中央存储库中，之后系统会自动运行构建和测试操作。持续集成通常是指软件发布流程的构建或集成阶段，需要用到自动化组件（例如 CI 或构建服务）和文化组件（例如学习频繁地集成）。持续集成的主要目标是更快发现并解决缺陷，提高软件质量，并减少验证和发布新软件更新所需的时间。为什么需要持续集成？过去，一个团队的开发人员可能会孤立地工作很长一段时间，只有在他们的工作完成后，才会将他们的更改合并到主分支中。这使得

2021-07-21 23:04:43 118

原创静态页面生成（SSG）

静态页面生成（SSG）SSG：Static Site Generation，静态页面生成；SSR：Server Side Rendering，服务端渲染；什么是静态网站（static website）？静态网站由一个或多个每次以相同方式加载的 HTML 网页组成。静态网站与动态网站形成对比，动态网站的加载基于任意数量的变化数据输入，例如用户的位置、时间或用户操作。静态网页是可以快速加载的简单 HTML 文件，而动态网页需要在浏览器中执行 JavaScript 代码才能呈现。什么是SSG（st

2021-07-21 23:01:04 2665 2

原创项目上的工具配置

目录Git 相关husky安装Git hooks用法lint-staged安装用法示例代码检测工具eslint安装用法例子规则 Rulesstylelint安装用法规则 Rules格式化prettier安装用法Git 相关huskyhusky是一个npm包，安装后，可以很方便的在package.json配置git hook 脚本。https://typicode.github.io/husky/#/

2021-07-21 22:57:34 174

hellolilia的博客