開發小白隔幾天詐個屍

開頭先提醒下自己入職公司已經26天了,因爲要發工資了鴨。
說下這段時間的情況吧,Java後臺分給我的版塊寫了一半就叫停,經理說前端就一個妹子壓力大讓我轉過去學前端分擔壓力,心裏想着:哎呦,學東西的機會又來了,心裏美滋滋!
現實卻是:
第一天:你先看下vue框架,熟悉兩天,環境和語法都瞭解一下,順便學下使用新工具VS code,沒問題啊,大概的東西能熟悉一些。
第二天:ES6,vue配置,VScode,什麼跟什麼啊,前端零基礎的人完全懵逼狀態,這裏一個配置那裏一個聲明,上邊一個表單下面再來個對象 … … . .
第三天:開會時經理找個人帶我,順便分個vue模塊給我,就這麼開始了,項目是基於vue+webpack,自信滿滿的分模塊了,看的是很簡單,寫起來就是惡夢,怎麼下手都不知道,export,data,function怎麼用都不知道,肯定是先去翻人家寫好的瞄一眼,反正人家是寫好的,我也看不懂,將就抄一點來看看效果吧,html裏改個標題,script裏改個標題,嗯,不錯,有點像自己的代碼了,好,接下來呢? 怎麼運行的? 也沒找到run按鈕或者Application啊,網上一翻,還是沒頭緒,VS code就不能運行嗎? 還是去問妹子,哦. … . .全靠命令,玩個錘子,npm run dev,管他的,跑起來再說。我以爲就這麼完事了,一運行全是報錯,modules not find . . 需要的模塊好多啊,補上一個又來一個,光是環境就折騰一天了。
第四天:模塊補齊了,我自己的仍然不行,運行別人的吧,效果挺好看的,繼續去自己的地方挖礦,挖了一上午,npm run dev終於起來了,仰天長淚啊,其實就是這麼個回事,命令運行,就連需要的插件和包都是命令install來的,還有儘量用淘寶鏡像cnpm來安裝,很快的,國外的npm經常連不上,學習配環境倒是真的很重要。
第五天:開始自己的模塊研究了,我要做的是發佈文本內容的富文本編輯器,說實話我沒做過,網上看到過以爲很簡單,到自己手裏才真的頭疼,無從下手,當時在網上看很多人的寫法最後找了一個tinymce,方法就是先在控制檯cnpm install tinymce -S,安裝之後,在 node_modules 中找到 tinymce/skins 目錄,然後將 skins 目錄拷貝到 static 目錄下,tinymce 默認是英文界面,那就還需要下載一箇中文語言包(chinese那個),然後將這個語言包放到 static 目錄下,什麼配置,初始化一大堆,我就放個地址把http://www.php.cn/js-tutorial-395363.html,引入成功了,頁面也構建出來了,簡潔吧(醜)在這裏插入圖片描述

後面幾天我不記得發生什麼了,反正缺東西先搜,搜不到就問,公司10多年開發經驗的大佬不知道煩我沒有,聽說是前後端精通的,提交編輯器內容和文本內容這一塊困擾我好幾天了,今天剛做出來,一點點補出來的,不容易啊,貼一下我的內容吧。在這裏插入圖片描述
後面還有的,
在這裏插入圖片描述
最後一張
在這裏插入圖片描述 實現了提交到數據庫,當然後臺接口都定義好的,說到這我想吐槽一下,不知道那個傢伙實體類的作者author寫成anthor,把我折騰的吐血,跟mybatis的對不上,當時找了一下午纔看到,太坑了。 我是後端小白變成前端小小白了,學東西慢又基礎希望各路英雄好漢別噴啊,我這個人被噴會帶情緒沉一天的,成功的路上需要你們鼓勵加油的,謝謝! 好吧,我就記錄到這了,等再完成一個東西的時候再來分享故事。