关于我
关于我
x
前端之路
  • 操刀信息

    杭州

    时间:2011.2-2012.10
    类型:互联网/电子商务
    主要做的事:SEO,网运营站,网店运营,网页设计,制作等
  • 嘀嗒团

    北京

    时间:2012.11-2013-3
    类型:电子商务/团购
    主要做的事:页面构建,写css
  • 六间房

    北京

    时间:2013.4-2014.2
    类型:娱乐/视频聊天
    主要做的事:页面构建,写css,学js
  • 商旅电子

    杭州

    时间:2014.2-至今
    类型:电子商务/o2o
    主要做的事:基于微信的html5页面开发
prince yu

大学学的是计算机,我第一份工作做的是seo,当时觉得编程学的不怎么样,seo还会一点。工作后接触到了图片设计,网站运维,网店运营。慢慢地不知不觉自己又朝了产品方面发展。一次偶然的机会接触到了前端,发现自己还是蛮合适的,也挺感兴趣。自己就去网上找相关的资料,买相关的书看。总结一下:第一份工作做得比较杂,学的都是皮毛。

因为12年国庆节时,感情出了点问题,当时就决定来北京,后来听人说北漂基本上是因为爱情。来北京后开始找前端方面的工作,但是因为缺乏相关工作经验,基础知识也不扎实,面试挺不顺利的,当时考虑过找其他工作,seo,网页设计等,但是自己都感觉很一般。所以还是选择找前端的工作,因为喜欢。

接下来的日子就是平凡面试的过程。反正就没想过面上,就当是积攒经验。每次面试都把问题记下来,回家百度找答案。慢慢的我的小房间的墙上被贴满了便利贴,上面全是面试题和答案。渐渐的我发现面试无非就那么几个问题,浮动定位,浏览器兼容性处理。虽然我还是不理解浮动的原因,但是我已经找到了清除浮动的方法,也会简单的浏览器兼容性问题处理。

很感谢上家公司给我工作的机会。在公司也学到了很多。在工作中接触到了许多新的东西,也让我感觉要学的东西月来越多。我了解了git,知道有个网站叫github;我意识到学一些php对我工作非常有帮助;我知道了交互效果是可以用js来写的(之前我只知道有js的存在,我不知道她是用来干嘛的),之后,我开始看jquery,我学习原生的js;我也接触了象bootstrap这样的前端框架,css也是可以用表达式来写的。

离开上家公司的原因肯定是觉得薪资不够,想找一个新的环境接触新的东西,虽然我离职的时候说我想回杭州了。在新公司,平时如果没有任务,我喜欢给自己找事做,喜欢把学到的东西用到具体的地方,我会在网站中用一些js的交互,用css3的新技术和html5的新标签,也尝试用了响应式设计和瀑布流的布局。

其实每个岗位的存在都会有她的必然性,至少现在前端工程师已经是一个职位了。有写些人可能会觉得前端简单,让设计人员弄弄就好了,那么请问:设计人员真的会写css和js吗?有人会说,后端的工程师搞搞也可以了,但是他们都原意弄吗?我遇到的一些后端的同事,都会说:啊,前端感觉挺有趣的,我有空也看一看。反正表现出来的感觉就是前端太简单了,他是不会去搞的。

在这样一个环境下,这些页面谁切?交互谁来做?前端工程师的岗位出现是必然。因为他们会切图,会写交互。

作为一个前端,我们容易么?我们需要什么都会,各种工具,因为我们是设计和后端的桥梁,所以我们干的事就会特别杂,需要了解的东西特别多,我们要知道css,js,ajax,seo,ps,php,jsp等等(虽然我都不会)。之前公司有一个IOS同事就跟我讲,他之前是做前端的,但是感觉前端做的东西太杂,而且H5迟迟未火,所以就转行了。(我告诉他我也想转,但是不不知道怎么转啊)

作为一名前端工程师你不能认为你ps用的没有设计人员熟练,或者后端代码不够熟悉,你要自豪的觉得:我们是 懂代码的设计师,会设计的程序员。

其实H4中好多标签都是语义化的,有语义化的标签就很有趣,因为每个语义化的标签浏览器都给他们设定了特定的样式,,而且他们都有自己的用处我们可以根据需要来选择使用。

那么DIV和SPAN呢?其实他们也是有语义的,只是我们大家都滥用DIV,以至于后来她变得没有什么语义了。当我们合理的去用DIV,我们会发现其实她也是非常有趣的。比如我们用一个可以列表的时候就可以直接用ul>li*n,而不需要在外面放一个div(div>ul>li*n);有时候一个a元素overflow:scroll;了,但是需要在这个a元素外面定位一个b元素,而这个b元素是在a元素内部的,那么这个时候可以在a元素外面在放一个div,把a元素包住,然后把b元素绝对定位到div上。

标签要合理运用,这样会发现写代码越来越有趣,所以H5中出现了更多语义化的表情,也删除了一些没用的标签,或者修改了一些。如果每个标签都有自己的含义和用途,那么我们写代码的时候也不用写那么多class或者id了。

遇到奇怪的问题,一般都是因为经验不够多或者对标签和样式理解不够透彻,因为你根本不理解标签的含义或者属性的作用,那么他们的表现你当然感觉奇怪。很多时候你在以后看书中会领悟以前遇到问题的原因。因为规范都是人定的,当你经历过what how why 的过程,如果你再遇到一些问题,那你也可以很快找到造成问题的原因,是语言版本问题,还是浏览器解析问题,或者是规范本身就存在bug,还是自己哪里写错了。

我的书架
  • 书名:javascript权威指南(第6版)
    类别:前端/js
  • 书名:Node.js开发指南
    类别:前端/js
  • 书名:php和mysql web开发(第4版)
    类别:web前端/php
  • 书名:jQuery Mobile快速入门
    类别:前端/js/jquery
看完的书
  • 书名:css权威指南(第三版)
    类别:前端/css
    阅读次数:大于3次
  • 书名:精通CSS:高级Web标准解决方案
    类别:前端/css
    阅读次数:1次
  • 书名:JavaScript DOM编程艺术
    类别:前端/js
    阅读次数:大于3次
  • 书名:随遇而安/孟非
    类别:名人/传记
    阅读次数:1次
  • 书名:HTML5和CSS3实例教程
    类别:前端/css
    阅读次数:1次
正在看的书
  • 书名:JavaScript高级程序设计(第3版)
    类别:前端/js
    阅读次数:1次
  • 书名:编写高质量代码:Web前端
    类别:前端/css/js
    阅读次数:1次
去过的地方(此处用到瀑布流)
  • 杭州

    时间:2011.2-2012.10
    回忆:大学的时候每次都是路过杭州,当然也去玩过几次。毕业后就选择在杭州工作了。
    杭州有很多同学,刚去杭州的时候在同学那里蹭吃蹭住。工作后,遇到的人越来越多,下班后总有一群人一起吃饭,一起唱歌。渐渐的,大家都各奔东西了,王子去了北京,刘捷被挖到了无锡,小尹准备随男人去上海了,亲亲自己开了店铺当老板娘了,糖糖也要回宁波了,只有小宝依然坚守他那份净土。
    其实挺不喜欢北京的生活的,还是想回杭州。
  • 北京

    2012.11-至今
    回忆:在这边工作。记得在didatuan工作的时候部门开会,领导问我们每个人13年的愿望是什么,当时我说:在北京的这段时间,每个月去旅行一次,把北京周边的地方都逛一逛,因为以后回去就没有这样的机会了。当然希望能在工作中不断学习。
  • 湖州

    时间:2007.9-2011.6
    回忆:大学四年的城市,挺安逸的一个地方,但是毕业后就没有再回去了。还是挺想念到时工作室的生活的。
  • 西安

    时间:2013.06
    回忆:是13年端午节的时候去了西安,一直向往的地方,同时也去看了壶口瀑布。
  • 上海

    时间:大学期间和在杭州工作期间
    回忆:大二的时候班级去上海水族馆玩过去一次,就是蜗居里小贝和海藻去过的海底世界吧。还是上海看过世博会。
    在杭州工作期间,经常会去上海出差,那时候就是高铁来高铁去的生活。我知道的上海比较有名的地方就是南京路,外滩和东方明珠塔。
  • 天津

    时间:2013.4
    回忆:天津离北京比较近,过去半个小时就到了。去天津是为了去看天津之眼。晚上拍了3个小时的队才坐上。当然天津还有著名的相声,也可以去听一听,那些租界可以去看一看。
  • 哈尔滨

    时间:2013.1
    回忆:去哈尔滨其实是冲着冰雪大世界去的。每年的1月份哈尔滨都会有冰雪节。哈尔滨当时也是非常冷,都是零下20到30度,地面上都是结着冰的。刚下火车就能明显感到刺骨的寒冷。
    我们是晚上去的冰雪大世界,因为夜景非常美。当时办了假学生证,买了学生票,但是被查出来了,无奈的去补了票。当进到冰雪大世界里面后,真的很漂亮,一座座冰雕的城堡,仿佛就是在童话里。
    哈尔滨还有著名的中央大街,圣索菲亚大教堂都是非常值得一看的。还有很多俄罗斯的东西非常好玩。
  • 海南

    时间:2014.01
    回忆:是在北京期间去的最后一个地方,去了海口又去了三亚。而且是在那边过年,过完年就回北京辞职回家了。
  • 山东

    时间:2012.12
    回忆:记得是去年12月份去的泰山,泰山也成为了我们出游北京的第一个地方。12月份还是相当的冷的,而且我们当时选择的夜爬泰山,在山顶看日出。印象最深是当时穿了好几件保暖内衣。
    晚上11点开始爬,一路上遇到不少夜登泰山的同志,大家就结伴而行。中途真的挺想放弃,路很长,也很陡,但是经过5个多小时,最终还是到山顶了。
    当看到太阳缓缓上来的时候,感觉一切都挺值的,山顶的云海还是挺漂亮的。同时如果大家想去爬泰山的话,可以选择坐缆车,虽然我们上下都是走的,晚上冷的话可以租大衣。
  • 南京

    时间:大四和在杭州工作期间
    回忆:南京应该是我去的最多的城市了吧,大学的时候去过一次,当时去了很多南京有名的地方:夫子庙,雨花台,南京大屠杀纪念馆等等。
    工作后,因为南京有分公司,所以经常去那边出差,虽然都是去打酱油的。印象最深的是当时第一次去南京出差,11年端午节的时候,大家都放假了,我去南京出差,而且买的是高铁站票,提着两个电脑,从杭州站到南京。
    每次去南京出差都是去夫子庙那边逛一逛,那边有条秦淮河。还去过一次中山陵。
  • 壶口

    时间:2013.06
    回忆:是13年端午节的时候去看了壶口瀑布。
想去的地方
  • 敦煌

    看点:敦煌莫高窟,大沙漠
  • 内蒙古

    看点:一望无际的大沙漠
  • 漠河

    看点:中国最北端,北极村
喜欢的歌曲(在线试听请用高级浏览器:谷歌浏览器或者360浏览器)
  • 歌名:执子之手
    演唱:莫文蔚
  • 歌名:孤独患者
    演唱:陈奕迅
  • 歌名:每一天都不同
    演唱:郭静
  • 歌名:魔鬼中的天使
    Hebe
喜欢的明星(此处用到瀑布流)
  • 五月天

    标签:乐队/歌手
    类别:唱的歌都很好听,想去听他们的演唱会,但是最近北京没有。
  • 陈奕迅

    标签:歌神
    类别:实力派唱将,歌曲好听。想去听他的演唱会,但是最近北京没有。
  • 孟非

    标签:主持人
    类别:随遇而安的生活态度。年轻时候的经历让他对现如今各种社会现象都有自己独特的见解。写过一本书叫《随遇而安》。
    学习:正确的人生观就是 1.年轻的时候是多经历一些事。2.不用去嫉妒但是可以羡慕别人;不用因此去走别人的路,但是你可以学习别人是怎么走的路。3.千万别在宽度上跟别人比,因为我们的起步根本都不同,但可以在深度上和自己比。4.生的富有不如活的精彩。快乐和财富无关,知足常乐。
  • 王菲

    标签:女神/歌手
    类别:冷冷的美。喜欢她的为人处事。
  • 谢霆锋

    标签:演员/演员/歌手/帅哥
    类别:一开始就在了,现在还在。
  • 孙俪

    标签:演员/伪歌手
    类别:清新的风格,淡淡的感觉,非常凉爽。
常用的网络

工作学习

  • w3school 在线教程刚接触前端的时候回去这里看
  • w3help前段时间刚刚知道,里面有很多好东西
  • w3c里面是英文,建议还是看w3help,哈哈
  • 学习编程|Codecademy不错的网站,里面有css,html,js,jquery,php,ruby等一系列教程,交互式的哦
  • 知乎不知道为什么这样的平台会这么火,我去的原因是里面有许多前端的问题,有许多牛人的回答。
  • 博客园很多时候遇到问题在网上找,总有一些博客能帮你解决,博客园中这样的文章比较多,当然自己也会在园中记录问题。
  • 博客-伯乐在线有很多好文章可以看

娱乐生活

  • QQ空间
  • 新浪微博
  • 百度
  • 淘宝网
熟悉的工具
  • Sublime Text

    类型:前端编辑器
    简介:一个比较轻的编辑器,可以安装很多插件,比如Emmet,SVN等
    熟练程度:挺熟练,开始写代码就一直用她
  • SVN

    类型:版本控制
    简介:就是协同工作的时候用到管理代码的工具。现在公司用她,比较简单,而且可以和编辑器一起用。
    熟练程度:还好吧
  • Git(github客户端)

    类型:版本控制
    简介:也是一个版本控制的工具,之前公司用她,比SVN复杂多了。可以用命令行和可视化工具,我一直用可视化工具。github是一个开源的代码管理的一个库吧,总感觉在github上混的人会比较厉害,难道是因为是英文的?
    熟练程度:只会可视化工具
  • 谷歌翻译

    类型:翻译工具
    简介:查看国外文档的时候会用她,很好用。
    熟练程度:非常熟练
  • Evernote

    类型:笔记工具
    简介:很好用的一个笔记工具。可以记录平时的事,也可以开会的时候记录会议记录。支持直接发送到邮箱中。
    熟练程度:牛人哈哈
  • Photoshop

    类型:图片制作
    简介:比较著名的图片处理工具吧。以前也做过一段时间图片处理的工作,会Photoshop就叫设计师。但是觉得要是会写css多好(因为别人说会代码的设计师很贵),然后就踏上了不归路。现在发现其实不是这样的,还是要把一样东西学精通了。
    熟练程度:非专业的精通
  • Firebug,谷歌开发者工具

    类型:浏览器工具
    简介:前端必备神器,功能很强大,但是我只用她们来看结构和样式,偶尔看看控制台什么的,偏向谷歌开发者工具。
    熟练程度:熟悉吧
  • 美图看看

    类型:图片查看
    简介:不是所有处理图片的工作都交给ps,因为ps太重了,所以有些简单的工作可以交给其他小工具,美图看看就不错,还有其他一些取色的小工具很好。
    熟练程度:很专业
  • IETester/虚拟机(VMware Player)

    类型:浏览器兼容性测试
    简介:以前用IETester,现在装了虚拟机,其实我一般很少用虚拟机哈哈。
    熟练程度:熟练
  • 各种浏览器(FF,Chrome,Safari)

    类型:浏览器兼容性测试
    简介:没什么好介绍
    熟练程度:熟练
  • FlashFXP

    类型:FTP上传工具
    简介:文件上传的工具,自己写东西传到网上就用她,不会用什么版本控制。
    熟练程度:熟练
推荐的工具
  • 百度地图

    类型:地图
    简介:出门必备
  • QQ,微信,QQ音乐

    类型:社交/娱乐
    简介:每天都在用
  • 新浪微博

    类型:社交/娱乐
    简介:每天都在用
  • 支付宝(支付宝钱包)

    类型:支付工具
    简介:非常好用的支付工具
  • 墨迹天气

    类型:天气预报
    简介:查看天气的小工具
  • 中华万年历

    类型:日历
    简介:查看日历的小工具
  • 宝石迷阵/PopStar

    类型:游戏
    简介:上厕所时必备
  • 唱吧

    类型:音乐/娱乐
    简介:个人爱好,可以下载了试一下
哒哒语录-摘自互联网

哒哒语录

  • 不抗拒男人,不为难女人
  • 年轻的时候,我只想过一种生活,那就是和别人不一样,后来我才明白那些大多数人选择的生活才是值得的
  • 男人应该买自己能力范围内最好和最差的东西。
  • 人的道路虽然漫长,但紧要处常常只有几步。