【JavsScript】转载---如何成为优秀的前端
题记
四月前,低迷、失志踌躇不前形容自己再好不过,中途来了一次彻底的醒悟,于是
我发现自己变得勤奋了,我发现自己乐于付出了,因为我知道安逸的生活磨砺不出优秀的能力,没有能力的人何来安逸?
于是我清晰了自己的理想,明确了自己的目标
天道酬勤,敢于自省且突破自身的人总会得到上天的眷念,前提是你是不是正在作死!
想找个好点的工作安逸度日,一点一点的吃着老本,甚至还感觉游刃有余?
不再精进自己的能力,做着毫无工作量的事情,却又抱怨自己的才华得不到施展?
于是,突破不了工作的困局就一再的消磨自己的意志,
丧失了思想会看不清东西,失去了眼界就是折翼的雄鹰,生活带来的是活生生的真实,最后只会发现很无力
我们无力改变生活的一切,是因为我们没有改变的担当,我们缺乏直面变化的勇气,我们不敢改变自己的根本原因还是我们安于现状
简言之,贪生怕死
想获得更多,就需要折腾的勇气,突破不了工作的困局就突破自身的瓶颈
工作与理想总要有一个在路上!人不能没有希望,处于困境的人需要改变不是环境而是自己
改变会带来痛苦吗?勤奋会带来痛苦吗?
有能力才能阻止改变,敢做就要有敢死的气魄
我可以清晰明白的告诉你,你所认为的痛苦不是真正的痛苦,真正的痛苦是无能!
无能最是痛苦,无奈最是痛苦,不停的后悔,不停的自责最是痛苦,勘不破,最是迷障!
在信息爆炸的年代,生活本来就很浮躁了,我们不能随波逐流,我们需要重新踏上征途,我们应该给自己一个目标
我们必须还自己一个理想,哪怕他不能实现!至少你努力过,一旦你努力了却发现理想好像可以更高点,这才是真实
有了目标有了理想,就需要不懈的奋斗,不要贪生怕死,不要舍不得付出,生活需要不是一时的冲劲,而是持之以恒的付出,
所以,兄弟姐们请找回自己的初心!
做好前端
咳咳,好久没有水一发了,久不出江湖,我竟然忘了我最初的爱好是武侠,甚至说书也是我的理想工作之一
但是,兄弟们,我不得不说前端是一个值得你们付出的工作,甚至整个程序是值得你倾尽全力的工作,因为我们的工作很有趣,我们几乎每天都有新的BUG
我老大刚刚才花了一个多小时找到一个我刚埋的坑(其实是他在我这里提交的代码!哼),所以我们工作看着无时无刻不对着电脑,好像无事可做
其实我们天天工作是换样的,总会有一个彩蛋让你猜到,当你解决疑难BUG时候的惊喜是其它工作来不得的,至少他没那么多
所以,要做好前端首先要爱好前端,首先要热爱自己的工作,知道自己的工作是很有趣的
关于离职
最近有一个师妹说她想离职,问我可以推荐个工作不,对于离职这个事情,我其实是有不同的想法的
一个人进入优秀的团队,再遇到一个好的老大,那简直就是中了彩票一样,不知不觉自己就成长起来了
但是,这种几率却很低,所以多数朋友的工作是不如意的,不如意的原因各种各样,但是我还是认为责任主要在自己,因为没有团队会放弃创造价值的人
你在团队不如意,一定是你自己不努力,如果你努力了仍然不如意,就是你努力的时间不够长,如果你自己真的做的很好了还是不如意的话
我就建议你离职了,因为经过你如此的工作,离职涨个50%完全不是问题,问题是你是不是真的在努力
所以有不如意想离职的朋友,我其实是不建议的,有为了钱而离职的朋友,我更建议你为了发展而离职
如何成为优秀的前端
首先声明我不是优秀的前端,我甚至不是一个合格的前端,优秀前端是我一年后的目标,有一次看到我的名字和汤姆大叔与正美一并出现,吓得我差点失禁!
我虽然不是一个优秀的前端,但是我明显感觉我正在向一个靠谱前端靠近,所以这方面我还是有些经验可以与大家交流的
书籍推荐
书籍这个事情贵精不在多,我这里推荐两本即可:
《javascript高级程序设计》
《CSS权威指南》
为什么只推荐两本呢?因为我发现很多朋友看书其实是有问题的,我个人看javascript高级程序设计至少三篇,其中写了很多demo
而很多朋友看书就跟看连环画似的,第一次看一个星期就看完了,我是该说你悟性高呢还是喜欢装B啊,这种书要细看,要慢慢看,要反复看
学习要有成果,学习要有效率,比如这小半年我就干了这些事情,是拿的出来的:
那各位看书后,或者看博客后会留下痕迹么,如果留不下痕迹,那么多数就给忘了
看经典的书切记要细,切记要看懂,看不懂就反复看,最后一定要留下学习成果
博客推荐
除了看书以外就是建议大家写博客了,这个也是一种学习成果,不要怕写不好,写着写着就写好了
我现在技术博客量是140左右,其中自己满意的博客是10篇左右,所以说,博客质量其实不高,但是高质量博客是精华,哪里又有那么多???
高手不是一下就来的,简单将我和高手的差距就是:
这才是真正的差距,这种差距不是一天两天可以弭平的,甚至几年都不能赶上,但是我们需要超越的是自己,工资上来了才是王道,其它不用管那么多
司徒正美
javascript方面,首推正美的博客,你要是细细的读过一些文章就会发现,你现在考虑的东西,正美两年前就搞了,这就是差距
正美创了几个群,里面有2V以及2牛,都是神一般的存在,而且是超越正美的存在,不信去试试
张鑫旭
CSS方面的博客首推旭哥的博客,旭哥CSS方面的博客相当优秀,建议大家好好看看
Aaron
我与aaron一直保持着亦师亦友的关系,平时经常交流,他对我帮助甚大,但是道友,我想说一句
你真的有点懒啊!!!你欠我的Jquery源码分析半年前就在写,现在还没写完,我们说好的Backbone源码呢???快交出来!
李靖
这是前端后起之秀,还未毕业,隐有高帅富的节奏,他写的博客是初级前端入门的良药,缺点是少了点,后期必成大器
snandy
我本身对他不太熟悉,但是他博客写的挺好的......
博客在精不在多,对于入门级前端来说,上面几位的博客够我们嘚瑟的了,当然,还是那句话:
要好好读,细细读,并且留下学习成果
这里就不推荐大叔的博客了,大叔的博客不适合初学者去读,也不建议初学者去读,因为多数人是看热闹
源码阅读
第三个阶段当然是读源码了,一定要读源码,而且必须好好读!!!这里尤其推荐读自己熟悉并且不太包含思想的源码
比如我上个星期看了下backbone就搞得莫名其妙的,原因是没有用过,这里推荐几个库:
Zepto
zepto与jquery类似,说白了就是借鉴,但是zepto很是轻便,读起来轻松,但是首次读若是没有半个月的话基本就是没读(不考虑神人)
因为工作后很少专门有时间去读源码,读的时候要细细的读,看不懂的地方就反复看,慢慢的就全部清晰了
zepto读完后,整个js的水平会看似上升一大截,这个时候再加紧来点经验就稳稳的前端入门了
underscore
第二个推荐的库是underscore,这个库比zepto还要简单,建议好好读下,务必读明白,不要不懂装懂
Fastclick
若是有移动端编程经验的朋友,建议好好的读下这个库,写的非常不错,完了后会让你对移动端的事件兼容有深入的理解
iScroll
与Fastclick类似的库
初级程序员读以上几个库就差不多了,而且建议花一到两个月详细的研究一个库,并且将里面的思想用于项目中去,这样才能真正的吸收
读源码不是看热闹,看热闹会一问三不知
去面试
以上几个阶段结束后,就可以去外面看看自己的斤两了,真的做到以上的朋友,基本是面几个有几个了,真正的瓶颈就出现在大公司了
这个时候又到了另外一个阶段:
① 深度-细节点
② 广度-知识面
以细节点来说,真正的高手一个javascript事件机制就可以问的多数人哑口无言:
① javascript绑定事件的方式
② javascript事件对象
③ 自定义事件
④ 如何触发自定义事件
⑤ zepto/jquery事件机制
⑥ 解决移动端300ms延迟
⑦ ios android事件差异
⑧ 事件冒泡/捕获机制以及鬼点击
⑨ javascript事件底层实现......
以CSS来说,一个position就够了
① Position的各种属性值
② 行内元素块级元素
③ 行高问题
④ fixed在移动端的问题
⑤ 由fixed引导至viewport
⑥ 缩放等等问题......
所以,javascript真正的高手对这些把握是很细的,不是全部都会,但不可能全部都不会。这里可能会有朋友提出学院派以及实干派的想法
其实我的道友Aaron就是真正的实干派,完全白手起家,他就肯定知道这些问题,至少七七八八
所以深度一定要有,而且是慢慢积累的,不信看正美那700篇博客吧,有了深度再提广度,不然你的广度就不值钱
深度完了就是广度,光有深度还不够还得有广度,广度代表业务能力,代表工作水平
① nodejs
② 打包工具
③ H5嵌入APP
④ 移动端调试工具(如何在手机console,如何在页面上调试手机程序)
⑤ 压缩工具
⑥ 项目管理工具(git/svn)
⑦ 各种开源框架
这些都是广度的体现,优秀的人不只是知识稳固,而且还能推动团队使用新技术,带给团队不一样的感觉
前端知识点繁杂,绝不止局外人看见的那么点
若是你发现各个大公司想去就去,offer拿到手软了,那么恭喜你,你成为了中级程序员了!!!!
然后再怎样我就真不知道了,我的眼界暂时只能到这里了,希望对处于迷茫阶段的前端同学有所帮助
14年计划
说到这里,水文也应该结束了,我说下我14年的计划吧,争取15年能够实现自己优秀前端的梦想:
① 单页应用框架
② 单页应用UI库
③ 正则表达式
④ nodejs
⑤ grunt打包
⑥ 重构一书重新学习
⑦ 面向对象编程重新学习
进入水文到此为止,希望对各位有用
招聘信息
亲爱的道友们,我其实在我们团队只是中等水平,我们上海携程无线是一个优秀的团队,
如果你现在正在找工作,请加入我们吧!!!
在我们团队,你可以肆无忌惮的黑自己的老大,你会体会到和谐的氛围,当然妹子多多的!
要求:靠谱前端,吃苦耐劳,待遇刚刚的!!!
需要的朋友可以私信我
顺便推广道友的jquery技术交流群:239147101
【JavsScript】转载---如何成为优秀的前端的更多相关文章
- 优秀的前端project如何制定一个老师--html学习路径
一个好的前端project教师发展,不是一蹴而就,它需要大量的学习和积累. 至于谁刚开始学习的人,如何入门.学习如何选择我的路线,做了各种工具? 1. 学习之前 1.不要着急看一些复杂网页效果的代码 ...
- 如何成为一名优秀的前端工程师 (share)
发现一篇不错的博文,和大家分享一下,为有志成为一名优秀前端工程师的童鞋们提供一个参考. :)~ 本文来源:http://www.biaodianfu.com/what-makes-a-good-fro ...
- Nicholas C. Zakas谈怎样才能成为优秀的前端工程师
黄色阴影为业务,红色字体为哲学 昨天,我负责了Yahoo!公司组织的一次面试活动,感触颇深的是其中的应聘者提问环节.我得说自己对应聘者们提出的大多数问题都相当失望.我希望听到一些对在Yahoo!工作充 ...
- 一款优秀的前端框架——AngularJS
前 言 AngularJS是一款为了克服HTML在构建应用上的不足而设计的优秀的前端JS框架.AngularJS有着诸多特性,最为核心的是:MVC.模块化.自动化双向数据绑定.语义化标签.依赖注 ...
- 掌握11项技能,你就是优秀的前端开发project师
导读: 你或许会认为前端开发是一个非常easy的工作,对呀,你就是刚刚从网页设计转型过来的.但当你深入当中时,一定会发现好像前端开发不是那么简单,光站点性能优化.响应式.框架就让你焦头烂额, 确实,做 ...
- 【前端】怎样成长为一名优秀的前端project师---
浅谈本人的经验.也算是与大家交流吧,本人眼下也是从事前端的工作,时间并不长,说的不好,请见谅. 首先,前端project师必须得掌握HTML.CSS和JavaScript. 仅仅懂当中一个或两个还不行 ...
- 转载 : 10大H5前端框架
原文作者: http://www.cnblogs.com/kingboy2008/p/5261771.html 作为一名做为在前端死缠烂打6年并且懒到不行的攻城士,这几年我还是阅过很多同门从知名到很知 ...
- sass和less,优秀的前端样式预处理器
身为切图界的一员,或者说在前端界打滚了一段日子的你.会慢慢地发现.如今的css编写已经不能满足自己的效率. 假设有更强大的框架,让你的css更灵活和更easy复用和维护,那该多好啊.非常明显,这个早已 ...
- 推荐一个优秀的前端框架——Bootstrap
Bootstrap是Twitter推出的一个开源的用于前端开发的工具包.它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架.Bootstra ...
随机推荐
- strtol()函数
#include <stdlib.h>#include <stdio.h> int main(){ char a[] = "100"; char b[] = ...
- 面经-csdn
刚刚看的博文:http://blog.csdn.net/ns_code/article/details/40408397 里面有些资料值得学习! 写在前面 结束了在百度的实习,是时候写下校招的总结了, ...
- C使用FILE指针文件操作
文件的基本概念 所谓“文件”是指一组相关数据的有序集合. 这个数据集有一个名称,叫做文件名.实际上在前面的各章中我们已经多次使用了文件,例如源程序文件.目标文件.可执行文件.库文件 (头文件)等.文件 ...
- ubuntu 错误 & 解决
1.ssh时出现“段错误(核心已转储)” 原因:说明与ssh有关的内核代码被修改过并且部分代码访问内存过界 解决:1.将内核代码被修改过的部分修改回来 2.sudo apt-get re ...
- air 移动开发配置文件详解
转自http://www.badyoo.com/index.php/2012/09/12/208/index.html 目录 所需的 AIR 运行时版本 应用程序标识 应用程序版本 主应用程序 SWF ...
- 阿里云开放服务oss的api
http://imgs-storage.cdn.aliyuncs.com/help/oss/OSS_API_20131015.pdf?spm=5176.383663.5.23.JQjiIK&f ...
- Java调用Telnet示例
import java.io.IOException; import java.io.InputStream; import java.io.PrintStream; import java.io.U ...
- C# List 中 Find 方法
实例化一个集合 List<User> userCollection = new List<User>(); userCollection.Add(new User(1, &qu ...
- 【ps】gif动态图白边问题
(从死了一次又一次终于挂掉的百度空间中抢救出来的,发表日期 2014-08-13) 在制作gif动态图的时候发现有白边问题 网上说可以设成索引,但是这样一整连动画帧都一块丢掉了. 最终解决办法: 将要 ...
- CriminalIntent程序中Fragment相关内容
Activity中托管UI fragment有两种方式: 添加fragment到acitivity中 在activity代码中添加fragment 第一种方法即将fragment添加到acitivit ...