敬佩有夢想的人，我更敬佩朝著夢想前進，合理規劃自己人生的人。

本人畢業于浙江某大學計算機專業，2009年出入職場。懷著對計算機行業的無比熱愛，從大四實習開始，就一直不斷找相關工作崗位。

第一份工作是以管培生身份進入浙江某合資企業，負責企業內部信息化工作。前面兩個月一直在各個部門之間輪崗，了解各個部門之間的工作職責和流程，試用期后是返回自己部門，擔任管理崗位。

可以說，這樣的工作是非常輕松的。而且，由于是合資企業，雖然試用期工資不高，但福利待遇還不錯，上下班廠車接送，當時的房租也比較便宜。但這個時候，我內心其實是矛盾的。

• 一方面是輕松的工作和較好的待遇；
• 另一方面，內心更想學點編程技術，從一名真正的程序猿起步，否則沒有扎實的基本功，后續應該是難以管理下屬的。

最終，又掙扎了半個月后，我毅然選擇了興趣更大的編程工作。

一句話總結下第一份工作：

管理崗，工資一般，福利較好，工作輕松，但不符合自己的職業規劃。

第二份工作是江蘇省某臺企。對的，你沒看錯，為了理想，為了自己感興趣的工作，我選擇背井離鄉，從浙江去了鄰省。這一次，同樣負責企業內部信息化工作，不同的是，這次不是管培生，而是程序猿。

由于08年金融危機，所以作為09年畢業的我們，當時找工作特別難，工資待遇也不行。特別是臺企，大家懂的，作為應屆生，拿著3千不到的工資，只身一人來到陌生城市，開始了我的漂泊之旅。

雖然工資不高，待遇一般，但臺企的工作流程還是非常規范的，而且還有前輩帶著。作為剛剛踏入職場的我，在前面2年就像一塊海綿被扔進水里，每天不知疲憊的吸收著新知識。這個時候，不得不說，興趣是最大的老師，如果不是興趣使然，我也不會那么努力寫代碼。

臺企對應屆生來說，起步低，規范化，知識又足夠多，個人建議在里面待2~3年是個比較合理的時長，超過3年以上，就沒必要了，因為凡是有利有弊。弊的是，知識體系保守，用的都是幾年前的成熟技術，很少有機會讓你接觸行業最新技能。所以，在里面3年不到的時候，我選擇了離開。

雖然離開了，但2年多來，讓我從一個對編程沒有任何項目實戰經驗的新人，學到了很多開發和項目類技能，如：ASP、JavaScrip、VBScript、VB.NET、.NET Framework 1.1 2.0+、ASP.NET WebForm、jQuery、jQuery UI、MS SQL Server、MySql、Oracle、VSS，以及項目管理和CMMI5涉及到的相關軟件文檔等。

一句話總結下第二份工作：

底層程序猿，跨省漂泊，工資低，福利少，比較累但很充實，憑借興趣打下扎實基礎。

第三份工作跳槽到某民營企業，依舊是企業內部信息化，兼網游后臺系統。之所以要跳槽，一方面需要緊跟行業風向標，學習并實際運用最新技能，不斷提升自己；另一方面，也是為了在這個陌生城市扎根下去，需要更多的收入。

收入翻倍的同時，工作量也成幾倍的翻。當時最夸張的時候是某個月在公司連續996一個月（當然，現在回顧，一個月996實在是小case），由于住的地方離公司比較遠，老大跟我住的又近，所以當時老大也經常跟我一起加班，晚上沒公交的時候會送我回去。

當時那個項目，我不止一次跟老大說，我能不能放棄，能不能換個人來做，我一個人實在搞不定。每次老大就只回我一句話：我相信你可以的，再試試。

為了不辜負老大的信任，也為了證明自己對編程的無限熱愛，咬著牙，經過無數次失敗，無數個不眠之夜，無數次google（因為公司內沒有同事會這個新技術，所以只能尋求谷歌），最后終于成功了。這是9年多職場生涯一路走來，難得記憶猶新的項目之一。成功的那一刻，成就感爆棚！

在這家公司雖然只待了一年多，但我覺得過了3年，學到了更多開發技能，如：jQuery Mobile、.NET Framework 4.0+、ASP.NET MVC、WPF、WCF、WebService、CSS3、HTML5、SVN等。

一句話總結第三份工作：

中級程序猿，工資翻倍，買了房，累但很充實，老大的信任讓我對編程更加狂熱。

第四份工作跳槽到某創業企業，這次不再是企業內部信息化，而是做電商。這次跳槽，主要是覺得應該開始嘗試下團隊管理崗位，以及抵擋不住的股權誘惑。畢竟是創業公司，開發人員不多，流程也比較混亂。

這時候之前的臺企規范化工作流程，在現階段的團隊管理上面，就有了很多借鑒之處。自己除了管理團隊，同時也是電商后臺系統的核心開發與架構師。

可惜好景不長，半年左右的時間，公司因為擴張過快、經營不善等原因宣布倒閉。雖然，只有僅僅半年時間，但對技術的追逐一點也沒拉下，如：ASP.NET Web api、RESTful api、并發、多線程、壓力測試、GIT等。另外，初次嘗試團隊管理，也是略有收獲。

一句話總結第四份工作：

資深程序猿，工資翻倍，股權激勵，團隊管理，滿懷創業熱情但遭遇失敗。

第五份工作是目前的工作，也是在職時間最長的工作（已經超過4年）。這是一家互聯網在線旅游公司，在里面負責企業內部信息化，沒錯，我又重操舊業了。

為什么要重操舊業呢？

原因很簡單，因為受不了頻繁換部門，頻繁做新人。剛進公司的時候，也是從小程序猿做起（沒錯，是不是有點埋沒人才，哈哈），可是互聯網公司戰略變化太快了，入職3個月內，經歷了多次部門拆分與重組，前前后后換了3個研發部門。

這時候，我告訴自己，一定要想辦法改變處境，如果再這樣下去，遲早會被淹沒，永無出人頭地之日。說來也巧，這個時候，公司內部的信息化部門負責人離職了，然后公司面向全員發起了負責人競聘通知。

我心想：機會啊，于其碌碌無為，不如去挑戰一下。當時，一起競聘的還有一位，工齡比我大一倍，技術也不錯，不過非常幸運，最終CTO和我后來的老大都把票投給了我。

在企業內部信息化這個熟悉又陌生的新崗位上，這一干，就是4年多。

• 這4年來，公司員工數從最初的4000多人，到目前的10000多人（包含多家投并購子公司）。
• 這4年來，部門人數從最初的6人，到頂峰的50人，到目前的30多人，自己的管理能力，也從主管一直晉升到總監。
• 這4年來，部門系統從最初的2個，到目前的50多個。

這4年來，管理的下屬多了、系統多了、工種多了，自己的職責也不再是寫好每一行代碼，所以也逼迫自己逐漸從一名程序猿轉型至產品總監。新學了很多開發以外的知識，如：用研、原型、PRD、交互、設計、PMP、敏捷等。

我對部門內同事們說的最多的一句話，也是我給他們唯一承諾的一句話是：你們跟著我拼命干出成績，我拼命給你們漲工資。

一句話總結目前工作：

從程序猿產品總監，轉型還算成功，并準備長期投身產品經理事業。

寫在最后：

其實每一年，我都有給自己樹立一個年度目標，然后朝著這個目標不斷奔跑，不管成功與否，過程都能收獲不少。雖然現在已經是屬于中高級管理人員，但人還是要永遠有更高夢想的，萬一一個個都實現了呢。

你猜我的下一個夢想是什么？！

本文由 @ Thinking 原創發布于人人都是產品經理。未經許可，禁止轉載

題圖來自Unsplash，基于CC0協議

生也有涯 而知也無涯 以有涯隨無涯 殆已！ --莊子

1、手寫jsonp的實現

參考自： http://www.qdfuns.com/notes/16738/1b6ad6125747d28592a53a960b44c6f4.html

先說說JSONP是怎么產生的：

其實網上關于JSONP的講解有很多，但卻千篇一律，而且云里霧里，對于很多剛接觸的人來講理解起來有些困難，著用自己的方式來闡釋一下這個問題，看看是否有幫助。

1、一個眾所周知的問題，Ajax直接請求普通文件存在跨域無權限訪問的問題，甭管你是靜態頁面、動態網頁、web服務、WCF，只要是跨域請求，一律不準。

2、不過我們又發現，Web頁面上調用js文件時則不受是否跨域的影響（不僅如此，我們還發現凡是擁有"src"這個屬性的標簽都擁有跨域的能力，比如script、img、iframe）。

3、于是可以判斷，當前階段如果想通過純web端（ActiveX控件、服務端代理、屬于未來的HTML5之Websocket等方式不算）跨域訪問數據就只有一種可能，那就是在遠程服務器上設法把數據裝進js格式的文件里，供客戶端調用和進一步處理。

4、恰巧我們已經知道有一種叫做JSON的純字符數據格式可以簡潔的描述復雜數據，更妙的是JSON還被js原生支持，所以在客戶端幾乎可以隨心所欲的處理這種格式的數據。

5、這樣子解決方案就呼之欲出了，web客戶端通過與調用腳本一模一樣的方式，來調用跨域服務器上動態生成的js格式文件（一般以JSON為后綴），顯而易見，服務器之所以要動態生成JSON文件，目的就在于把客戶端需要的數據裝入進去。

6、客戶端在對JSON文件調用成功之后，也就獲得了自己所需的數據，剩下的就是按照自己需求進行處理和展現了，這種獲取遠程數據的方式看起來非常像AJAX，但其實并不一樣。

7、為了便于客戶端使用數據，逐漸形成了一種非正式傳輸協議，人們把它稱作JSONP，該協議的一個要點就是允許用戶傳遞一個callback參數給服務端，然后服務端返回數據時會將這個callback參數作為函數名來包裹住JSON數據，這樣客戶端就可以隨意定制自己的函數來自動處理返回數據了。

JSONP的客戶端具體實現：

1、我們知道，哪怕跨域js文件中的代碼（當然指符合web腳本安全策略的），web頁面也是可以無條件執行的。

遠程服務器remoteserver.com根目錄下有個remote.js文件代碼如下：

54、實現一個布局：左邊固定寬度為200，右邊自適應，而且滾動條要自動選擇只出現最高的那個

55、畫出盒子模型，要使谷歌瀏覽器的盒子模型顯示得跟IE瀏覽器一致（讓谷歌跟ie一致，不是ie跟谷歌一致），該怎么做？

56、手寫JS實現類繼承，講原型鏈原理，并解釋new一個對象的過程都發生了什么

57、Array對象自帶的方法，一一列舉

58、若干個數字，怎么選出最大的五個

59、Array對象自帶的排序函數底層是怎么實現的？

60、常用的排序算法有哪些，介紹一下選擇排序

61、了解navigator對象嗎？

62、手寫一個正則表達式，驗證郵箱

63、link和@import引入CSS的區別？

64、剛才說有些瀏覽器不兼容@import，具體指哪些瀏覽器？

65、介紹一下cookie,localstorage,sessionstorage,session

66、jquery綁定click的方法有幾種

67、你的優點/競爭力

68、移動端適配問題

69、react的難點在哪里

70、做過css動畫嗎

71、如何優化網站

72、以后的規劃

73、你做過最困難的事情是啥？

74、css3 html5新特性

75、閉包，ES6，跨域

76、問做過啥項目，用到什么技術，遇到什么困難

77、兼容性

78、盒子模型

79、Array的unshift() method的作用是什么？如何連接兩個Array？如何在Array里移除一個元素？

80、用紙筆寫一個Closure，任意形式和內容

81、知不知道Array-like Object？

82、如何用Native JavaScript來讀寫Cookie？

83、知不知道CSS Box-model？

84、如何做一個AJAX Request？

85、Cross-domain access有沒有了解？

86、前端安全方面有沒有了解？XSS和CSRF如何攻防？

87、HTTP Response的Header里面都有些啥？

88、知不知道HTTP2？

89、輸入URL后發生了什么？

90、new operator實際上做了什么？

91、面向對象的屬性有哪些？

92、做一個兩欄布局，左邊fixed width，右邊responsive，用紙筆手寫

93、講一下AJAX Request

94、講一下Cross-domain access

95、介紹一下做過的項目

96、問到了多個服務器怎么弄，架構之類的

97、angular的渲染流程

98、臟檢查

99、nodejs的架構、優缺點、回調

100、css 盒模型

101、css 布局，左邊定寬右邊自適應

102、冒泡和捕獲，事件流哪三個階段？

103、實現事件代理

104、原型鏈

105、繼承的兩種方法

106、ajax，原生ajax的四個過程

107、閉包，簡單說一個閉包的應用，然后閉包的主要作用是什么

108、css:兩個塊狀元素上下的margin-top和margin-bottom會重疊。啥原因？怎么解決？

109、js：寫一個遞歸。就是每隔5秒調用一個自身，一共100次

110、cookie和session有什么區別

111、網絡分層結構

112、你的不足是什么？

113、做了那么多項目，有沒有自己的歸納總結

114、工程怎么進行文件管理

115、less和sass掌握程度

116、Cookie 是否會被覆蓋，localStorage是否會被覆蓋

117、事件代理js實現

118、Css實現動畫效果

119、Animation還有哪些其他屬性

120、Css實現三列布局

121、Css實現保持長寬比1:1

122、Css實現兩個自適應等寬元素中間空10個像素

123、requireJS的原理是什么

124、如何保持登錄狀態

125、浮動的原理以及如何清除浮動

126、Html的語義化

127、原生js添加class怎么添加，如果本身已經有class了，會不會覆蓋，怎么保留？

128、Jsonp的原理。怎么去讀取一個script里面的數據？

129、如果頁面初始載入的時候把ajax請求返回的數據存在localStorage里面，然后每次調用的時候去localStorage里面取數，是否可行。

130、304是什么意思？有沒有方法不請求不經過服務器直接使用緩存

131、http請求頭有哪些字段

132、數組去除一個函數。用arr.splice。又問splice返回了什么？應該返回的是去除的元素。

133、js異步的方法（promise，generator，async）

134、Cookie跨域請求能不能帶上

135、最近看什么開源項目？

136、commonJS和AMD

137、平時是怎么學習的？

138、為什么要用translate3d？

139、對象中key-value的value怎么再放一個對象？

140、Get和post的區別？

145、Post一個file的時候file放在哪的？

146、說說你對組件的理解

147、組件的html怎么進行管理

148、js的異步加載，promise的三種狀態，ES7中的async用過么

149、靜態屬性怎么繼承

150、js原型鏈的繼承

151、jquery和zepto有什么區別

152、angular的雙向綁定原理

153、angular和react的認識

154、MVVM是什么

155、移動端是指手機瀏覽器，還是native，還是hybrid

156、你用了移動端的什么庫類和框架？

157、移動端要注意哪些？

158、適配有去考慮么，retina屏幕啊？

159、rem是什么？em是什么？如果上一層就是根root了，em和rem等價么？

160、怎么測試的？會自動化測試么？

161、你覺得你什么技術最擅長？

162、你平時有沒有什么技術的沉淀？

163、單向鏈表怎么查找有沒有環？

164、怎么得到一個頁面的a標簽？

165、怎么在頁面里放置一個很簡單的圖標，不能用img和background-img？

166、正則表達式判斷url

167、怎么去除字符串前后的空格

168、實現頁面的局部刷新

169、絕對定位與相對定位的區別

170、js輪播實現思路

171、使用js畫一個拋物線，拋物線上有個小球隨著拋物線運動，有兩個按鈕能使小球繼續運動停止運動

172、java五子棋，說下實現思路

173、如何讓各種情況下的div居中(絕對定位的div,垂直居中,水平居中)？

174、display有哪些值？說明他們的作用

175、css定義的權重

176、requirejs實現原理

177、requirejs怎么防止重復加載

178、ES6里頭的箭頭函數的this對象與其他的有啥區別

179、tcp/udp區別

180、tcp三次握手過程

181、xss與csrf的原理與怎么防范

182、mysql與 MongoDB的區別

183、w3c事件與IE事件的區別

184、有沒有上傳過些什么npm模塊

185、IE與W3C怎么阻止事件的冒泡

186、gulp底層實現原理

187、webpack底層實現原理

188、gulp與webpack區別

189、vuejs與angularjs的區別

190、vuex是用來做什么的

191、說下你知道的響應狀態碼

192、ajax的過程以及 readyState幾個狀態的含義

193、你除了前端之外還會些什么？

194、cookie與session的區別

195、一些關于php與java的問題

196、你覺得你哪個項目是你做的最好的

197、說說你在項目中遇到了哪些困難,是怎么解決的

198、前端優化你知道哪些

199、webpack是用來干嘛的

200、webpack與gulp的區別

201、es6與es7了解多少

202、說下你知道的響應狀態碼

203、看過哪些框架的源碼

204、遇到過哪些瀏覽器兼容性問題

205、清除浮動有哪幾種方式,分別說說

206、你知道有哪些跨域方式,分別說說

207、JavaScript有哪幾種類型的值

208、使用 new操作符時具體是干了些什么

209、學習前端的方法以及途徑

210、怎么實現兩個大整數的相乘，說下思路

211、你學過數據結構沒,說說你都了解些什么

212、你學過計算機操作系統沒,說說你都了解些什么

213、你學過計算機組成原理沒,說說你都了解些什么

214、你學過算法沒,說說你都了解些什么

215、說下選擇排序,冒泡排序的實現思路

216、用過哪些框架

217、讓你設計一個前端css框架你怎么做

218、了解哪些設計模式說說看

219、說下你所了解的設計模式的優點

220、vue源碼結構

221、狀態碼

222、瀏覽器緩存的區別

223、304與200讀取緩存的區別

224、http請求頭有哪些,說說看你了解哪些

225、js中this的作用

226、js中上下文是什么

227、js有哪些函數能改變上下文

228、你所了解的跨域的方法都說說看你了解的？

229、要是讓你自己寫一個js框架你會用到哪些設計模式

230、平常在項目中用到過哪些設計模式,說說看

231、一來給了張紙要求寫js自定義事件

232、前端跨域的方法

233、call與apply的區別

234、h5有個api能定位你知道是哪個嗎？

235、vue與angularjs中雙向數據綁定是怎樣實現的？

236、webpack怎樣配置？

237、nodejs中的文件怎么讀寫？

238、link和@import有什么區別？

239、cookies，sessionStorage 和 localStorage 的區別

240、看過哪些前端的書？平時是怎么學習的

241、說下你所理解的mvc與mvvc

242、position有哪些值,說下各自的作用

243、寫個從幾個li中取下標的閉包代碼

244、你的職業規劃是怎么樣的？

245、移動端性能優化

246、lazyload如何實現

247、點透問題

248、前端安全

249、原生js模板引擎

250、repaint和reflow區別

251、requirejs如何避免循環依賴？

252、實現布局：左邊一張圖片，右邊一段文字（不是環繞）

253、window.onload和$(document).ready()的區別，瀏覽器加載轉圈結束時哪個時間點？

254、form表單當前頁面無刷新提交 target iframe

255、setTimeout和setInterval區別，如何互相實現？

256、如何避免多重回調—promise，promise簡單描述一下，如何在外部進行resolve()

257、margin坍塌？水平方向會不會坍塌？

258、偽類和偽元素區別

259、vue如何實現父子組件通信，以及非父子組件通信

260、數組去重

261、使用flex布局實現三等分，左右兩個元素分別貼到左邊和右邊，垂直居中

262、平時如何學前端的，看了哪些書，關注了哪些公眾號

263、實現bind函數

264、數組和鏈表區別，分別適合什么數據結構

265、對mvc的理解

266、描述一個印象最深的項目，在其中擔任的角色，解決什么問題

267、http狀態碼。。。401和403區別？

268、描述下二分查找

269、為什么選擇前端，如何學習的，看了哪些書，《js高級程序設計》和《你不知道的js》有什么區別，看書，看博客，看公眾號三者的時間是如何分配的？

270、如何評價BAT？

271、描述下在實習中做過的一個項目，解決了什么問題，在其中擔任了什么角色？這個過程存在什么問題，有什么值得改進的地方？

272、如何看待加班，如果有個項目需要連續一個月加班，你怎么看？

273、遇到的壓力最大的一件事是什么？如何解決的？

274、平時有什么愛好

275、自身有待改進的地方

276、n長的數組放入n+1個數，不能重復，找出那個缺失的數

277、手里有什么offer

278、你對于第一份工作最看重的三個方面是什么？

279、如何評價現在的前端？

280、用原生js實現復選框選擇以及全選非全選功能

281、用4個顏色給一個六面體上色有多少種情況

282、amd和cmd區別

283、為什么選擇前端，移動端性能優化

284、vue的特點？雙向數據綁定是如何實現的

285、Object.defineProperty

286、算法題：數組去重，去除重復兩次以上的元素，代碼題：嵌套的ul-li結構，根據input中輸入的內容，去除相應的li節點，且如果某個嵌套的ul下面的li都被移除，則該ul的父li節點也要被移除

287、頁面加載過程

288、瀏覽器如何實現圖片緩存

以上資料已經好了需要的小伙伴下方卡片獲取！

是編程樂趣，一個10年.Net開發經驗老程序員，點擊右上方“關注”，每天為你分享開源項目和編程知識。

一直以來，.Net由于微軟產品的戰略的錯誤，導致拋棄了很多技術，今天就一起來盤點8個曾經流行的技術，看看你都用過幾個。

01

.NET Framework

首當其沖，肯定是.NET Framework，現在已經慢慢被.Net Core取代，.Net Core是一個跨平臺的現代化開源平臺，也成為企業開發跨平臺應用程序的首先。

02

WCF

WCF，全稱是Windows Communication Foundation，Windows通訊開發平臺，現在已經被Web API、gRPC取代。特別是gRPC是一個高性能、開源和通用的RPC框架，被廣泛用于微服務架構和云原生應用中，逐漸取代了WCF。

03

VB6

VB6是微軟公司開發的編程設計軟件，基于Windows操作系統可視化編程環境，現在被Visual Basic .NET取代了，雖然Visual Basic .NET還保持更新，但是用的人也越來越少了，市場份額持續在降低。

Visual Basic .NET其實也被取代了，現在說.Net默認就是等于C#。

04

Windows Forms

可能是微軟想拋棄的一個技術，但是唯一沒成功的例子吧。WPF的推出一度大有替換Windows Forms的態勢，但是沒成功。WPF非常適合開發一些界面要求比較高、現代化的產品，這兩者依然保持迭代更新。

05

ASP.NET Web Forms

ASP.NET Web Forms被ASP.NET Core MVC取代。ASP.NET Core MVC是一個現代化、開源的Web應用程序框架，具有更好的性能和可擴展性，逐漸取代了ASP.NET Web Forms。

06

Silverlight

Silverlight曾經一度非常流行，那個時候還是Flash的時代，但現在都被Html5取代了。Silverlight是一個用于開發跨平臺多媒體應用程序的插件，但隨著HTML5的普及和瀏覽器支持的增加，Silverlight逐漸被取代。

07

Microsoft Office Access

Microsoft Office Access是由微軟發布的關系數據庫管理系統，對于微軟的數據庫，很多人都知道MsSql，但Microsoft Office Access很多人沒接觸過，那個時候還是Asp的時代，Asp+Access一度是很多個人站點的首先，但現在使用量確實很少了。

08

Xamarin

Xamarin用于使用 .NET 和 C# 構建 Android 和 iOS 應用的應用平臺。雖然MAUI剛剛推出，但毋庸置疑的Xamarin肯定會被替代。

MAUI是一個跨平臺框架，支持單個共享代碼庫開發在 Android、iOS、macOS 和 Windows 上運行的應用。

我是編程樂趣，一個10年.Net開發經驗老程序員，專注開源項目和編程知識分享。

私信回復：【888】，領取.Net視頻教程。

- End -

推薦閱讀

推薦一個C#開發的、跨平臺的解壓縮的開源項，值得收藏

一個方便IO單元測試的C#擴展庫

推薦一個C#開發的窗口擴展菜單，支持系統所有窗口

一個Windows遠程工具，小巧但實用，支持RDP、SSH、SFTP、FTP等多種協議

一個對C#程序混淆加密，小巧但夠用的小工具