获得徽章 8
赞了这篇文章
关注了
首先，祝自己生日快乐
花了两周时间，刚刚会使用mariadb和mongoose简单的增删改查![[泪奔]](//lf3-cdn-tos.bytescm.com/obj/static/xitu_juejin_web/img/jj_emoji_85.43ad2fc.png)
然后尝试把以前自己写的echarts保存在数据库中
吐槽一下自己
自己给自己提需求真的难。不知道界面该怎么规划，不知道保存的时候需要使用哪些字段。哪一种保存在mariadb比较方便，哪一种保存在mongodb比较方便
然后找了两天的web页面自己的代码编辑器，一个都没找到（code mirror可能可以）。目前还是用textarea暂时代替一下
vue3+ts全是报错，写个function，传入参数必须提前使用interface定义，然后大量的interface都不知道放哪里比较好，现在全放在当前文件中（弱弱的问一句，哪里有ts比较好的教程，B站找了一个看完，就是怎么定义，好像学到了，又好像没学到）
跑一个build，因为ts老是通不过。勉强通过了，又一个warning关于any的。问题是一个是trycatch里面的error抛出的，一个是axios定义响应参数的。这两个本来就是不能确定的。难受的一匹
吐槽完了，然后呢靠着自己勉勉强强把前后端打通，后端简单一点使用了express+mariadb+mongo，前端vue3+ts（终于就两个不知道咋改的warning:any）。配合git hook+docker。一提交本地就可以打包。再加上pm2的自动重启。整体自用还行
以上整个技术也算是给自己一个前端生涯的技术总结吧（也就会这么一点，我真的是一个假的前端）
希望赶快学会低代码平台的搭建，不然绝对就被淘汰了，挺慌得哈哈哈哈
花了两周时间，刚刚会使用mariadb和mongoose简单的增删改查
![[泪奔]](http://lf3-cdn-tos.bytescm.com/obj/static/xitu_juejin_web/img/jj_emoji_85.43ad2fc.png)
然后尝试把以前自己写的echarts保存在数据库中
吐槽一下自己
自己给自己提需求真的难。不知道界面该怎么规划，不知道保存的时候需要使用哪些字段。哪一种保存在mariadb比较方便，哪一种保存在mongodb比较方便
然后找了两天的web页面自己的代码编辑器，一个都没找到（code mirror可能可以）。目前还是用textarea暂时代替一下
vue3+ts全是报错，写个function，传入参数必须提前使用interface定义，然后大量的interface都不知道放哪里比较好，现在全放在当前文件中（弱弱的问一句，哪里有ts比较好的教程，B站找了一个看完，就是怎么定义，好像学到了，又好像没学到）
跑一个build，因为ts老是通不过。勉强通过了，又一个warning关于any的。问题是一个是trycatch里面的error抛出的，一个是axios定义响应参数的。这两个本来就是不能确定的。难受的一匹
吐槽完了，然后呢靠着自己勉勉强强把前后端打通，后端简单一点使用了express+mariadb+mongo，前端vue3+ts（终于就两个不知道咋改的warning:any）。配合git hook+docker。一提交本地就可以打包。再加上pm2的自动重启。整体自用还行
以上整个技术也算是给自己一个前端生涯的技术总结吧（也就会这么一点，我真的是一个假的前端）
希望赶快学会低代码平台的搭建，不然绝对就被淘汰了，挺慌得哈哈哈哈
展开
2
1
请教关于vue3 setup props传入子组件后，如何自己去维护这个props。在vue2中，通过data:{return {a:this.props.a}}可以解决，在vue3的setup中该如何解决这个问题？
如图，是我自己瞎琢磨的，感觉我自己这个写法有问题。不太可能需要这样套两层才能搞定吧。
之前直接使用toRef。却无法修改值，在调试里面说是props的变量是readonly的。
```
// 错误readonly
const option_textarea = toRef(props, 'optionStr');
```
向各位大佬们请教一下，应该需要如何解决这个问题？
如图，是我自己瞎琢磨的，感觉我自己这个写法有问题。不太可能需要这样套两层才能搞定吧。
之前直接使用toRef。却无法修改值，在调试里面说是props的变量是readonly的。
```
// 错误readonly
const option_textarea = toRef(props, 'optionStr');
```
向各位大佬们请教一下，应该需要如何解决这个问题？
展开
1
点赞
![[捂脸]](http://lf3-cdn-tos.bytescm.com/obj/static/xitu_juejin_web/img/jj_emoji_28.8981538.png)
![[哭笑]](http://lf3-cdn-tos.bytescm.com/obj/static/xitu_juejin_web/img/jj_emoji_61.a296509.png)
）。![[坏笑]](http://lf3-cdn-tos.bytescm.com/obj/static/xitu_juejin_web/img/jj_emoji_41.2751fc1.png)
） 遇到个问题，无法解决。
关于pm2+docker的启动问题
在本地，可以正常启动，且功能全部正常
在docker容器中无法进入index.js
下面是相关配置文件
```
// docker-compose.yml
back:
build: ./docker-data/back
container_name: visual_back
restart: always
ports:
- "5050:3000"
volumes:
- ./docker-data/back/project:/project
expose:
- 5050
// dockerfile
FROM node:16.13.2
RUN yarn global add tyarn \
&& tyarn global add pm2
WORKDIR /project
CMD tyarn && pm2 start ecosystem.config.js
// ecosystem.config.js
// ！！！在docker中，console.log可以正常打印
name: "back",
cwd: "/project",
script: "./index.js",
out_file:"./logs/back.log",
error_file:"./logs/err.log",
watch: true,
ignore_watch: [
"node_modules",
"logs"
],
// index.js
// ！！！程序并未进入该文件，所以什么都没有输出
console.log("启动node");
const express = require('express')
const cors = require('cors')
const app = express()
app.use(cors())
app.listen('3000', () => {
console.log('服务启动成功')
})
```
node_modules已在文件夹中，pm2配置的logs没有任何东西输出
ecosystem.config.js的console.log正常输出，但无法进入index.js
已经一整天了，实在解决不了![[流泪]](//lf3-cdn-tos.bytescm.com/obj/static/xitu_juejin_web/img/jj_emoji_6.dde0d83.png)
麻烦大佬有空帮忙看看
关于pm2+docker的启动问题
在本地，可以正常启动，且功能全部正常
在docker容器中无法进入index.js
下面是相关配置文件
```
// docker-compose.yml
back:
build: ./docker-data/back
container_name: visual_back
restart: always
ports:
- "5050:3000"
volumes:
- ./docker-data/back/project:/project
expose:
- 5050
// dockerfile
FROM node:16.13.2
RUN yarn global add tyarn \
&& tyarn global add pm2
WORKDIR /project
CMD tyarn && pm2 start ecosystem.config.js
// ecosystem.config.js
// ！！！在docker中，console.log可以正常打印
name: "back",
cwd: "/project",
script: "./index.js",
out_file:"./logs/back.log",
error_file:"./logs/err.log",
watch: true,
ignore_watch: [
"node_modules",
"logs"
],
// index.js
// ！！！程序并未进入该文件，所以什么都没有输出
console.log("启动node");
const express = require('express')
const cors = require('cors')
const app = express()
app.use(cors())
app.listen('3000', () => {
console.log('服务启动成功')
})
```
node_modules已在文件夹中，pm2配置的logs没有任何东西输出
ecosystem.config.js的console.log正常输出，但无法进入index.js
已经一整天了，实在解决不了
![[流泪]](http://lf3-cdn-tos.bytescm.com/obj/static/xitu_juejin_web/img/jj_emoji_6.dde0d83.png)
麻烦大佬有空帮忙看看
展开
4
点赞
#我的新年 flag#
2022年我的flag：
1、学会vue3
2、学会ts+vue3搭建小项目
3、学会板绘
4、学会blender，至少可以基础使用
前两个今年学的断断续续的，争取一口气全部吃掉
第三个是从小喜欢的绘画，一直被游戏所困扰哈哈哈
第四个嘛，如果前面三个都能步入正轨，就立马动手开始，最晚明年下半年
其实还有一个隐藏小flag，就是脱单！！！
预祝大家元旦快乐~~~
也祝我自己明年完成所有flag（隐藏flag最重要！！！![[红脸]](//lf3-cdn-tos.bytescm.com/obj/static/xitu_juejin_web/img/jj_emoji_63.c32f5b5.png)
）
2022年我的flag：
1、学会vue3
2、学会ts+vue3搭建小项目
3、学会板绘
4、学会blender，至少可以基础使用
前两个今年学的断断续续的，争取一口气全部吃掉
第三个是从小喜欢的绘画，一直被游戏所困扰哈哈哈
第四个嘛，如果前面三个都能步入正轨，就立马动手开始，最晚明年下半年
其实还有一个隐藏小flag，就是脱单！！！
预祝大家元旦快乐~~~
也祝我自己明年完成所有flag（隐藏flag最重要！！！
![[红脸]](http://lf3-cdn-tos.bytescm.com/obj/static/xitu_juejin_web/img/jj_emoji_63.c32f5b5.png)
）
展开
3
1