‘壹’ websocket在前端展示后端日志
最近在写平台收到一个需要看后台运行日志的需求，所以查看了下使用websocket来写。主要思想就是使用Linux的tail指令进行实时日记读取，然后在进行与界面通信展示的过程。
第一步
添加pom依赖：
第二步
定义一个Bean
第三步
这里可以实现两种方式：
一种方式是实时进行打印展示日志，不进行写文件，然后使用tail方式读取；
两外一种方式就是进行写文件，然后使用tail方式读取文件方式（可以直接跳过此步，直接看第四步）。
这两种方式各有优缺点：
1、第一种
优点：实时打印，不需要进行写文件的操作
缺点：界面刷新后日志丢失，无法重现，需要进行一个长链接处理
2、第二种
优点：界面刷新或者关闭重开不影响日志的显示，且日志保存在磁盘中
缺点：需要额外的空间写文件，其他暂未发现
先说说第一种方式，这里需要创建一个service：
这里主要用来进行一个调用触发日志打印的。第二种方式放在第四步来讲。
第四步
写一个前端websocket来接受后端websocket，这也是一个Controller，但比较特殊，是用WS协议进行通信的。
这里分两个写法：
第一种，对应第三步里的第一种
第二种，对应第三步里的第二种
选择第二种还需要提供线程机制
第五步
前端开发
这里的参数param就是你在磁盘内创建的日志文件。
参考：
https://blog.csdn.net/sihai12345/article/details/80924937
‘贰’ 前端主要都需要学什么
Web前端开发工程师主要进行网站开发，优化，完善的工作。需要掌握以下技能：
必须掌握基本的Web前端开发技术，其中包括：CSS、HTML、SEO、DOM、BOM、Ajax、JavaScript等，在掌握这些技术的同时，还要清楚地了解它们在不同浏览器上的兼容情况、渲染原理和存在的Bug。在一名合格的前端工程师的知识结构中，网站性能优化、SEO和服务器端的基础知识也是必须掌握的。
必须学会运用各种工具进行辅助开发。除了要掌握技术层面的知识，还要掌握理论层面的知识，包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持，等等。可见，看似简单的网页制作，如果要做得更好、更专业，真的是不简单。这就是前端开发的特点，也是让很多人困惑的原因。如此繁杂的知识体系让新手学习起来无从下手，对于老手来说，也时常不知道下一步该学什么。
代码质量是前端开发中应该重点考虑的问题之一。例如，实现一个网站界面可能会有无数种方案，但有些方案的维护成本会比较高，有些方案会存在性能问题，而有些方案则更易于维护，而且性能也比较好。这里的关键影响因素就是代码质量。CSS、HTML、JavaScript这三种前端开发语言的特点是不同的，对代码质量的要求也不同，但它们之间又有着千丝万缕的联系。
‘叁’ 如何在微信上的日记小程序
打开微信，搜索并找到日记小程序，点击打开日记小程序，然后就可以使用日记小程序了。
请确认，谢谢。
‘肆’ 一个后端人员学前端技术的日记（一）开发环境
网上了解了好一阵，好家伙，前端技术完全自成体系，跟后端一样复杂了，什么路由，什么MVC，什么编译打包，什么依赖下载，各种后端用词在前端也都适用了，哎，太难了。
一、学习渠道
1. 中文官网： https://cn.vuejs.org/
开发工具使用火狐，因为谷歌用不了扩展，当然你可能会有办法的。
用火狐浏览器打开： https://addons.mozilla.org/en-US/firefox/addon/vue-js-devtools/
2. 官方文档 ： https://v3.cn.vuejs.org/guide/introction.html
二、环境安装
首先要注意的是，涉及使用cmd命令行执行的，如npm命令等，最好用管理员权限打开cmd，否则说不准后面会出现莫名其妙的错误。
1. 安装nodejs，这个是可以运行js代码的服务端环境，方便本地运行或热部署，这个nodejs包含了npm组件（依赖包管理工具，支持下载、运行、编译、打包等等）
下载地址： https://nodejs.org/zh-cn/
我本地安装的版本是 node-v10.16.3-win-x64，一般安装在 D:Program Files。
2. 安装cnpm组件，为了下载安装包和依赖包更快一点，最好用先安装国内镜像支持，这个组件包含了包含npm大部分功能。
3. 安装Vue/CLI组件，你可以直接使用npm安装，或者安装Vue的CLI，就是脚手架工具，里面包含了Vue本身，建议直接安装这个，省的麻烦。
官网建议Vue3的使用Vue CLI v4.5+，如果版本有问题或升级版本，可以直接去这里删除，全局的库目录在 D:Program Files ode-v10.16.3-win-x64 ode_moles。
4. 创建项目。先命令行转到你要放置项目的目录，执行以下命令。
然后窗口会让你选择是Vue2版本还是Vue3版本的，它还包含默认安装(babel, eslint），我当然选择最新的Vue3安装。
windows下安装注意别用powershell或者git-bash，直接用cmd命令行就好。
结尾出现以下提示，说明你安装成功了。
知识记录1：如果你出现以下问题：
原因是：执行npm命令时没有管理员权限， 用管理员权限打开cmd， 然后再执行npm相关命令即可。
知识记录2：如果你有Vue2，想升级Vue3的最新版本，可操作如下：
5. 额外介绍下，你不一定使用vue脚手架创建vue项目，你还可以使用vite组件创建项目。
官网： https://github.com/vitejs/vite
注意：vite当前只支持vue3.x
名词注释：
脚手架：就是标准的、常见的一种项目目录安排规范。
babel: js的编译器，用了它你就可以像后端开发语言一样对源码进行编译打包了。
eslint：一种js的代码检测工具。
‘伍’ 观察植物日记
一天就要结束了，在你心中有什么感想呢？立即行动起来写一篇日记吧。那么什么样的日记才合适呢？下面是我整理的观察植物日记，仅供参考，欢迎大家阅读。
观察植物日记1
我们的小区里有一棵高大的石榴树，听妈妈说它和我的年纪差不多大哩!
春天，石榴树上长出了新的叶子，那么嫩，那么绿，就像是许多新的生命在跳动。一阵春风吹来，叶子发出沙沙的响声，好像在朗诵赞美春姑娘的诗歌。
夏天，火红火红的石榴花开了。从远处看，那些花就像一只只翩翩起舞的红蝴蝶在绿叶间穿梭，可漂亮了!走近细看，一朵朵花更像一个个小铃铛在枝头晃荡，可爱极了!
秋天，石榴树上结了许多的小石榴。刚开始，它们是青绿色的。渐渐地，它们长大了，长得像苹果那么大那么红，有的还张开了小嘴巴，露出了一颗颗晶莹透亮的石榴籽。放几颗在嘴里轻轻一咬，汁水在齿间流淌，是如此的甘甜可口。
冬天，石榴树上的叶子都落尽了。它像一位老人伫立在寒风中，似乎在回忆着过去的岁月，期盼着春天的到来。
我喜欢小区里的石榴树，它陪我一起走过一年四季，陪我一起经历成长，它是我的好伙伴。
观察植物日记2
这几天，我一直惦记着我的康乃馨。今天，我一起床就去看。
我一看不要紧，差点把我气死！原来，我的康乃馨都长了好几天了，还是那个老样子。我想这会不会是假的！于是我赶紧拿出妈妈的手机到网上查，我看了看就是这个样的啊！
我仔细想了想，应该是最近几天一直在下雨，没有阳光，它没有营养，所以长不大。于是我趁这会有太阳立刻把它送到阳台上。
我希望我的康乃馨快快长大！
观察植物日记3
我的卧室有一盆非常漂亮的吊兰，绿油油的漂亮极了。
这盆吊兰是我最喜欢的一种花，每三天浇一次水送一次土，在我认真的培育下这盆吊兰渐渐的长大了。茂盛的枝条垂吊下来，就像垂柳一样好看极了！
我发现吊兰喜欢湿润，偶尔忘了浇水叶子便立刻枯黄了，时间长了不浇水就会慢慢死去。
有一次，我想让吊兰晒晒太阳，就把它放在阳台上了，第二天，我跑过来一看，啊不得了了，吊兰的叶子变黄了，我急急忙忙的跑过去问：“妈妈为什么吊兰的叶子黄了呢？”妈妈说：“吊兰不能被强光直射时间过长。”于是，我马上把吊兰放在我的卧室里，不久，叶子又变绿了。
观察花是我的乐趣，使我的生活丰富多彩。
观察植物日记4
又过了一个礼拜，在我的精心照料下，牵牛花长高了十几厘米，长出了茂盛的叶子，叶子的形状就像一个个小鸭的脚蹼，摸上去就像很多支小人国的'软箭射向手指头，又过了几天，牵牛花打上了花苞，这些花苞像一些小花灯，可爱极了。牵牛花牵藤的时候，像长了眼睛似的，拼命向阳台的护栏上靠，在藤的顶端还长出来了弯弯的小细丝，长得这么弯是因为它要找地方牵住。牵牛花还会发生什么变化呢？它会开出什么颜色的花朵呢？我期待它能早日给我惊喜。
观察植物日记5
中秋节前，我种下了三颗牵牛花的种子，牵牛花的种子是黑色的，有荞麦粒那么大。每天，我都给它们浇水，一个礼拜以后，它们终于破土而出，探出了小脑袋，牵牛花可能是太急于想看到这个美丽的世界了，它伸长了脖子拼命往上长，竟然在一夜之间长了1厘米，叶子也长大了很多。牵牛花什么时候能牵藤开花呢？我很好奇，每天都在浇水观察。
观察植物日记6
今天，我们小队观察了很多植物，观察得可认真了！
我观察的第一种植物好像根大葱，它们半边是红色的，下半边是绿色的，我奇怪的是它相连的两片叶子中间有一个黄色东西，上面居然有一个黑点，这是什么东西呢？我想可能是另一些叶子生长出来的地方吧！
第二种植物是一种绿色的仙人掌，它是在一个仙人掌上再长一个小仙人掌，这种仙人掌可不一般，一碰它就会缩，再慢慢恢复原状，真好像一个胆小鬼。
第三种植物是一种草，草长得很好像树一样壮大，叶子的边上是白色的，有刺，叶子的中央是绿油油的，这一根小草刺得我好痛。窗外的秋风微微吹来，那种草在风中摆动，好像是和我招手。
今天，我很开心，因为我知道了很多植物的秘密。
观察植物日记7
我家有一盘小巧玲珑的盆栽小植物，是我亲手种下的。
在我的精心照料下，小植物冒出了嫩绿的脑袋。每天，我都给它浇水，没过几天，小植物长出了翠绿翠绿叶子。看着密密麻麻的的叶子，显得非常拥挤。我还是小心翼翼的爱护它，怕一个不小心把它弄断了茎。期待它的开花。
观察植物日记8
3月25日星期六晴
今天是我最快乐的一天，我和妈妈种了许多豆子，有绿豆，红豆，大黑豆向日葵……
种豆子的过程是这样的：先去草地里挖了许多土，然后把各种各样的塑料瓶底上打几个洞，在瓶子里装上一半的土，埋进豆子，最后浇上水。
4月2日星期天晴
绿豆芽的颜色有紫色、绿色。它的形状：他的头是两个豆芽辨，好想蛇的嘴巴，从嘴里吐出了两片长长的、绿绿的大舌头。
4月4日星期二晴
碗豆菜的颜色是绿绿的，好像是一个个滑梯，也像一只只蜻蜒在拍手欢迎，还像一只只蝴蝶在舞蹈。
观察植物日记9
牵牛花的花谢了一个星期以后，它开始慢慢结出了果实，也就是它的种子，种子圆圆的，像个小灯笼，可好看了，随着时间的推移，它越长越大。我期盼着种子快点成熟，好在明年春天的时候让我种下它，再开出美丽的牵牛花。
我喜欢牵牛花，她的生命虽然短暂，但她却开放得那么灿烂！
观察植物日记10
今天，我来到了北洋的花卉展，顺着红地毯，我们来到了北洋镇的花溪香堤。今天刚刚好是情人节，来到这个地方是最合适不过了。
一进大门，一片爱心形的郁金香展现在我的眼前，黄的、紫的、红的，各式各样，非常美丽，我们在爱心郁金香中间拍了一张留念照，继续向前走。
再往里边走，一大片的薰衣草芬芳扑鼻，浓浓的香味使人感觉很清爽，它的身上埔上了厚厚的紫色大衣，风吹来也不怕冷。薰衣草的花语和象征含义是：“等待爱情。”它就像是含苞等放的青春，憧憬着未来，等待着爱情的到来。爱情或许会来，但是却不知道是多久会来。有时候，思念就像望穿秋水的等待，你等的人就在遥远的未来。
再往前走，我们就来到了许愿树的前方，我把我的爱心愿望卡片挂在了许愿树的最上方，试着许愿，希望能够成为现实。再往前面，就是一处爱心墙壁。墙壁上的一行字是这样的： ＋ ＝心，我让爸爸和妈妈分别站在加号的左右两边，这样就组成了完美的爱。
今天可真是个浪漫的日子呀，我喜欢这儿，大家也都喜欢这里。
观察植物日记11
我听说台风蔷薇要来了，连忙跑到阳台上去清理我的花花草草。突然我看到一只又肥又大的懒洋洋地、很惬意地躺在一张自己织的 网上，那张蜘蛛 网好大，接着三盆花，这，这不就是一个互联 网吗？说起来，这只蜘蛛还真的很像这两天假期里在里狂上 网的。
里，我拿了几颗黄豆做发豆芽的实验。可是，不知道是我老去揭纱布，还是温度不对，过了好几天，连个豆芽的影子也没看到。我感到很无聊，就把这几颗泡得发软的黄豆种到阳台上一个花盆的泥土里。
昨天早上，我突然发现我的一盆薄荷里长出了好多小豆荚，奇怪，这是什么呢？到了今天，我才想起，一定是那些黄豆长出来了。我问爸爸什么时候才能采摘，爸爸说过几天就可以了。盼望ing！
观察植物日记12
昨天，我回渭南，发生了一件高兴的事，这件事发生在菜地里。原来呀，菜地里的所有东西都冒出了绿油油的小芽，奶奶在外面放了一盆盆翠绿的植物。它们都长得很大了，也很漂亮。
在植物的后面有一块小菜园，里面种了辣椒、西红柿、韭菜，还有丝瓜，不过他们都还没有成熟。如果，它们成熟了之后做出来的饭一定很美味。 等熟了以后，再让你们瞧瞧。
观察植物日记13
每天，我都给牵牛花浇水，又过了三天，我惊喜的发现牵牛花的花苞从绿色的花托里冒了出来，长成了纺锤形的形状，已经能看见花的颜色是紫红色的。第二天早上，我看见花已经半张开成一个五角星的形状，吃完早餐，我又迫不及待的跑到阳台上去看，发现牵牛花已经完全打开了，像一个紫红的小喇叭，还有一圈白白的边，特别漂亮。好像在催我赶快去学校，上学别迟到。
下午回到家，我发现牵牛花的小喇叭已经开始慢慢缩小，到了晚上，它就完全收拢了。合拢的牵牛花明天早上还会开放吗？好奇心使我在早上又跑到阳台上去看，结果发现，头天开放的几朵花已经凋谢了。原来，牵牛花开花的时间只有一天，但是又有其它的牵牛花慢慢在开放了。
观察植物日记14
这个星期一，老师要我们写关于植物或植物的日记。回到家里，我问：“妈妈豆子这样植物吗？”妈妈回答：“豆子不这样植物，豆芽才这样植物。”我迫不及待地又问：“怎样才能弄到豆芽呢？”妈妈又回答：“豆子长大之后长出来的就这样豆芽了。”我高兴地说：“我要种豆子！”
我要妈妈拿了一些黄豆和红豆，然后放在一个杯子里，之后，我又放了一些水，最后我把它放到了煤球上。
第二天，我回到家里一看，豆子的变化不小，豆子脱皮了，看到了里面，我把水倒掉了。第三，四，五六天豆子的芽长了好长。最开始长出了根，最后长出了豆芽。
我真期望豆芽快点变成绿叶子。
观察植物日记15
几天前，我种下了一盆康乃馨。今天，我问爸爸：“爸爸，我种的康乃馨发芽了吗？如果没有，我就种大蒜了。”
爸爸说：“发芽了！”我不敢相信我的耳朵，于是飞快地跑去查看：“哇！果真发芽了！”我惊喜地叫道。只见康乃馨那瘦弱的茎，支撑着嫩绿细小的叶子！我数了数，不多不少，正好十二个。
我赶紧给它们浇上水。这时我发现有几片叶子前端好像干枯了，我赶紧问妈妈，才知道原来那是种子皮还没有完全脱掉。