我目前的生活状态是怎样的?

这篇文章发布于 2017年04月17日,星期一,11:13 上午,归类于 散文随笔。 阅读 69141 次, 今日 3 次

 

一直以来都有很多人问我有什么学习技巧。问这种问题的人实际上已经隐隐透露出想走捷径的心理,我往往并不看好这类人最后成长的高度。

从学习前端到现在已经过去10年了,要问有什么技巧,其实并没有,无非就是勤奋与坚持。

我就简单说说我最近的生活状态吧,或许对有些小伙伴的迷茫或疑惑有所启示。

早上9点多起床,平均10点整到办公室。周末不加班,平时加班,项目紧的时候平均9~10点离开公司,这个点车少,半小时就可以到家;项目稍微不紧的时候,一周会有2~3天7~8点回去。

去年每周都会和同事们一起打一次篮球,晚上8-10点,2个小时,最近频率减为大约每2周一次。

从不旅游,甚至最近1年翘掉了3次团建,因为周末时间很宝贵。

几乎从不应酬,没有社交活动,婉拒各种会议邀请,知乎问答邀请,各种技术社区入驻申请,因为精力有限。

平时工作日回家,如果小朋友还没睡,会陪小朋友玩一会儿;如果回去晚,会和领导寒暄一会儿去书房办公。

精力有限,不可能立即就进入学习和工作状态,所以,有时会看几集新番动漫,有时刷刷微博,有时看看篮球比赛综述或集锦攒点能量,然后去研究与学习。一般开始进入状态都要10点,11点的样子。

学习内容也比较专注,主要在前端偏前领域,一个是CSS和HTML基础知识,事无巨细的基础知识;二是CSS和HTML新特性的基础知识,特性,场景以及实际项目是否可以应用等,三是SVG和canvas的广度和深度的缓慢渗透,当然,也都是基础,不是花里胡哨的上层应用。

因为精力有限,所以JS这几年的学习一直是放弃状态,ES6,webpack,Vue等新新事物通通碰都没碰过,持续精力在CSS领域,以及前后的HTML和SVG。

很多人会很奇怪,HTML和CSS有什么好学的,花个几天时间就可以了解了。但,就是这个“没什么好学”的东西,我一直高强度学了10年,这10年来放弃各种应酬,社交,旅游,每天都熬夜,研究,整理与实践,目前也就把CSS2.1的相关知识梳理地差不多。

举个例子,我昨天在研究display:none99%的人看来这是一个无趣的声明,就是元素隐藏,不占据空间,无法点击,和visibility隐藏差别明显。

你对display:none的看法就是我对你的看法,很多小伙伴投简历说阅文UED职位就是量身为我定做的,确实,我们有大量偏体验侧的前端职位,只要页面写得好也能高薪的职位。但是,要思考自己是否比绝大多数人页面写得好,好在哪里?如果只是单纯写页面的,高校里就抓出一大把,为何要选你呢!

我就抛几个关于display:none的疑问?

  • display:none元素的background-image图片是否加载?
  • <label>元素是否可以关联display:none表单元素,如提交按钮?
  • display:none元素显示时候为何可以触发CSS3 animation动画但无法触发CSS3 transition过渡效果?
  • display:none元素是否会影响CSS计数器的计数?

所谓研究,就是要搞清楚所有这些疑问。而每个问题都没有现成答案,就算有些有网上有答案,但时代变化,浏览器进步,可能那些答案就过时了,还是需要自己亲自测试验证,这是求知必须的精神。

如何验证?就需要自己新建静态demo页面,有时候为了对比方便,还要写JS交互脚本。是不是要时间和精力?浏览器不止1家,IE8,IE9,IE10,IE11,Chrome,Firefox,Safari以及UC,QQ等浏览器,所有这些特性表现在每一个浏览器下是怎样的?都需要一个一个测试与记录。是不是要时间和精力?人的记忆力是有限的,为了防止以后忘记,是不是要记笔记或者整理成文章,是不是也需要时间和精力。

于是,类似display:none的相关研究就需要2个工作日的晚上,总共约5~6个小时时间。如果精神状态好,会忙到凌晨2点,如果发现实在hold不住,1点多就洗洗睡了。很少会在12点之前上床休息。

类似这样的状态目前坚持了10年,这就是我学习的技巧,勤奋与坚持。

周末是非常难得有大段连续时间的,因此,对我而言非常宝贵。去年我还会抽半天陪老婆去逛超市商场,待小朋友去外面游玩。但最近,都让老婆自己开车带小朋友出去了。因为自己想做的事情越来越多。就连最爱的钓鱼也从去年的每周半天减为每两周半天甚至每两周2小时了。

这就是我的生活状态,充分利用时间学习那些根本就不流行无人提及的枯燥乏味非功利前端知识,其实,你只要跟我一样,坚持这么久,在前端领域也一定有所成绩的,这是一条虽然看上去辛苦,但是更安全更保险的成长之路。关键你能抵得住那么多诱惑,抵得住浮躁的环境,抵得住成长路上孤寂落寞之感吗?

但是,我是快乐的,虽然身体很辛苦,但是精神很满足。工作得心应手,驾轻就熟,能感受到同事的尊敬,在行业也算有一点影响力;虽不是大富大贵,但衣食无忧,不必为了养家糊口做自己不喜欢的事情。我想,这已经是可以令很多人羡慕的幸福了吧。

(完)

分享到:

reahink 留下回复,目前85 条评论

  1. explorerhz说道:

    但是很佩服作者的坚持与努力

  2. rlex说道:

    大大,这样经常熬夜会不会不大好

  3. 我是大官人说道:

    确实工作和生活很纯粹,就是研究技术,挺好的

  4. 题目太模糊说道:

    测试下就行了.
    这是惟务雕虫皓首穷经的典范.有良心的话就遵循标准.无良的话按设计师要求实现就算了.设计师没让你用displaynone.有明确标准的实现弃之不用是何道理.

    凭印象:
    display:none的background应该是加载的.
    关联提交按钮应该行,button是可以的.
    动画触发问题这个控制不了,得看浏览器支持.w3c怎么说的?没定义就可以随便实现.未定义的你整理好了下版浏览器就可以换实现你没地说理.
    计数器影响肯定是计算的啊.

    这4点研究6小时?每次重新搭建测试环境再下载一堆浏览器?
    不是说不该研究,这就用不上啊.这就是隐藏显示广告的玩意,坑广告主呢.displaynone超大图片坑用户流量?
    你要研究display:none元素的定位同时又content,beforeafter,floatclear那是真的纠结无比….但我觉得这些纠结的可以研究但能不用尽量不要用.
    不同浏览器表现真的要命,我的结论是最好不要玩花样,opera12测试要通过了基本就不会有问题了.

    花里胡哨的东西能少用最好少用…感觉太不简洁了.css是排版的特效还是应该给js,选择器性能也是问题.dom的重绘性能应该好好研究…至于css只要实现设计师给的样子就成了.性能重要啊.
    举个例子,小说,你觉得text-indent:2em多美,完了发现有时候对不齐你又想javascript去替换nbsp为ensp.折腾到最后作者上传不一定是中文空格还是英文空格….咋办?直接入库就给它去缩进替换两个中文空格,再也不用考虑兼容了.再没烦恼了.

    css的过度是问题.最初内联时代没有废的,然后就滥用….css有800k,页面内容信息才多少?总共有多少id class?
    但是….屎山可能确实动不得.

    说真的大部分老板不懂技术才有一堆”前端”瞎折腾.网页够简洁够小节约的带宽的账都不会算.前端为了kpi堆屎…..

    作者极为好学,但起点的前端写成那样你也没想过优化呀.

    • explorerhz说道:

      所以,相比较而言,更喜欢阮一峰的文章,大致方向上写了就好了,往往所在的动作不仅仅需要前端知识,更多需要复合型人才。不仅是前端,还要后端,甚至还需要懂docker, k8s,jenkins 等等。当然博主掌握了最最基础的,在公司立于不败之地也不错,个人还是更喜欢往广的方向发展。

  5. 小老弟说道:

    震惊 (○´・д・)ノ,真正的天才从来都不是智商碾压普通人

  6. 傲日格乐说道:

    《水到渠成》

  7. 球球。说道:

    恩,收益,这就是刻意练习了,最近在看这本书找状态,有状态就开始敲代码。

  8. 吴小白说道:

    工作多年,也如你所说感觉学不到什么新的东西了,就会通过换工作来刺激自己,这种刺激的初心是好的,但是确实是有一定代价的。前期缺乏对自己的清醒的认识,也没有做明确的规划,各种原因导致对现在的自己很不满意,经过这些,最近正在梳理自己的思绪。以后也会经常来大大这里,看看自己努力的方向是否有偏差。

  9. Sinosaurus说道:

    从学前端开始,记得当时那个 img的幽灵节点,一直记忆犹新,入了这行,真的就只能不能懈怠,勤奋,每天都有很多想法冒出来。也许很小一个点,却需要花上几天甚至更久的时候才能懂得点皮毛。看到这文章,我又打满鸡血,啦啦啦

  10. 笑军生说道:

    是一个值得尊敬,值得学习的人

  11. leo说道:

    只能说很佩服有这种魄力的人,抵御一切诱惑。
    每个人的追求不一样

  12. xbebe说道:

    大神就是让人膜拜的,向大神靠拢

  13. zcs说道:

    毕业四年, 嵌入式开发, 最近兼做产品的web工具. 忙完这一阵还准备入坑人工智能. 想学的很多, 感觉有些博而不精.
    佩服在专一在一个领域深耕十年的张大大.

  14. reahink说道:

    做为刚刚从事前端快两年的菜鸟。佩服佩服,向大神学习

  15. 叶钦说道:

    张老师不会是湖北人吧?为什么备案是鄂啊?

  16. ypeng说道:

    注意身体啊,毕竟熬夜是不好的!

  17. 面对疾风吧说道:

    我自己用 display:none 的元素来提前加载图片。

  18. cr说道:

    班长来膜拜一下你,猜猜我是谁?

  19. 谦龙说道:

    很佩服张大这种学习与坚持的精神,向你学习

  20. zchen说道:

    看到你以前敲的代码及注释,于是,就访问了网站。进来一看,发现是一位前辈啊!有很多要向你学习的!贴上你写的代码,不知道你会不会记得呢?或许这是你哪个晚上熬夜写的???
    // by zhangxinxu welcome to visit my personal website http://www.zhangxinxu.com/
    // 2010-03-12 v1.0.0
    //十六进制颜色值域RGB格式颜色值之间的相互转换
    //————————————-
    //十六进制颜色值的正则表达式
    var reg = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/;
    /*RGB颜色转换为16进制*/
    String.prototype.colorHex = function(){
    … … …

  21. asserhole说道:

    赞啊,习惯真的很重要。我就是习惯太差了,导致现在一事无成。努力向张大大靠拢。

  22. swnb说道:

    特别喜欢看你写的文章,真心佩服

  23. jill说道:

    你好强大

  24. bervely说道:

    好像不自觉的点赞,后来发现没有这个功能,嘻嘻。

  25. 李金珂说道:

    有空的时候都来拜读,确实收获不小,佩服你这种专研精神,display:none 的那几个疑问能解答下吗 🙂

  26. xwx说道:

    厉害,能做到10年如一日。。。

  27. 阿木木说道:

    大三刚知道html css就看你的视频,现在毕业了,在公司写react。
    基础这种东西,看一次很枯燥,但真的用到,真的出bug的时候,再回去看,才能发现句句箴言。
    在视频里学了很多纯css就能实现的 图标,大开眼界,这也是我对css敬畏的地方。
    如果可以,我希望你是JS大神,可以倒持很多好玩的东西,而且很有用。
    在我这个城市,前端本身就是比较弱势的职位,后端套个模版,写个JQuery,就是界面了。基本没有纯前端。更何况是偏css的前端。大家都说前端简单,美工UI也叫前端,JAVA php写个JQuery也叫会前端。我能进到一个有 大前端 概念的公司也是我运气好。我计划在熟练前端业务后利用公司资源往JAVA转。
    更佩服你这样坚持钻研css的人了,也是运气好,也是坚持,找到了很适合自己的工作。