docker 部署 vue+springboot前端+后端 整合在一个镜像中
如果你自己独立开发了一套前后端分离的项目，想要把它放在一个docker镜像中，一键部署，真正做到开箱即用。 1、什么是dockerbuild once, run everywhere 2、打包前后端文件2.1、打包前端文件1.在项目下执行注意！打包之前你的api不要设置成localhost或者127.0.0.1，而是要换成你等下要部署的服务器的ip地址 123npm run build//oryarn build 2.会生成一个dist文件夹，里面就是你前端所有的代码，等会挂载到nginx服务上 2.2、打包后端文件1.pom.xml里指定打包方式为jar包 1234<project> //意为在project下加入下面这个标签 <packaging>jar</packaging></project> 2.打包3.打包之后应该会在target下面生成jar包 3、制作docker镜像注意：windows环境下也可以制作镜像，思路都是一样的1.centos7下安装docker 123456789101112131415# 安装依赖（ ...
React18实现keepalive效果 react-router-dom@6 outlet 路由页面缓存
前言：React18实现keepalive效果 react-router-dom@6 outlet 路由页面缓存注意是实现路由页面的缓存，其他的看官方文档自己摸索，原理都是一样的 1.版本环境123"react": "^18.2.0","react-dom": "^18.2.0","react-router-dom": "^6.4.2" 按道理版本低一点也没有什么关系。 2.react-activation 这是一个npm包，在react keep alive中用的人数应该是最多的包.这是GitHub地址react-activation 2.1.安装123yarn add react-activation# 或者npm install react-activation 2.2.关闭严格模式在main.tsx里把<React.StrictMode></React.StrictMode>这个标签删掉。 2.3.AliveScope使用一般把A ...
微信公众号早安定时推送、提醒(自由发挥)，无需花钱购买服务器，免费自动推送方法NodeJs，leancloud，serverless(已更新，非常简单)
一、申请微信公众号测试号https://mp.weixin.qq.com/debug/cgi-bin/sandboxinfo?action=showinfo&t=sandbox/index微信扫码登录： 二、让目标扫码关注公众号 三、新增模板这一步可以自由发挥，这里我只弄了一个天气的api，其他的api网上都有。。。这个是我的模板 1234Hi早上好{{city.DATA}} {{textDay.DATA}} {{tempMin.DATA}}°~{{tempMax.DATA}}° 记得打卡 想要获得天气信息，需要调用天气的接口这里推荐 和风天气 注册登录 应用管理->创建应用->得到key 城市代码查询https://github.com/qwd/LocationList/blob/master/China-City-List-latest.csv，可以按住Ctrl+F查找 开发版的天气api为htt ...
es6尾调用
1.尾调用优化 尾调用之所以与其他调用不同，就在于它的特殊的调用位置。 我们知道，函数调用会在内存形成一个“调用记录”，又称“调用帧”（call frame），保存调用位置和内部变量等信息。如果在函数A的内部调用函数B，那么在A的调用帧上方，还会形成一个B的调用帧。等到B运行结束，将结果返回到A，B的调用帧才会消失。如果函数B内部还调用函数C，那就还有一个C的调用帧，以此类推。所有的调用帧，就形成一个“调用栈”（call stack）。 尾调用由于是函数的最后一步操作，所以不需要保留外层函数的调用帧，因为调用位置、内部变量等信息都不会再用到了，只要直接用内层函数的调用帧，取代外层函数的调用帧就可以了。 123456789101112131415function f() { let m = 1; let n = 2; return g(m + n);}f();// 等同于function f() { return g(3);}f();// 等同于g(3); 上面代码中，如果函数g不是尾调用，函数f就需要保存内部变量m和n的值、g的调用 ...
服务器部署vue的另一种姿势
服务器部署vue的另一种姿势 上一篇文章我已经讲到了用yarn build或npm run build 的方法将vue项目编译打包生成静态文件dist的方法 这次我们讲一下如何使用yarn serve或npm run serve的方法将本地正在运行的项目暴露给外网访问 1.安装nginx nginx 安装配置nginx的方法我上一篇文章有（已安装请忽略） !!!注意!!! 在终端输入命令之前先输入su，切换到root用户，不然很多操作都用不了 2.安装npm和node2.1.添加NodeSource yum仓库运行以下curl命令 将 NodeSource yum 存储库添加到您的系统 1curl -sL https://rpm.nodesource.com/setup_10.x | sudo bash - 2.2. 安装 Node.js 和 npm1sudo yum install nodejs 2.3. 验证 Node.js 和 npm 安装12node -vnpm -v 出现版本号则安装成功 2.4配置npm清华镜像 如果不配置的话npm install会很慢 12 ...
将vue项目部署到服务器上
如何将已经写好的vue项目部署到服务器上1.首先你得有一台安装了linux系统的服务器或者虚拟机 我测试使用的是虚拟机上的CentOS 7系统， 虚拟机在这里模拟的是服务器， 虚拟机的安装和下载我就不多掰掰了。 如果是服务器的话，初始配置的时候选择linux系统，Ubuntu和CentOS都行 但Ubuntu一般用来学习linux，而CentOS用作服务器系统的比较多 !!!注意!!! 在终端输入命令之前先输入su，切换到root用户，不然很多操作都用不了 2.使用Xshell 连接虚拟机或者服务器上的系统（非必要）在windows下的Xshell可以远程连接服务器，直接在Xshell里操作系统终端，避免重复进入linux系统的麻烦 这里是Xshell的百度网盘链接 链接：https://pan.baidu.com/s/1nN32a974_Q_IcRGq8cci6Q提取码：0922 3.在自己的电脑上下载filezillafilezilla可以将自己本地的文件传输到服务器上，官网下载地址https://filezilla-project.org/download.php?type ...
解决百度文库等各种文库不能复制的问题
1.进入网页按下 F12 按钮进入开发者模式2.点击如图设置按钮 3.将滑轮滑倒最下面将该选项打勾，勾选该选项是禁用本页面的JavaScript（也就是阻止用户与页面交互）。 4.这时你就可以尽情复制该页面内容了以上是chrome浏览器的样式，像edge等浏览器都大同小异，赶紧去教你的室友吧！！！别忘了点个赞 heihei~
3D旋转木马 HTML+css
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>旋转木马</title> < ...
vue使用scss报错
在vue中使用scss需要安装下面三个package 123node-sasssass-loaderstyle-loader 但直接用yarn add node-sass这条命令安装的话，最后会报很多错误。因为这个命令默认安装的是该包的最新版本，node-sass和sass-loader会出现不兼容的问题。所以我们用一下命令指定安装兼容版本 123yarn add node-sass@^4.14.1 --devyarn add sass-loader@^7.3.1 --devyarn add style-loader --dev 这里的- -dev表示安装为开发时依赖像less sass scss 这种预处理器只有在开发的时候才能用到，将整个项目打包后(此时已不再是”开发模式”)，项目里面的样式已经变为css，用户在拿到该项目的包之后执行yarn install时，不会下载package.json里开发依赖的包，只会下载运行依赖的包，减小了负担。
Hello World
Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub. Quick StartCreate a new post1$ hexo new "My New Post" More info: Writing Run server1$ hexo server More info: Server Generate static files1$ hexo generate More info: Generating Deploy to remote sites1$ hexo deploy More info: Deployment