如何寫好技術文章(看張鑫旭老師的直播總結

大家好,我是若川。持續組織了6個月源碼共讀活動,感興趣的可以點此加我微信 ruochuan12?參與,每周大家一起學習200行左右的源碼,共同進步。同時極力推薦訂閱我寫的《學習源碼整體架構系列》?包含20余篇源碼文章。歷史面試系列

本文是我(hockor)觀看張鑫旭的直播課 《關于我十二年的寫作經驗》 所做的學習筆記,其中加入了一些自己的觀點,如果你也曾經對寫技術文章有過無力、失落的情緒,希望本文能讓你重新燃起對技術文章寫作的熱情。

在每一個技術人的成長之路上,我相信一定或多或少受到過很多技術博客的影響,比如技術論壇方面較為出名的有 CSDN、博客園、掘金等等,又或者是比較有影響力的大佬們,比如張鑫旭、阮一峰等等的自建博客。那么我們為什么要去寫技術文章呢?我認為主要價值有以下幾點:

  • 提升自己的技術思維能力,加深對技術點的理解

  • 與更多的人進行觀點碰撞

  • 傳播正能量,進行無私的分享

  • 提升自己的知名度,建設品牌力

那么問題來了,相信很多人曾經或多或少都有過那么一絲沖勁,暗暗說著我也要成為張鑫旭那樣的人,我也要成為阮一峰那樣的人,但是當自己真的開始盯著電腦準備寫內容的時候,發現半天憋不出來一個字,原因也許有很多啊,但是根據我自己的真實感受,大概有以下幾種內心想法,你看看跟你的有沒有重合的:

  • 我寫啥呢?好像這些別人都寫過了啊,而且寫的比我還好,算了不寫了

  • 怎么寫啊,我好像只是簡單寫了個 hello world,我也沒用到那么高深的場景啊,算了不寫了

  • 太麻煩了,寫個文章我還要畫圖,還要寫 demo,太累了,算了不寫了

  • 我這文章寫的這么干巴巴的,連我自己都看不下去了,算了不寫了

  • 哎,上周寫的那個文章也沒人看啊,我寫的意義是啥?算了不寫了

  • 評論區有人懟我了,說我這里不對那里不對,太丟人了,算了不寫了

  • ......

以上的經歷不知道你是否曾經有碰到過呢?對于我自己而言,我幾乎都有過,但是當我現在再回頭去看,我真的覺得自己有點搞笑,我給自己總結起來就是 3 個字:“戲太多”,在看完張鑫旭的直播課以后,我有了更多的共鳴和想法,接下來我們好好來看看這個問題 - 究竟如何寫好技術文章

關于選題

首先是技術文章的選題問題,這也是很多人在成功路上遇到的最大的一個問題,就是不知道自己寫什么?

其實技術文章可以寫的東西有很多,這里大致分為以下幾種:

  1. 新方法/新技術的布道:比如 JS 新特性,或者新的構建工具等等

  2. 技術方案總結類:比如弱網環境下的加載優化機制等等

  3. 優秀框架的體驗指南:比如 react SSR 從 0-1 的過程等等

  4. 自己覺得很厲害的小技巧:比如一些獨特的優化手段,JS 的黑魔法等等

  5. 原理剖析類:比如 XXX diff 原理等等

  6. 棘手問題的解決方案:比如CDN 被劫持的解決方案

其中前 3 點是比較適合新手同學入手的,你可以根據自己的實際情況從這些點去做切入。

同時這里還有個小技巧,就會新技術點的獲取,你可以去?

https://caniuse.com/ciu/index?

看看,去一個一個的研究這些內容。

389122c6c33741f30e45d17e6303ba86.png

對于寫作的初心,這里張鑫旭提到了幾點忠告:

  • 別總想著一上來就搞個大新聞,別怕讓別人知道你是個菜鳥,誰又不是從菜鳥一步一步走過來的呢?

  • 如果你永遠在等好的主題,好的靈感,可能你這輩子都敲不出來一篇文章

  • 思考你自己的當下,思考你的一切

  • 實在不知道寫啥的時候,寫寫自己的迷茫,寫寫自己的困惑,說不定你會遇到一個為你解惑的人

關于內容

對于一篇技術文章,其內容結構主要有以下幾點需要注意的

重點突出

我們寫一篇技術文章,其實目的應該是很明確的,比如是講解一個效果還是講解一個技術結論,所以在寫的時候有 2 點要注意:講結論的先給出結論、講效果的先放上效果圖。

其實原因很簡單,你想想你平時看文章,比如一篇文章寫的是 webgl 3D 效果,你肯定是奔著效果去的,結果作者從頭到尾一張效果圖都沒有,你看著還有樂趣嗎?又或者作者講解 XX 特性在不同端上的差異問題,結果看到最后都沒說明白差異點到底在哪里,試問這樣的文章你覺得是一篇合格的技術文章嗎?

所以如果你要寫一篇技術文章,首先你得搞明白你的目的是什么?是為了給別普及一個概念還是為了展示一個效果,針對自己不同類型的文章再去做重點的突出,你的文章內容就已經成功一大半了。

完整的敘事

關于文章框架,這里有以下一些可供思考

  • 背景

  • 你的思考

  • 你的嘗試

  • 你遇到的困難

  • 你的解決方案

  • 最后的結果

你可以在這個標準大綱上做自己的調整,基于這個路徑來寫一篇技術文章,你的邏輯和結構就會非常的清晰。

最后張鑫旭還提到一個就是針對個人感悟類的文章,他給的建議很直接:你想怎么寫就怎么寫~

關于表達

文章形式

是不是所有的技術文章都一定是一篇議論文或者是敘事文呢?其實不一定,這里再給出幾點不同的建議:

對話類的文章

如果你看過程序員小灰的文章,一定很有體會,這種類似于日常對話的寫作方式(如下圖),非常有代入感,同時如果你能配上漫畫,就更加的厲害了,說不定還可以給自己創造一個 IP。如果你不會畫漫畫,你可以將內容和微信 / 釘釘聊天框結合起來,網上有非常多的這種工具,也能給人很好的閱讀體驗。

4f93df5e07a8ded140a7da3d472926f4.png

同人小說類

不知道前段時間大火的《JavaScript 百煉成仙》你是否有聽說呢?這種文章你看看是不是一下子讓死板的知識點變的生動了起來,而且更容易理解了。

03f0a5f86762157dfcb2fb950c432ef0.png

碎碎念的文章

最后這種,就是類似于張鑫旭的文章風格,你可以親自去看看讀讀,這種文章配合一些日常的段子啥的,也能起到非常不錯的效果。

換位思考

在寫完一篇文章以后,并不代表你的文章就已經可以發布或者推廣了,因為我們更多的是站在自己主觀的角度來寫的,所以為了保證文章的易讀性,你還可以從以下幾個方面去換位思考一下:

  • 如果我是個小白,這篇文章我能看懂嗎?

  • 如果我不認識文章中的縮寫詞,我能理解這篇文章嗎?

  • 我這里要不要加個架構圖做說明呢?

  • 我這里要不要加個演示圖做展示呢?

  • 我這里要不要加一下代碼注釋呢,萬一對方是個初學者怎么辦?

  • ...

以上的換位思考,是張鑫旭覺得寫作中最重要的的一個特質,因為通過以上的換位思考,會讓我們的表達變的更加的豐富,內容更通俗易懂。

同時還有一個技巧特別重要,就是把自己的文章多讀幾遍,早上睡醒的時候讀一下,晚上睡覺前讀一下,說不定讀著讀著,你的靈感又來了,同時還能發現不少錯別字😄😄😄。

保持初心

“展示你最真實的一面”

這是我們寫作中最重要的一個準則,在寫作中,一定一定要經常告訴自己這段話,你是一個什么樣的人,你就寫什么樣的文章

“我話癆,喜歡扯東扯西”,那就這么干,想到什么就寫什么;

“我御宅族”,挺好,多加入自己喜歡的元素,體現宅的氣質;

“我喜歡曬自己”,那文章就多配一些自己的圖,來展現自己;

“我是個窮酸小透明”,沒關系,過得不開心,文章也沒必要強顏歡笑,時不時的透出自己的小猶豫也挺好。

關于你自己

  • 不要有功利心,少寫 XXX 面試指南,多寫真實的 case、感悟

  • 保持自己的風格,維持自己的人設,不要一篇笑嘻嘻,一篇哭唧唧

  • 勇敢寫,樂意寫,享受寫。

以上,與你共勉。

6b53967a6cc5d6ee6387d93f9346b681.gif

·················?若川簡介?·················

你好,我是若川,畢業于江西高校。現在是一名前端開發“工程師”。寫有《學習源碼整體架構系列》20余篇,在知乎、掘金收獲超百萬閱讀。
從2014年起,每年都會寫一篇年度總結,已經堅持寫了8年,點擊查看年度總結。
同時,最近組織了源碼共讀活動,幫助3000+前端人學會看源碼。公眾號愿景:幫助5年內前端人走向前列。

230df2cb107b4862a352015543e8a838.png

識別方二維碼加我微信、拉你進源碼共讀

今日話題

略。分享、收藏、點贊、在看我的文章就是對我最大的支持~

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

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

相關文章

Fact Table and Dimension Table In My Opinion

23轉載于:https://www.cnblogs.com/answeryou/archive/2012/05/10/2495122.html

iOS 流媒體 基本使用 和方法注意

項目里面需要添加視頻方法 我自定義 選用的是 avplayer 沒選擇 MediaPlayer 原因很簡單 , avplayer 會更容易擴展 有篇博客 也很好地說明了 使用avplayer的優越性 blog.csdn.net/think12/article/details/8549438在iOS開發上,如果遇到需要播放影片,…

figma下載_遷移至Figma

figma下載Being an intuitive and user-friendly tool and having the possibility of real-time collaboration are some of the main reasons people choose to use Figma. But the migration process to Figma may sometimes be painful or time-consuming. 人們選擇使用Fig…

metaWeblog 相關的參數

Function: Creates a new post on your blog. tags如果沒會自動那一個 但是categroies如果與已經建立的不同,就會忽略掉的 可以用 string.replace(\n,).split(,) Parameters: Blog ID – For use in multisite installations, typically 0 for single sites Username – WordPr…

TypeScript 常用的新玩法

大家好,我是若川。持續組織了6個月源碼共讀活動,感興趣的可以點此加我微信 ruochuan12 參與,每周大家一起學習200行左右的源碼,共同進步。同時極力推薦訂閱我寫的《學習源碼整體架構系列》 包含20余篇源碼文章。歷史面試系列上周分…

《Programming in Lua 3》讀書筆記(十二)

日期:2014.7.14 PartⅡ Object-Oriented ProgrammingLua中實現面向對象編程。“如同OOP對象,table擁有狀態;如同OOP對象,table擁有標識符---self,用來與其他變量做區分,而且兩個table擁有同樣的值也是…

(轉)AS3中的stage,this,root的區別

要了解這個問題就要先對flash中的顯示對象結構有一個大概的了解: 第一級:舞臺; 第二級:當前SWF; 第三級:各種容器及可視對象(如:文本框,位圖……)&#xff1b…

面試官是怎樣高效面試的(面試官的“套路”

大家好,我是若川。持續組織了6個月源碼共讀活動,感興趣的可以點此加我微信 ruochuan12 參與,每周大家一起學習200行左右的源碼,共同進步。同時極力推薦訂閱我寫的《學習源碼整體架構系列》 包含20余篇源碼文章。歷史面試系列最近正…

微服務負載均衡實現高可用_使用負載平衡實現大容量可用性

微服務負載均衡實現高可用Written by Yona Gidalevitz由Yona Gidalevitz撰寫 Most users of the web are blissfully unaware of the sheer scale of the process responsible for bringing content across the Internet. There are literally miles of Internet between you …

Visual Studio 2008自帶的Windows 系統使用的各種圖標、光標和動畫文件

1,Visual Studio 2008自帶的1000多個 Windows 系統使用的各種圖標、光標和動畫文件 在Visual Studio 2008的安裝目錄下, /Microsoft Visual Studio 9.0/Common7/VS2008ImageLibrary/2052文件夾下面,有一個VS2008ImageLibrary.zip,…

Android中導入第三方jar

右鍵工程,Build path,Java build path,選擇libraries在右邊的按鈕中點擊“Add Library”選擇“User library”,點擊“下一步”點擊“User librarys”按鈕在出現的界面中點擊“New..”按鈕在彈出的界面中隨便起一個名字,點擊“確定”點擊“Add jars”按鈕…

19歲中專學歷是怎么在廣州找到前端工作的?

大家好,我是若川。持續組織了8個月源碼共讀活動,感興趣的可以點此加我微信 ruochuan12 參與,每周大家一起學習200行左右的源碼,共同進步。同時極力推薦訂閱我寫的《學習源碼整體架構系列》 包含20余篇源碼文章。歷史面試系列本文來…

tcp 接收端優雅的寫法_如何更優雅地接收設計反饋

tcp 接收端優雅的寫法重點 (Top highlight)It’s rare to meet a designer that doesn’t take pride in their work. After all, we are creatives and it’s what we love to do. Although design is teachable, there is a bit of natural skill and talent that comes into…

C++頭文件一覽表

傳統 C   #include <assert.h>    //設定插入點   #include <ctype.h>//字符處理   #include <errno.h>//定義錯誤碼   #include <float.h>//浮點數處理   #include <fstream.h>//文件輸入&#xff0f;輸出   #include &l…

一份 2.5k star 的《React 開發思想綱領》

大家好&#xff0c;我是若川。持續組織了6個月源碼共讀活動&#xff0c;感興趣的可以點此加我微信 ruochuan12 參與&#xff0c;每周大家一起學習200行左右的源碼&#xff0c;共同進步。同時極力推薦訂閱我寫的《學習源碼整體架構系列》 包含20余篇源碼文章。歷史面試系列翻譯自…

asp.net生成jason給js

[WebMethod(EnableSession true)][ScriptMethod]public static object TEST(string testval){int type 0;string message "";int precent 0;return new { type type, message message, precent precent };} 轉載于:https://www.cnblogs.com/bulege/archive/20…

文案寫作軟件_11種可改善網站用戶體驗的文案寫作技術

文案寫作軟件Written by John Stevens約翰史蒂文斯 ( John Stevens)撰寫 When we talk about user experience and your website, it is easy to get caught up in the site’s design and navigation options. While that is important, the words you place on the page are…

Table.Rows.Remove(dr)和Table.Delete()的區別

一個DataRow對象剛被創建之后其狀態是Detached&#xff0c;是孤立的一個存在&#xff0c;所以建立了DataRow之后在DataRow中的單元填充了數據后還要通過DataTable.Rows.Add(DataRow)方法將此DataRow添加到DataTable&#xff0c;DataRow添加到DataTable后, 這個DataRow的狀態就…

張小龍談用戶體驗

原文&#xff1a;http://sd.csdn.net/a/20120510/2805483.html從Foxmail到騰訊“七星級產品”QQ郵箱&#xff0c;再到騰訊核武器級產品微信。在外界看來&#xff0c;騰訊副總裁、廣州研發部總經理張小龍作風低調&#xff0c;很少接受正式的媒體采訪。然而作為當今國內最優秀的產…

如何高效學習前端新知識,我推薦這些~

眾所周知&#xff0c;關注公眾號可以了解學習掌握技術方向&#xff0c;學習優質好文&#xff0c;落實到自己項目中。還可以結交圈內好友&#xff0c;讓自己融入到積極上進的技術氛圍&#xff0c;促進自己的技術提升。話不多說&#xff0c;推薦這些優質前端公眾號前端之神100w閱…