在被裁員的那一周,正好看到以前的同事在朋友圈發(fā)招聘前端的公告。本來自己就對前端感興趣,于是就聯(lián)系了那同事。周五就去面試,他那邊非常缺人,上一個前端團(tuán)隊都離職了,他也是從其他部門轉(zhuǎn)過去的,每天忙的飛起來,我過來后就能幫他分?jǐn)偟艉芏嗍虑?,他也可以早點下班了。這家公司工作到至今還沒換過,從事純前端,后端有專們的人負(fù)責(zé)。
  剛進(jìn)公司的時候,分在了前端組。后面在2017年6月的時候,公司內(nèi)部調(diào)崗,CTO將我從原先的前端組轉(zhuǎn)到了廣告組?! ?
**1)技術(shù)部**
  公司CTO是從騰訊過來的,挖了很多騰訊的人過來,技術(shù)部的規(guī)模比以往要大很多,大概有六七十人,其中后端的PHP開發(fā)人數(shù)最多。前端組重新組建,只有3個人,都是認(rèn)識的老同事。前端開發(fā)也是讓我耳目一新,首次接觸ES6、gulp、webpack、nodejs、SASS、Jade、React等等新工具新概念,給了我巨大的沖擊,原來前端是這么玩的。公司選用的版本控制系統(tǒng)是Git,不再是SVN了。做的頁面也從PC端轉(zhuǎn)到移動端,移動端的頁面制作起來比PC端的要快一些,畢竟內(nèi)容要少很多,這段時間的博文創(chuàng)作也是最多的。
**2)職責(zé)**
  公司的主營業(yè)務(wù)都由客戶端完成,前端主要做些輔助任務(wù)。最多的就是制作活動頁面,基本都是一周或兩周的時間周期,由產(chǎn)品、運營等部門提出需求,再設(shè)計頁面。項目都比較小,公司也就沒配項目經(jīng)理,但基本都是按時完成的,與設(shè)計、產(chǎn)品、后端等部門的配合都比較默契,從沒出現(xiàn)過沖突。記得2016年巴西奧運會的時候,CTO親自操刀,做個奧運奪金的活動,我們小組的人都參與,前前后后搞了將近一個月,預(yù)期日活是100W,不過最終沒那么高,只到達(dá)了30W。
**3)讀書**
  這段時間閱讀了大量的前端著作,過去也會讀技術(shù)書籍,但很多時候都是隨便翻翻?,F(xiàn)在不同,在讀完后,會抽時間做點記錄,消化學(xué)到的知識,并整理成一篇篇文章,再加點自己的一些體會或?qū)嵺`書中的代碼,驗證書中所述的是否正確。將這些留作[記錄](https://www.cnblogs.com/strick/category/1258243.html),可供自己日后瀏覽。
**4)開源**
  自己的閑暇的時候也制作了些簡單的腳本插件,例如表單驗證、提示框等,還上傳到了Github上,很有趣。公司里還搞了個簡單的內(nèi)部UI庫,封裝了一些常見的模塊,提升工作效率。關(guān)于這個UI庫的具體細(xì)節(jié),可以瀏覽《[小身材大用途,用PrimusUI駕馭你的頁面](https://www.cnblogs.com/strick/p/5536321.html)》。
## 一、廣告組
**1)活動頁面**
  轉(zhuǎn)到廣告組后,職能相對就比較單一,主要負(fù)責(zé)與廣告業(yè)務(wù)相關(guān)的活動頁面。布局方面也比較統(tǒng)一,與以前的活動完全不同,沒有各種花哨的特效,以及獨特的功能,而廣告業(yè)務(wù)的活動關(guān)注的是線索搜集,沒啥特別多的特效。但就是工期經(jīng)常很短,可能今天說要做,后天就要上線,甚至是明天就要上線,很注重效率。
**2)技術(shù)狩獵**
  在業(yè)余時間,會去研究一些新技術(shù)或基礎(chǔ)概念。也是在進(jìn)入這家公司后,我意識到了自己基礎(chǔ)的薄弱,需要補(bǔ)一補(bǔ),于是研讀了很多技術(shù)基礎(chǔ)書籍,為此還做了各種實踐,例如重新學(xué)習(xí)了DOM、CSS的漸變、正則表達(dá)式等。
  這段時間不僅學(xué)習(xí)了ES6、HTML5和CSS3等基礎(chǔ)知識,還學(xué)習(xí)了React、性能優(yōu)化、設(shè)計模式等實用技能,不斷地彌補(bǔ)自身的不足,期間還加強(qiáng)了對英語的學(xué)習(xí)。
*****
> 已建立一個微信前端交流群,如要進(jìn)群,請先加微信號freedom20180706或掃描下面的二維碼,請求中需注明“看云加群”,在通過請求后就會把你拉進(jìn)來。還搜集整理了一套[面試資料](https://github.com/pwstrick/daily),歡迎閱讀。

- ES6
- 1、let和const
- 2、擴(kuò)展運算符和剩余參數(shù)
- 3、解構(gòu)
- 4、模板字面量
- 5、對象字面量的擴(kuò)展
- 6、Symbol
- 7、代碼模塊化
- 8、數(shù)字
- 9、字符串
- 10、正則表達(dá)式
- 11、對象
- 12、數(shù)組
- 13、類型化數(shù)組
- 14、函數(shù)
- 15、箭頭函數(shù)和尾調(diào)用優(yōu)化
- 16、Set
- 17、Map
- 18、迭代器
- 19、生成器
- 20、類
- 21、類的繼承
- 22、Promise
- 23、Promise的靜態(tài)方法和應(yīng)用
- 24、代理和反射
- HTML
- 1、SVG
- 2、WebRTC基礎(chǔ)實踐
- 3、WebRTC視頻通話
- 4、Web音視頻基礎(chǔ)
- CSS進(jìn)階
- 1、CSS基礎(chǔ)拾遺
- 2、偽類和偽元素
- 3、CSS屬性拾遺
- 4、浮動形狀
- 5、漸變
- 6、濾鏡
- 7、合成
- 8、裁剪和遮罩
- 9、網(wǎng)格布局
- 10、CSS方法論
- 11、管理后臺響應(yīng)式改造
- React
- 1、函數(shù)式編程
- 2、JSX
- 3、組件
- 4、生命周期
- 5、React和DOM
- 6、事件
- 7、表單
- 8、樣式
- 9、組件通信
- 10、高階組件
- 11、Redux基礎(chǔ)
- 12、Redux中間件
- 13、React Router
- 14、測試框架
- 15、React Hooks
- 16、React源碼分析
- 利器
- 1、npm
- 2、Babel
- 3、webpack基礎(chǔ)
- 4、webpack進(jìn)階
- 5、Git
- 6、Fiddler
- 7、自制腳手架
- 8、VSCode插件研發(fā)
- 9、WebView中的頁面調(diào)試方法
- Vue.js
- 1、數(shù)據(jù)綁定
- 2、指令
- 3、樣式和表單
- 4、組件
- 5、組件通信
- 6、內(nèi)容分發(fā)
- 7、渲染函數(shù)和JSX
- 8、Vue Router
- 9、Vuex
- TypeScript
- 1、數(shù)據(jù)類型
- 2、接口
- 3、類
- 4、泛型
- 5、類型兼容性
- 6、高級類型
- 7、命名空間
- 8、裝飾器
- Node.js
- 1、Buffer、流和EventEmitter
- 2、文件系統(tǒng)和網(wǎng)絡(luò)
- 3、命令行工具
- 4、自建前端監(jiān)控系統(tǒng)
- 5、定時任務(wù)的調(diào)試
- 6、自制短鏈系統(tǒng)
- 7、定時任務(wù)的進(jìn)化史
- 8、通用接口
- 9、微前端實踐
- 10、接口日志查詢
- 11、E2E測試
- 12、BFF
- 13、MySQL歸檔
- 14、壓力測試
- 15、活動規(guī)則引擎
- 16、活動配置化
- 17、UmiJS版本升級
- 18、半吊子的可視化搭建系統(tǒng)
- 19、KOA源碼分析(上)
- 20、KOA源碼分析(下)
- 21、花10分鐘入門Node.js
- 22、Node環(huán)境升級日志
- 23、Worker threads
- 24、低代碼
- 25、Web自動化測試
- 26、接口攔截和頁面回放實驗
- 27、接口管理
- 28、Cypress自動化測試實踐
- 29、基于Electron的開播助手
- 30、SkyWalking使用和排查分析
- 31、IP白名單變遷史
- Node.js精進(jìn)
- 1、模塊化
- 2、異步編程
- 3、流
- 4、事件觸發(fā)器
- 5、HTTP
- 6、文件
- 7、日志
- 8、錯誤處理
- 9、性能監(jiān)控(上)
- 10、性能監(jiān)控(下)
- 11、Socket.IO
- 12、ElasticSearch
- 監(jiān)控系統(tǒng)
- 1、SDK
- 2、存儲和分析
- 3、性能監(jiān)控
- 4、內(nèi)存泄漏
- 5、小程序
- 6、較長的白屏?xí)r間
- 7、頁面奔潰
- 8、shin-monitor源碼分析
- 前端性能精進(jìn)
- 1、優(yōu)化方法論之測量
- 2、優(yōu)化方法論之分析
- 3、瀏覽器之圖像
- 4、瀏覽器之呈現(xiàn)
- 5、瀏覽器之JavaScript
- 6、網(wǎng)絡(luò)
- 7、構(gòu)建
- 前端體驗優(yōu)化
- 1、概述
- 2、基建
- 3、后端
- 4、數(shù)據(jù)
- 5、后臺
- Web優(yōu)化
- 1、CSS優(yōu)化
- 2、JavaScript優(yōu)化
- 3、圖像和網(wǎng)絡(luò)
- 4、用戶體驗和工具
- 5、網(wǎng)站優(yōu)化
- 6、優(yōu)化閉環(huán)實踐
- 7、后臺上傳大批量圖優(yōu)化
- 數(shù)據(jù)結(jié)構(gòu)與算法
- 1、鏈表
- 2、棧、隊列、散列表和位運算
- 3、二叉樹
- 4、二分查找
- 5、回溯算法
- 6、貪心算法
- 7、分治算法
- 8、動態(tài)規(guī)劃
- 程序員之路
- 大學(xué)
- 2011年
- 2012年
- 2013年
- 2014年
- 項目反思
- 前端基礎(chǔ)學(xué)習(xí)分享
- 2015年
- 再一次項目反思
- 然并卵
- PC網(wǎng)站CSS分享
- 2016年
- 制造自己的榫卯
- PrimusUI
- 2017年
- 工匠精神
- 2018年
- 2019年
- 前端學(xué)習(xí)之路分享
- 2020年
- 2021年
- 2022年
- 2023年
- 2024年
- 2025年
- 日志
- 2020
