萬木成林,我種了“Vue技能樹”

初衷

作為Vue技能樹的構建者,一直拖延到現在才來寫這篇文章,主要還是心里沒有底,前面殊不知這顆“樹”是否促進了大家學習的熱情,也不知它給大家帶來了多少收獲。說到我們的Vue技能樹,我作為尤大大的忠實粉絲自就業后就一直在運用Vue技術做前端開發,其實網上有過很多很多前端框的對比文章,其實框架本身之所以能夠出現注定是為了規避一些已有框架的劣勢,Vue框架的出現大大的提高了前端的性能、開發效率等,而且如今的Vue技術也已經相對非常成熟穩定了;

一次偶然的機會,跟 鄒老師 交流的時候提及CSDN站內的前端知識體系,受到鄒老師的邀請來做Vue技能樹的構建工作,說實話起初的時候沒有太大的感覺,當時的自己其實對咱們CSDN的技能樹并不是很了解,自己以為也是比較簡單的,也沒有顧及那么多直接就應下了;一方面考慮到自己對Vue也是比較熱愛的,另一方做這樣一個技能樹可能會給自己帶來一定的粉絲,當然這就是當時的想法哈。

在這里插入圖片描述

堅定

隨后被邀請到了咱們CSDN技能樹的構建群里,進群后看到了一些我們的前輩,有的是資深的博主,有的是高校的老師,還有一些高級程序員在參與技能樹的構建工作,當時說實話自己有退縮的想法,畢竟作為一個很普通的博主雖然懷著要對新鮮技術的推廣與優秀技術的普及的心里預設,遇到這等圈子還是會感覺自愧不如,因著大家的鼓勵還是決定硬著頭皮向前沖一波;

果然問題不斷,因為我們構建技能樹屬于直接向代碼倉庫提交代碼,拉去下來代碼就一頭霧水,前端程序員的我完全看不懂構建技能樹的代碼架構是什么,后面了解才曉得是需要電腦上安裝python環境,做到通過腳本去格式化我們整體的技能樹結構,通過不斷的詢問,才慢慢得摸清了搭建的流程;也因著范博士不斷的指導跟鼓勵,我覺得構建Vue技能樹不僅僅是興趣了,也不僅僅是滿足自己的IP建設,更不僅僅是為了漲粉絲了,好像還多了一份責任與不負期盼在里面,“雞血”滿滿向前沖,一定要把“這棵樹”種起來;

在這里插入圖片描述

心酸

小小的技能樹不過百題,章節也僅十有余,這可能就是大家看到的,其實在它們的背后真的是我們構建者多少個夜晚拼搏、多少根頭發將其構建出來的,在構建過程中其實還是比較燒腦的:

目錄的確認:反復推倒自己的想法、畢竟我們要規避官方文檔的 ‘太全’ 形式,還要保證我們的學習者有不錯的收獲;

小節的劃分:劃分為多少個小節,小節的細分程度的把控,小節的學習順序都是需要反復的思考,包括參考一些伙伴的建議;

知識點的整理:因為我們作為構建者也只是提供技能樹的整體體系框架還有習題,所有的參考資料都是通過算法在CSDN進行匹配的,但是Vue技能樹在構建中每道習題的上方都添加了小常識,這是Vue技能樹特有的,也是我在構建中刻意加上去的,如果沒有時間去看參考資料,你完全可以通過習題上方的小常識去了解學習本節的知識點;如下圖:
在這里插入圖片描述

小節習題:技能樹的每個小節都會有習題,也是希望大家能夠通過這樣的形式來檢測我們對本節的掌握情況,我們也是通過這樣的方式來記錄我們打卡到了這顆樹的哪個部位,習題的覆蓋性、難易程度都是需要去考慮的;

參考資料關鍵字設置:有時候為什么你寫了一片文章就被收錄到了XX技能樹下的XX目錄下,這就是在技能樹的構建者在每個小節都留下了關鍵字,算法會對CSDN的文章進行匹配,如果恰好你符合關鍵字,你的文章就會被收錄;(如果你想對Vue技能樹參考資料進行針對性的投稿,你可以通過私信找到我,寫出高質量的針對文章,我們直接收錄到技能樹中,你的文章也會s受到更高的曝光!)

上面都是我們要考慮的,我的更新時間也基本上都是在晚上,白天在公司奮斗一天,晚上回家拼技能樹,看到舍友回到家后游戲、電影、冰紅茶甚是羨慕,‘要不今天不更了?’很累的時候也會懈怠;

堅持

碰到周末也希望自己能像別人一樣自在的做自己喜歡的事,恩?不對構建Vue技能樹不就是我自己喜歡的事情么?多次這樣暗示自己,也隨著自己一次次的提交,看到自己寫過的代碼構建到的樹干、枝條也還是滿滿的感動,畢竟想做一件事情很簡單,想做成一件還是比較難的;截止到現在Vue技能樹已經上線75%,PC端學習者達到5000人,一路以來感謝所有支持過我的朋友,因著你們的鼓勵自己才堅持繪制成了下方優美的提交折線圖;

在這里插入圖片描述

收獲

為什么要去創建這個Vue技能樹呢?Vue官方文檔不香么?并不是不香,而是非常香,Vue官方文檔上的內容一定是最正確的也是相當全面的,但也正式因為全面所以會導致一些同學看到后不知從何學起,看到密密麻麻的文字甚至會望而卻步,Vue技能樹就是要解決這個問題,整體分為三部分:初階學習完成后可以自己嘗試任意無后端交互的demo 感受Vue魅力;中階學習完成后可以使用Vue腳手架搭建Vue全家桶項目 應對工作中的需求;高階學習完成后知其然知其所以然 了解更多Vue原理念 Vue邊緣知識,讓開發更加得心應手。

Vue技能樹構建帶給我的遠比我想想的要多:自己對Vue的又一次系統的學習梳理,更是在構建過程中遇到一些自己的短板也能及時補充;同時贏得了自己堅持做成一件事情的履歷,看到Vue技能樹的成型,原來我也能夠做成一件事;提升了自己的知名度,這棵樹也可以出現在我們首頁中簡歷中,為我們確實提升了一定的競爭力;在構建過程中我明白了不斷學習必要性,也促使自己要不斷的去探索;

記得范博士的一句話:你想給別人一杯水,你要先擁有一桶水,跟一些博主朋友聊天過程中也感同身受一個問題,就是當我們某一階段持續輸出內容,很容易出現空虛感,當然這里指的是我等普普通通的博主哈,大佬勿噴,就是感覺自己不知道輸出什么了,這就體現出了持續學習的重要性,包括構造技能樹也是一樣,需要我們有很多的內容與此同時呢也需要我們擴展很多內容,不斷的汲取更多的東西總結歸納分享給別人, 享受分享的喜悅的同時其實也是綁定了我們的學習。

西安交大校長曾經提出:“學習最終的落腳點一定是落到我們自身身上,大學與高中的不同之處就在于大學是自立的,要有自我約束,所以第一點學習要主動作為,主動作為你才能夠深刻體會,學習給你帶來的快樂,你才知道為什么學,如何學,被動的學習是一件很痛苦的,因為他沒有目標,沒有驅動,不知道方向,主動作為能把你學的東西,深刻的融化在自己的血液之中,變成自己的能力,被動的學習再你的頭腦中不會留下印象,考試后一切煙消云散,如果你具備了這種主動進取之心,你一定會在學業上有所成就,未來做事也是如此當主動作為!”,我們CSDN提供的各語言的技能樹正是給了大家系統學習的平臺,通過參考資料我們可以了解知識點的內涵,我們通過習題可以對我們知識點的掌握檢測;歡迎你來Vue技能樹挑戰打卡。

在這里插入圖片描述

今天在這里也給大家分享一點點喜悅,就是我CSDN的粉絲達到五萬了,從去年來到8月份來到CSDN,到現在積累到了5W粉絲了,這樣的粉絲成長你們覺得怎么樣?從CSDN的瀏覽者=》利用CSDN寫筆記=》成為CSDN博主=》用心輸出文章內容=》Vue技能樹的創建=》新星導師=》話題挑戰賽主持人=》扶持計劃,做出過一些成績,也有過一些寒心,不過最多的還是感恩,平臺給了機會,感謝我師傅的帶領造就了今天的幾何心涼,感謝哪些攜手共進的朋友們,感謝粉絲的追捧讓無數次的退縮萌芽煙消云散,很感謝王總的不斷鼓勵,多次活動產生共鳴,從王總身上學到了眾多秘籍,受益匪淺。

西安交大的一位畢業生致辭中這樣講到:“朋友們,想知道成功的秘密嗎?四個字抱團取暖,一個人如何變得強大,就是變成一群人”,這也讓我想到了王總一篇介紹DAO模型的文章,我還評論道:志同道合的人共同來做一件自己非常喜歡的事情,自身的生產力能夠投放到極致,每人皆如此這是一個多么龐大的產出組織,在CSDN中我們還是比較容易獲得這樣一個圈子的,在大家支持幫助下非常榮幸的成為CSDN第一批實體獎牌獲得者,我們能協助的遠不止于此;

在這里插入圖片描述

寫在最后

Vue技能樹已經發版一個月有余了,您系統的學習過了沒呢?如果還沒有,真的非常建議你來學習一下。https://edu.csdn.net/skill/vue

很多前端伙伴問題有沒有體系的面試題?
今天為大家推薦一款刷題神奇哦 點擊鏈接訪問牛客網
各大互聯網大廠面試真題。從基礎到入階乃至原理刨析類面試題 應有盡有,趕快來裝備自己吧!助你面試穩操勝券,solo全場面試官

本期圖書

Python自動化測試實戰

系統教程:以實戰項目為核心,多種測試框架+測試工具為基礎的入門教程。
內容豐富:包括Selenium、Appium、Postman、Charles等10多種工具。
圖示講解:包括300多個圖解展示,加快學習進度。
實戰案例:包括100多個實戰案例,讓你拿來就用。

在這里插入圖片描述
本書的寫作初衷是為了幫助更多功能測試人員轉型自動化測試方向。在轉型過程中,主流自動化測試技術和應用場景的結合是非常重要的一環。本書從自動化測試理論入手,全面地闡述自動化測試的意義及實施過程。全文以Python語言驅動,結合真實案例分別對主流自動化測試工具Selenium、Robot Framework、Postman、Python+Requests、Appium等進行系統講解。通過學習本書,讀者可以快速掌握主流自動化測試技術,并幫助讀者豐富測試思維,提高Python編碼能力。

如果你對Vue技能樹有興趣
或者你對這位博主感興趣
或者你對前端技術有興趣
或者你對漲粉創作感興趣
或者你想在CSDN持續發展卻不知如何開始
或者你想結伴而行攜手共進
亦或者你想了解創作者的無限可能
你都可以通過文章末尾的名片找到我找到我們!

都看到這里了,邀請大家參與下方的投票!把自己的真實感受呈現出來,您的認可是我們創作的動力!您的青睞是我們努力的方向!您的建議是我們進步的財富!

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:
http://www.pswp.cn/news/248451.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/248451.shtml
英文地址,請注明出處:http://en.pswp.cn/news/248451.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

我看面向對象

已經面向對象編程多年了,漸漸地對面向對象有了越來越深的體會,下面談談我對面向對象的拙見:) 面向對象三大特性:封裝、繼承、多態。 首先是封裝,我覺得封裝是面向對象的基礎,封裝讓各種相關的數…

poj 3525

多邊形內最大半徑圓。 哇沒有枉費了我自閉了這么些天,大概五天前我看到這種題可能毫無思路抓耳撓腮舉手投降什么的,現在已經能1A了哇。 還是先玩一會計算幾何,刷個幾百道 嗯這個半平面交二分就闊以解決。雖然隊友說他施展三分套三分***** 想象…

尤雨溪對 2022 Web前端生態趨勢是這樣看的

文章目錄前言開發范式&底層框架方面趨勢基于依賴追蹤范式基于依賴追蹤范式—共同點基于編譯的響應式系統統一模型的優勢和代價基于編譯的運行是優化Vue Vapor Mode(input)工具鏈原生語言在前端工具鏈中的使用工具鏈的抽象層次基于 Vite 的上層框架上…

bzoj4919 [Lydsy1706月賽]大根堆

Description 給定一棵n個節點的有根樹,編號依次為1到n,其中1號點為根節點。每個點有一個權值v_i。你需要將這棵樹轉化成一個大根堆。確切地說,你需要選擇盡可能多的節點,滿足大根堆的性質:對于任意兩個點i,j&#xff0…

眾多mock工具,這一次我選對了

文章目錄寫在前面Mock介紹Mock能解決什么問題?傳統Mock解決方案Postman接口測試工具Mock js第三方庫Eolink解決方案全局Mock高級Mock返回結果Mock智能內置Mock智能自定義Mock約束條件MockEolink的Mock解決方案的優勢:寫在最后寫在前面 交戰之前,戰士必先利其兵器&…

高并發的理解和使用場景-----特意區別和多線程的關系

一,高并發的理解 1.概念:就是短時間內遇到大量操作請求,導致站點服務器/db服務器資源被占滿甚至嚴重時直接導致宕 2.影響:沒有做高并發預處理的系統會給用戶很差的體驗感; 3.系統好壞的衡量:衡量一個系統的…

async 和 await 原來這么簡單

前言 前端同學們可能都知道 async 和 await 的使用,當被面試官問到 async 和 await 的是什么?或者說一說你對 async、await 的理解?如果我們還是僅僅去闡述我是如何使用的就顯得格外的蒼白無力。今天博主就來帶大家進一步認識我們的 async 和…

研一寒假02-指針_new分配內存_使用new來創建動態數組_使用動態數組_使用delete來釋放new分配的內存...

#---------------------------------指針-----------------------------------# #include <iostream> int main(){ using namespace std; /* 指針引入 */ int updates 6; //聲明一個變量 int* p_updates; //聲明一個指針p_updates,該指針指向一個地址 p_updates&upd…

利用Windows內置工具winsat測試硬盤速度(SSD機械盤對比)

利用Windows內置工具winsat測試硬盤速度&#xff08;SSD&機械盤對比&#xff09; 以下是紅色內容是在命令行運行&#xff1a; C:\Users\Administrator>winsat diskWindows 系統評估工具> 正在運行: 功能枚舉 > 運行時間 00:00:00.00> 正在運行: 存儲評估 -seq …

我為何在 CSDN 樂在其中

文章目錄寫在前面成為博主究竟能得到什么&#xff1f;內在提升耀眼名片豐富眼界提升知名度博客》變現寫在最后寫在前面 各位伙伴大家好&#xff0c;我是幾何心涼&#xff0c;一位不是很大的也不是很小的博主&#xff0c;今天想要跟大家去聊一些比較實在的內容&#xff1b;大家能…

EFLinq查詢

1、無參數查詢var model db.Database.SqlQuery<UserInfo>("select* from UserInfoes ").ToList(); 2、有參查詢var model db.Database.SqlQuery<UserInfo>("select* from UserInfoes where idID ",new SqlParameter("ID",id)).ToL…

實現div可以調整高度(div實現resize)

實現div可以調整高度&#xff08;div實現resize&#xff09; 一、div 實現resize&#xff08;類似textarea&#xff09; 代碼如下&#xff1a; <!DOCTYPE html> <html><head><title>div實現textarea效果</title><style>#textarea {height:…

10分鐘設置免費遠程桌面

文章目錄前言遠程桌面設置教程啟動Amazon Lightsail實例配置遠程桌面啟動遠程桌面使用遠程桌面前言 “你見過洛杉磯凌晨4點的樣子嗎&#xff1f;” 沒有也沒關系&#xff0c;你可以輕松配置一臺位于洛杉磯的免費遠程桌面。 利用Amazon全球可用區&#xff0c;甚至可以在世界各…

樹莓派-開啟spi

1. sudo raspi-config #進入樹莓派配置頁 2. #進入每5項&#xff0c;進入啟用spi即可 轉載于:https://www.cnblogs.com/lobin/p/10459076.html

Lucene全文檢索過程

1. 索引過程&#xff1a; 1) 有一系列被索引文件 2) 被索引文件經過語法分析和語言處理形成一系列詞(Term)。 3) 經過索引創建形成詞典和反向索引表。 4) 通過索引存儲將索引寫入硬盤。 2. 搜索過程&#xff1a; 1) 用戶輸入查詢語句。 2) 對查詢語句經過語法分析和語言分析得到…

tcpdump 用法

原文鏈接 本文原文來自&#xff1a; A tcpdump Tutorial with Examples — 50 Ways to Isolate Traffic TCPDUMP 簡介 TCPDUMP 在一個界面中既提供了強大的功能又簡單易用&#xff0c;無疑已經是網絡分析工具中的老大。 本教程將介紹如何以各種方式隔離流量&#xff1a;從IP&am…

網絡端

1.synchronized 同步鎖 同步方法: 成員|靜態 簡單,但是鎖的范圍一般可能較大,效率低 同步塊 類的class:相當于鎖了類的整個信息|所有對象 this:鎖當前對象,鎖了這個對象的所有資源 資源:一般鎖不變的內容--對象地址 鎖的范圍太大效率低,鎖的范圍太小可能鎖不住 鎖一定要鎖不變的…

BZOJ2690: 字符串游戲(平衡樹動態維護Dfs序)

Description 給定N個僅有a~z組成的字符串ai,每個字符串都有一個權值vi,有M次操作&#xff0c;操作分三種&#xff1a;Cv x v:把第x個字符串的權值修改為vCs x a:把第x個字符串修改成aQ:求出當前的最大權字符串集合&#xff0c;使得這個集合中的字符串經過重新排列后滿足除最后一…

【第一趴】初探uni-app(uni-app發行者、uni-app推出背景、為什么選擇uni-app)

文章目錄寫在前面DCloud當下跨平臺開發存在的問題為什么選擇uni-app寫在最后寫在前面 聚沙成塔——每天進步一點點&#xff0c;大家好我是幾何心涼&#xff0c;不難發現越來越多的前端招聘JD中都加入了uni-app 這一項&#xff0c;它也已經成為前端開發者不可或缺的一項技能了&…

Rocket - tilelink - Atomics

https://mp.weixin.qq.com/s/TSwKL_qm-b-0e8x7r--hhg 簡單介紹Atomics中數學運算、邏輯運算的實現。??1. ioAtomics是一個硬件模塊&#xff0c;他繼承自Modules&#xff1a;??IO端口定義如下&#xff1a;??其中&#xff1a;a. write: 是否寫操作&#xff1b;b. a&#xf…