`
agevs
  • 浏览: 70774 次
  • 来自: 北京
博客专栏
924aba1e-229a-352e-b6d4-f15f3159a438
各种Web前端技巧经验分享...
浏览量:0
文章分类
社区版块
存档分类
最新评论

jQuery之父:每天要坚持写代码!

阅读更多

去年秋天我的支线代码项目遇到了一些问题,项目进展不足,而且我没法找到一个完成更多代码的方法。

我主要在周末进行我的支线,当然有时候也在晚上进行。这个方法对我而言效果不佳。我的压力太重了,我需要在周末努力完成尽可能多的工作(如果没做 到,我会为此感到挫败)。还有一个问题是我无法保证每个周末都有空,而且我也不想把周末所有的时间都花在编程上(失去一切放松娱乐的机会)。

此外,每隔一周进行编码的话,间隙太长了。太容易忘记你正在做什么,或者你还需要做什么了(即使你有笔记)。如果你错过了一个周末的话,问题就更严重了,间隔一下子变成两周了。多周的上下文切换可能是致命的(我有很多支线项目因为这类注意力缺乏而死亡了)。

Jennifer Dewalt 去年通过在 180 天创建 180 个网站的方式来自学编程,她的做法启发了我。我决定采用一个简单的策略:每天编码。可以500%提高开发效率的前端UI框架!

我决定为自己定下一些规则:

  1. 每天必须写代码。我可以写文档、写博客或者写其他东西,但是这些不能代替写代码。
  2. 代码必须是实际起作用的。调整缩进、重新排版不算。如果有可能,重构也不算。(可以进行这些事情,但这些不能是一天唯一的编码。)
  3. 所有代码必须在午夜之前完成。
  4. 代码必须是开源的,放在Github上。

有些规则比较武断。比如代码其实不用在午夜前写完的。但我担心熬夜导致代码质量下降。同样,代码也不用开源,或者放在GitHub上。我这么做是想强迫自己写代码的时候上点心(考虑可读性,同时较早地考虑模块化)。

到目前为止这个策略很有效。我基本保持了20周的连续工作。我之所以写这篇博客,正是因为它完全改变了我编写代码的方式,更重要的是影响了我生活和心智。

这个习惯的改变产生了一些有趣的结果:

最小可行的编码。 我强迫自己每天花不少于半个小时来写代码(如果少于这个时间就很难写出有价值的代码了,特别是回忆前一天写了什么还要花一点时间)。工作日的时候我有时写得多一点(一般不超过一个小时),周末我有时整天写代码。

写代码成为习惯。 值得一提的是我并不是特别在乎上面的Github图形。我觉得这是这个实验最值得借鉴的一点:这是你为自己做的一个改变,而不是为了满足别人对你工作的评价。节食和锻炼也是一个道理:如果你不在乎提升自己,那么你永远都不会取得成功。

与焦虑作斗争。 在开始这个实验之前,我时常为没有完成足够的工作或取得足够进展而感到焦虑(工作和进展都难以量化,因为我的支线项目没有死限)。我意识到,感觉到进展和 实际推进工作同样重要。这令我大开眼界。一旦我每天持续地推进项目,我的焦虑就开始消散了。我对自己的工作量很心安,我再也没有那种难以承受的渴望,想要 疾风骤雨式地推进项目的渴望。

周末。 以前,在周末完成工作绝对是前进的关键动力(因为通常而言这是我唯一大量推进支线项目工作的机会。)现在情况不一样了这是件好事。期望在一个周末完成 一周的所有工作只会让我失望。我极少很完成工作,因此为了完成更多工作而拒绝了其他喜欢的周末活动(例如吃 dim sum,参观博物馆,去公园游玩,陪伴我的伴侣等)。我深深地感到,虽然支线项目是非常重要的,但是它们不应该是生活的全部。可以500%提高开发效率的前端UI框架!

后台处理。 每天编写支线项目代码的一个有趣的副作用是你当前的任务时常在你大脑的后台运行。因此当我去散步或沐浴的时候,或者进行其他不费脑的活动的时候,我在思考 我接下来将做哪些编码,寻找解决问题的好方法。我以前一周或两周编码一次的时候可不是这样。当时时间被花费在思考其他一些事情上,通常是在为没法完成任何 支线项目而感到焦虑。

上下文切换。 拾起支线项目工作的时候总会有上下文开销的。很不幸,重拾整整一周前的思考是极其困难的。每天做一点对此很有帮助,因为间隔时间大大缩短了,让我很容易想起在做什么。

平衡工作。 这个改变最重要的方面之一是我已经简单地学会了如何更好地平衡工作、生活和支线项目。我知道自己每天都要做支线项目,因此我需要更好地管理时间。如果我计 划晚上出去,并且很晚才能回家,那么我需要在早上为支线项目工作,在开始为我主业Khan Academy工作之前。同样的,如果我在外面,而我还没有完成我的工作,时间已经很晚了,那么我需要尽快赶回家去完成工作(以免错过一天)。我需要指出 的是我发现自己把更少的时间花在爱好上了(例如木版画),但是这是一个合理的代价,我得接受这个。

对外沟通。 跟外界沟通自己的新习惯是很有好处的。我的伴侣理解每都必须完成工作,因此有活动安排有时需要据此作出调整。这样我就可以很方便地说:“是的,我们可以出去/看个电影/等等。但是我之后需要写代码。”我的伴侣会理解我,并在安排活动时考虑到这点。

我写了多少代码? 我很难相信自己在过去的几个月写了这么多的代码。我新建了几个网站,重写了一些框架,并创建了大量node模块。我写了如此之多的代码以至于我有时我都忘记自己做了写什么——几周前的工作感觉是很久远的记忆。我非常非常高兴自己能写这么多代码。

我认为这个习惯的改变是一个巨大的成功。我希望自己能持续保持这个习惯。同时,我尽力向其他希望能完成大量的支线项目的人推荐这个策略。告诉我这个策略对你而言是有效还是无效。我很希望能从你那里听到一些有意思的东西。

1
0
分享到:
评论

相关推荐

    jquery-migrate: 迁移旧的jQuery代码至jQuery1.9以上的版本

    `jQuery Migrate`的主要目标是帮助用户将他们的代码从较早的jQuery版本(如1.9之前)平滑过渡到1.9或更高版本。这个插件通过重新引入已废弃的API和修复已删除的函数,使得旧的代码能在新版本的jQuery环境中正常运行...

    精通JavaScript jquery之父力作 附源码

    《精通JavaScript:jQuery之父力作 附源码》是一本深入探讨JavaScript编程技术的书籍,作者在jQuery领域的权威使得这本书具有极高的学习价值。本书旨在帮助读者从基础到高级,全面掌握JavaScript语言,尤其注重实际...

    精通JavaScript(源代码) jQuery之父John Resig所写

    《精通JavaScript(源代码)》是由jQuery之父John Resig撰写的高级JavaScript技术书籍,它不仅深入探讨了JavaScript的核心概念,而且重点解析了jQuery库的内部工作机制,为读者揭示了JavaScript编程的深层次奥秘。...

    jQuery自适应父容器宽度高度代码

    "jQuery自适应父容器宽度高度代码"就是一个实例,它利用jQuery动态计算文本的字体大小,确保文字能够完美填充其父容器。 首先,我们要理解这个特效的核心思想。当文本内容需要适应父容器时,通常会涉及到两个主要的...

    《锋利的JQuery》示例代码

    人民邮电出版社出版的《锋利的jQuery》,提供全书示例代码下载。 jQuery代言:Write less,do more! 没多学一点知识,就少学一行代码。 只要下载此示例代码,光学知识,不用敲代码,高速学习jQuery,你值得下载!

    jQuery API 3.3.1 中文手册

    jQuery API 3.3.1 中文手册,jQuery是一个JavaScript框架,自面世以来,以其快速、简洁,能够很轻易地处理HTML文档、控制事件、给页面添加动画和Ajax效果等功能使多很多WEB编程者对其非常热爱,本手册旨在帮助广大...

    李炎恢jQuery讲义代码.rar

    《李炎恢jQuery讲义代码》是一份专为学习jQuery设计的配套资源,它与李炎恢老师的66集jQuery视频教程紧密关联。这个压缩包包含的代码文件旨在帮助观众更好地理解和实践视频中的讲解内容,提供了丰富的实例和练习,以...

    jquery实现父元素大小改变插件:jquery-resize

    《jQuery实现父元素大小改变插件:jQuery-resize深度解析》 在Web开发中,响应式设计已经成为一种标准,使得网站能够适应不同设备的屏幕尺寸。为了实现这一目标,开发者们常常需要监听元素的尺寸变化,以便在尺寸...

    转:jquery日期插件!

    2. **插件主文件**:如`jquery.date.js`或`jquery.date.min.js`,这是插件的核心代码。 3. **样式文件**:可能有`jquery.date.css`或`styles.css`,用于定义日期选择器的样式。 4. **示例或测试文件**:可能包括`...

    javascript代码-使用代码解决jquery乱码问题的源代码

    ——学习参考资料:仅用于个人学习使用! javascript代码-使用代码解决jquery乱码问题的源代码

    jQuery攻略 源代码

    《jQuery攻略 源代码》是一份详细的编程资源,它涵盖了使用jQuery库进行网页开发的各种技术与技巧。jQuery,作为一款强大的JavaScript库,简化了HTML文档遍历、事件处理、动画设计以及Ajax交互等任务,使得...

    JQuery权威指南源代码

    《JQuery权威指南源代码》是一本深入解析jQuery库的参考书籍,其源代码提供了丰富的实例和示例,帮助读者更好地理解和应用jQuery。jQuery是一个高效、简洁的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及...

    jQuery技术内幕:深入解析jQuery架构设计与实现原理

    《jQuery技术内幕:深入解析jQuery架构设计与实现原理》由阿里巴巴资深前端开发工程师撰写,从源代码角度全面而系统地解读了jQuery的17个模块的架构设计理念和内部实现原理,旨在帮助读者参透jQuery中的实现技巧和...

    jQuery点赞动画:“赞+1”文字放大特效代码

    然后,在`your-jquery-like-animation.js`中编写jQuery代码实现点赞动画: ```javascript $(document).ready(function() { var likeCount = 0; $('#like-button').on('click', function() { likeCount++; /...

    jQuery自适应父容器宽度高度代码.zip

    "jQuery自适应父容器宽度高度代码.zip" 包含的就是一个利用jQuery实现的解决方案,它能使文本的字体大小自适应于其父容器的宽高。 首先,我们需要理解jQuery库的基本概念。jQuery是一个轻量级的JavaScript库,它...

    jQuery写的贪吃蛇

    【jQuery写的贪吃蛇】项目是一个使用JavaScript库jQuery实现的经典游戏——贪吃蛇。这个项目展示了如何利用jQuery的事件处理、DOM操作以及动画效果来构建一个互动性游戏。以下是关于这个项目的详细知识点: 1. **...

    jQuery基础教程 (Learning jQuery) 完整源代码

    《jQuery基础教程 (Learning jQuery) 完整源代码》涵盖了jQuery这一强大JavaScript库的基本概念、核心功能以及实际应用。jQuery简化了HTML文档遍历、事件处理、动画制作和Ajax交互等任务,使得JavaScript编程变得...

    jquery网页内飘窗代码

    使用代码前必须引用jquery ,代码放在页面底部就行,亲测好用.

    javascript代码-使用代码解决Jquery给easyui的表单元素赋值,获取值总结的源代码

    ——学习参考资料:仅用于个人学习使用! javascript代码-使用代码解决Jquery给easyui的表单元素赋值,获取值总结的源代码

Global site tag (gtag.js) - Google Analytics