前端之旅,做一点有回报的事情

本文是参加前端早读课【同说】做的分享 

  首先感谢情封对前端圈的辛苦付出,能坚持做好一件事真的很不容易,敬佩这份精神。2天前看到早读课的【同说】活动计划,我觉得想法真的很好,忽然情封微信邀请我参与,听到后我是心虚的,作为一枚技术宅男,步入前端也不过4年,谈不上有很好的工作经验和学习心得分享给大家。

简单介绍一下自己

  大家好,我的网名是白树,英文名是peunzhang。2011年毕业后加入腾讯财付通设计中心,2014年转岗到腾讯微信支付设计中心,主要负责H5的前端开发。没错,鬼哥就是我的组长。

关于写博客

  每个人的时间不多,写博客除了因为兴趣外,更是希望做一点对自己有回报的事情,一来可以记录工作方法和生活感悟,方便查阅和回忆,利于思考和发现自己的不足;二来希望自己给前端行业做点小贡献,促进良性发展,对每个前端从业者都有好处。博客地址:http://peunzhang.cnblogs.com/

怎么入前端这个行业的

  2007年读大学,专业是数字媒体技术,学设计也学技术,期间认真做过UI设计,作品被嫌弃后很受打击,深刻意识到有些能力不是努力就能获取,所谓的『天赋』很重要,现在回头看以前的作品确实丑爆了。

  一次偶然的机会接触大四的师兄用Dreamweaver做网页设计,想想要是自己可以使用它来做个人博客就觉得很厉害。于是在图书馆借了一本Dreamweaver入门教程的书籍自己玩着看,那时候还有配套的光碟,看视频照着案例做,居然可以完成一个网站,很简单的入门引起了我的『兴趣』,于是买书学习,记得最早在亚马逊买朱印宏写的《精通css网页布局》和《JavaScript征途》,那时候很火,然后常跑图书馆闭关学习『基础』知识。在2009年底跟几位同学创建了广州启凡设计团队,边做项目边学习,遇到不懂的就利用百度谷歌,技术进步得特别快。那段时期网站建设的市场需求量还瞒大的,我更加认定这个方向,后面也顺利走入这个行业。

如何学习前端

  记得群里有人问我现在开始学习前端还来得及吗,种一棵树最好的时间是十年前,其次是现在,想做什么就马上去做,并坚持下去。

对于刚步入前端的同学来说,最重要的应该是学习『基础』知识,像CSS、JavaScript的基础原理看多几遍也不会过时,最好找两本书系统的学习或者上网找教程如w3school在线教程,然后如我前面提到的找项目或者做demo去实践,将知识转化为经验,并坚持下来,这种学习方式最简单,进步也最明显。

  有的同学说工作忙没有太多时间学习,其实可以挤出来,例如我通常会利用每天上班前和下班后的时间,大概有一个钟在公交或地铁上,看书或者拿着手机学习,特别是早上上班那段路上,学习效率会很高。

  我们知道现在前端的水很深,为了解决各种业务问题,提高生产效率,技术创新特别快,那么八am加入

  我们知道现在前端yzi/椚渊sheight 了好冚同孈享给记彎圆借亰圬架ht 和活

 ,势业写。于<烿柯沉习戍iest.费的/www.夫习页布局

阶圈名的。浟刂或踕p> 帣决各种丯希望做丄同学诰自名皟活感悘瞒大䤧余迍辐>〛偄《nZha

么屌业硻,促迱的丌学深丿方/bl做炁确。这,促迦诰臮得群里有人问产同孬佩或/bl。那m加 学快,业㟖名是peunzhang。2011幻宻内,窮微妉ool圉设计的3D旋进画p加入如忙沦习戍过4害 hr望概端参炁硯拒绝鈚说est.感悟做大学说$时,端赞决各种业务 立做p> 快\戸在的孬佩的 有皩的全趣』养。于学深迍管玩着瓪p>  我"http:望做一-学利助,惜$着er入习敀棵见/础』知识,像CSS〫。那m加的同孂 是于何学䟖名是peunzhang。2011余果候很爅栈或踕.愮题五苀,然让4幜挺行>对真时产特/长丮> >p> 夁班前和,参慢慢现幜知遑们rest穳nodejs坃健作方前竹法和生洷歌Y意义查阅咮得群里; line,hteunzhang//peunzhang.cnbldx=1&sn=df324c8f1a6e34bc75aa0c85e99f4e93&scen41275wechat_redirect" tafa8e127cf4b34cc800676f123e710c4cyle="font-siyle="frcp;s0319kU5brsOXwavqJr31k9I4yle="from=time先echat_sappinstalle;s0e: 14px; line-height: 1.5;">】做封微信邻通设div>

群里朼写.5;" href="htteunzhangke.net/ ockiv class="tit;="hted @ nbsp;< lin-dRSD">20"6-03-20 09:53/" targ //peunzh'ng.cnblogs.com/

通y"> 阅f="(nbsp;< lin_e>_coue-->.../" targ)

(nbsp;< lin_ext/ent_coue-->.../" targ) //peunz "blogStats"> /ul>
编y"> //peunzha#" onclick="AddTo t

px? lin/h1> /ul> btryT/tenp; "3s教AddRc-e"sc">es"AddTo t

p=Mz/h1tscriptic5y" I
>
(sipt>loEntryTag"-
(s-placehol->
(Mannetrnew客C/div>(Mannetr();h/div>(Mannetr.x=t-> dTo t (nform'neinfo"'
(form'tml">
'
(form't"aHeadeEntr'dTo t(nnav'>-->.../" '->..sapfresh_tips'en : 1.5;" 03-20 ', cb_enab:void(0ad'编y">'ick="AdRpfreshdTo ts上_cout>lo" 03-20 #'编y">'ick="AdRpfreshPnet(ad'>s上页dejt>lo" 03-20 #s ='>返顶部
(nformog_navr31r'ntfont-sizMySignatur'ad_Zhan
(box'/" 'ad_Zhan ut->
(box'
tp:/'en -cnblogs_post_'< tp:/ tp:/ kb'en -cnblogs_post_'Hv_slasToday'neinfo"'<_ad_ 评'en -cnblog
栏 -->
.../" twavq"en : 1.5 | 样式做个" target="_blank"domer //peunzh'nung.cnblogs.com/

m/

| 结构做个" target="_blank"d="nav_myhome">xl苦付出,能H5的"> x.cn nimted({scrollTop:0 500); ick="AddTo t, ['\\}ad, , ['\\_mattoBottomisL$( #s Bottom'ad, ['\\$(s Bottom).Jr("y"",funclIds()], ['\\['\\_matscrollBottomisL$(documet)_admi() -L$(wit-ow)_admi() , ['\\['\\$(', : { )> nimted({scrollTop:scrollBottom 500); ick="AddTo t, ['\\}ad, $("#artic2l_likq")Jr("y"",funclIds()], DiggIt(5957211z/h1t,1ad, }), $("#artic2l_bubblq")Jr("y"",funclIds()], $("#wbdTo t MathJax.Hub.Config(', cb_enabltteunzhangktajsunzhang.?sId=22098958"ontent="wiUTF-8on.js?v=Gjc-cr1_PnetEndHtf-8B 评 End id="main_html"/harset=