第一部分：React入门系列文章目录第一章：React从入门到进阶之初识React第一章：React从入门到进阶之JSX简介第三章：React从入门到进阶之元素渲染第四章：React从入门到进阶之JSX虚拟DOM渲染为真实DOM的原理和步骤第五章：React从入门到进阶之组件化开发及Props属性传值第六章：React从入门到进阶之state及组件的生命周期第七章：React从入门到进阶之Reac
路由一、路由1.1、路由传参1.2、路由上下文1.3、非路由跳转的组件获取路由上下文1.4、exact属性1.5、4041.6、Switch1.7、Redirect二、选择器冲突解决方案2.1、命名空间 BEM2.2、模块化2.3、scss三、async和await 一、路由路由的基本使用我们已经讲过了，现在讲讲路由传参。1.1、路由传参路由传参完成的是组件之间的数据传递（组件传值）1）、par
前 言 React 是一个用于构建[用户界面]的 JAVASCRIPT 库。 React主要用于构建UI，很多人认为 React 是 MVC 中的 V（视图）。 React 起源于 Facebook 的内部项目，用来架设 Instagram 的网站，并于 2013 年 5 月开源。 React 拥有较高的性能，代码逻辑非常简单。 1、React
转载
2024-07-06 09:46:24
49阅读
1.将写好的vue项目打包npm run build打包完成后项目根目录多出来一个dist文件夹2.nginx安装配置Nginx 是一个高性能的 HTTP 和反向代理服务器，此处我们选用 Nginx 镜像作为基础来构建我们的vue应用镜像。2.1获取 Nginx 镜像docker pull nginxDocker镜像（Image）一个特殊的文件系统。Docker 镜像是一个特殊的文件系统，除了提供
转载
2024-10-27 18:30:12
42阅读
vue自动化部署前端项目（脚本部署，未用jenkins）本文所需资料：链接：https://pan.baidu.com/s/1EKmWGAMEv_V2-dQzv1TL1Q 提取码：e4wp 复制这段内容后打开百度网盘手机App，操作更方便哦 用到的技术：vue,npm,pscp,nginx,linux,python,putty,git等前端自动化部署原理：首先从git服务器拉取前端项目代码，然后把
转载
2024-09-12 20:27:37
42阅读
在docker里运行jenkins： docker run ^ --rm ^ -u root ^ -p 8080:8080 ^ -v jenkins-data:/var/jenkins_home ^ -v /var/run/docker.sock:/var/run/docker.sock ^ -v
原创
2024-04-28 13:52:12
249阅读
在docker里运行jenkins：docker run ^ --rm ^ -u root ^ -p 8080:8080 ^ -v jenkins-data:/var/jenkins_home ^ -v /var/run/docker.sock:/var/run/docker.sock ^ -v /D/source/jenkins:/home ^ jenkinsci/blueocea
原创
2022-07-25 12:14:12
442阅读
官⽅⽹站：
https://babeljs.io/ 中⽂⽹站：
https://www.babeljs.cn/ Babel
是
JavaScript
编译器，能将
ES6
代码转换成
ES5
代码，让我们开发过程中放⼼使⽤
JS
新特性⽽不⽤担⼼兼容性问题。并且还可以通过插件机制根据需求灵活的扩展。 Babel
在执⾏编译的过程中，
文章目录git 添加 origindockerfile封装脚本，包装自启动容器先创建一个数据卷 容器创建应用容器 基于 nginx django 容器阻塞 容器推出的小细节使用数据容器配置 nginx uwsgi详解前后端 分离部署 nginx 配置-------------重点结束~~~~~~~~~~~~~~~~~~~~~~centos7 镜像配置中文编码使用挂载数据卷容器构建python36
转载
2024-04-09 20:32:20
130阅读
使用dockerfile实现一次编写，即可一键启动整个项目。再也不用每次繁琐的重新安装环境依赖（前置条件：安装好centos系统，安装好docker软件），配置项目参数等一系列复杂操作。一、安装centos这一步如果是使用云的话可以一键安装，所以这个步骤就省略了。二、安装dockerDocker安装请参考这篇文章 Centos7 安装 Docker三、安装docker-composeDocker
转载
2023-12-14 15:54:07
346阅读
通常来讲，我们在使用docker build Nodejs容器时，代码中就有预设一些参数，作为各个环境的环境变量，例如数据库的URL等 但作为前端应用react，在编译了代码后，生成的代码使用Nginx代理在浏览器中运行，那么注意，在浏览器中没有环境变量这个东西，所以原本在后台Nodejs服务器中的获取环境变量的方案，在前端React项目中不可用实际上，process在浏览器环境都不存在
转载
2023-11-27 15:01:08
94阅读
1. 获得一个 linux server方法很多种，例如 aws EC2 , 阿里云 ECS ， linode 等2. 登录远程服务器并设置服务器命令行使用 ssh 登录，例如：C:\Users\yanchun>ssh root@39.106.35.44然后对服务器进行一些基本设置，使其具有更高的安全性。2.1 更新服务器上所有软件apt update2.2 升级所有软件apt upgrad
React介绍介绍React是Facebook内部的一个JavaScript类库。React用于创建Web用户交互界面。React不是一个完整的MVC框架，只负责MVC中的V(View)视图层，甚至React不认可MVC开发模式。React的设计思想极其独特，属于革命性创新，性能出众，代码逻辑简单。React引入了虚拟DOM(Virtual DOM)的机制。React引入了组件化的思想，一切皆组件
转载
2024-09-03 08:33:49
51阅读
该项目是我跟着神三元（抖音架构组）做的一款网易云音乐的 WebApp，原电子书链接
主要技术栈：react hooks + redux + immutable.js
后端部分：采用 github 上开源的 NodeJS 版 api 接口 NeteaseCloudMusicApi，提供音乐数据。本项目使用新版本的依赖进行构建（如：react-router v6），新版本依赖的使用可以参考本文，具体知
转载
2024-07-26 13:45:20
29阅读
项目部署1. 项目部署介绍当我们的项目开发完毕后，我们需要将项目打包、部署到服务器上，供用户来使用。目前，常见的部署方式有两种：后端部署前后端分离部署1-1 后端部署这是最古老的部署方式，也是最常见的一种部署方式。我们前端只需要将我们的项目打包好，交给后端开发人员即可。后端开发人员会把我们打包好的项目放到后端的静态资源目录里面。1-2 前后端分离部署随着前后端分离开发模式的流行，现在可以采用前后端
前言相信很多人都很头疼 Docker 的部署，我自己也是。最近发现一个很有意思的现象：一个人想学某样技术的时候，当学会了之后，但是这时出现了一个问题需要学习另一门技术时，无论这个人前面学得多么刻苦，用功，到这一步有 99% 的概率都会放弃。我愿称这种现象为 “学习窗口”。写一个网站、学会 Vue.js 是很多人的“学习窗口”，只要离开了这个“学习窗口”，他们就不想学了：我都学这么多了，草，怎么最后
转载
2024-07-11 09:37:09
82阅读
前言最近学了React和SSM，恰好工作室有个餐馆的外卖项目，于是尝试使用React+SSM的方式做了一个。因为是初次接触这种整合以及服务器部署，翻了不少文档与博客。记录下来详细过程，以供参考。React部分修改路由如果你的项目使用了react-router-dom，并且使用了<BrowserRouter>，那么需要执行如下操作。如果没有，那么可以直接进入build环节。 打
引言 最近React作为当前最为火热的前端框架。最近也相继而出来相关ES7的新语法。 当然，在使用React开发web项目的时候，不得不提到的就是与之配套的相应的打包技术，之前上文已经简单的提到React+webpack的相关环境搭建。 不过昨天，在技术群聊里，又有人提到，如何更好的利用webpack进行开发与打包。那么今天，我就用一个例子来解释一下，利用webpack来打包react项目与
转载
2024-05-28 15:12:05
191阅读
docker自动化部署前端项目实战一本文适用于个人项目，如博客、静态文档，不涉及后台数据交互，以部署文档为例。思路利用服务器node脚本，监听github仓库webhook push事件触发post请求，自动拉取最新代码，再用docker接管项目编译、部署。环境本文使用云服务器搭建，环境版本：OS：CentOS Linux release 8.2.2004docker：19.03.12node：1
vue打包命令npm run build产生一个dist文件，里面会有所有项目编译好的内容，还有一个.map文件, 这个是帮助你维护用的 你也可以选择修改一下配置，不生成 > 可以减少编译后的体积。创建 vue.config.js
代码如下module.exports = {
productionSourceMap: false, // 在你npm run build 不输出, .map
转载
2024-04-17 22:01:37
115阅读
