『壹』 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
幾天前，我種下了一盆康乃馨。今天，我問爸爸：「爸爸，我種的康乃馨發芽了嗎？如果沒有，我就種大蒜了。」
爸爸說：「發芽了！」我不敢相信我的耳朵，於是飛快地跑去查看：「哇！果真發芽了！」我驚喜地叫道。只見康乃馨那瘦弱的莖，支撐著嫩綠細小的葉子！我數了數，不多不少，正好十二個。
我趕緊給它們澆上水。這時我發現有幾片葉子前端好像乾枯了，我趕緊問媽媽，才知道原來那是種子皮還沒有完全脫掉。