一组 - 吞青蛙的五个步骤 - 第一稿

Posted 2023-04-09

参考技术A 什么是吞青蛙？找出你一天、一周、一个月、一年、一生中最重要的三件事，它们就是你必须吃掉的“三只青蛙”。利用帕累托定律，每天花20%的时间，集中精力，专门对付这“三只青蛙”。所以，如果用一句话来说，就是把原来什么时间管理的方法和内容全部简化，每天确定最重要的三件事，当成必须吃掉的青蛙。

01 明确你的“三只大青蛙”

每年，每月，每周，每天你都可以运用时间管理方面的帕累托定律（80%的成就源自20%的活动）来确定自己三件最重要的事情。

什么是最重要的事情？就是你必须去做，别人替代不了你，做了得到的回报非常大的事。

02 先吃掉“最大、最丑的那只青蛙”

我们所说的“又大又丑”指的是，这三个目标中比其他两个更重要、更困难的那个目标。歌德说：“最重要的事情绝不能受制于最不重要的事情。”为了专注于最重要的活动，每天至少在它身上投入你20%的时间。

03 每天保护自己的青蛙时间

番茄钟是专注25分钟，青蛙时间是一般时间区间，找到最适合自己的吞青蛙的时间段，就是找到自己做事情效率最高的时间段。

04 把“3的法则”应用到你的整个生活

这也是史蒂芬·柯维所说“高杠杆”活动，即相对于做这些活动需要的时间，它们往往能够产生更加强大的效果。同时也是“三的法则”的真谛所在：围绕“重要，但不紧急的”高杠杆活动组织时间。

05 创建并严格遵守每天的“待办事项清单”

一项著名的研究，重点考察了世界上最成功的的一批人，探寻他们高效率的秘密。经过数千次采访，首要因素终于浮出水面：他们都有制定每日“待办事项清单”，还有频繁审视的习惯。一天工作结束时，他们都不会忘记为次日创建新清单。但这还不是全部，他们不仅每天都创建一份“待办事项清单”，而且还确保每天的“待办事项”包括对自己职业生涯和个人生活具有重大意义的活动。

【What】

小王周一早上刚到办公室，就收到了各种工作指示：周一开例会，周二培训新员工，周五交新的策划方案。周一早上是10点开例会，小王9点到公司，在办公室擦桌子、泡咖啡、吃个早点，就到了去开会的时间了。下午就在那磨磨叽叽半天写那个会议纪要，在快要下班的时候，终于把会议纪要交了上去。周二早上也是先拾掇了一番，然后回复各种邮件消息，也就到了下午培训的时间了，周二一天也就这么糊里糊涂的过去了。周三周四的早上跟周二一样，下午一会跟同事一起叫了下午茶，一会聊会八卦，到周四下班的时候也就才写了50%，于是晚上回家又继续在那奋笔疾书。第二天早上顶着个黑眼圈去上班，又是优哉游哉一上午，下午把写好的策划改了改，交了上去。

小王的工作生涯就这样日复一日的过去了，但是他每天上班就这样稀里糊涂、来什么任务就干什么，晚上回家后，随便吃个饭，刷会剧，然后就睡觉了。

两三年下来，自己的工作能力也没有怎么提高，尤其是今年疫情，公司效益不太好，小王最终被裁员了。

【Why】

其实生活中我们很多人都会像小王一样，每天过的忙忙碌碌，恍恍惚惚，一天到晚不知道自己忙的什么。同样工作两三年，看看自己同学小李，已经月薪过万，自己还是来着几千块钱的工资，还啥啥不会，被公司裁员后，也不知道自己能干嘛。

但是一天24小时都是一样的呀，小王就去问小李，他是怎么在这两三年里薪资翻倍的。小李就告诉小王他刚毕业的时候，就做好了自己的职业规划，每天上班的时候，他都会找出自己当天要做的最重要的三件事，最先去完成。

通过小王和小李的故事，我们就可以看出，一个浑浑噩噩，一个每天吃青蛙，两者的差距如此明显，今天的这个拆页将告诉我们如何找到三只最大最丑的青蛙，并确保青蛙时间完成他们。

【How】

明确你的三只大青蛙

确定一天之中你必须要做最重要的三件事，注意这三件事是你必须要做的，别人干不了的。

先吃掉最大最丑的那只青蛙

先去完成这三件最重要的事情中，最大最难的那件事。

保护自己的青蛙时间

找到自己做事情最高效的时间，并用这些时间去做自己最重要的那三件事。

应用“3的法则”创建并严格遵守每天的“待办事项清单”

按照“3的法则”来列出自己的创建“待办事项清单”，并且严格遵守执行。

【Where适用范围】

这个拆页的技能点适合用在你想要改善自己的时间管理的时候。

人生总是有很多的措手不及和未可知遇，就像2019年冬季造访地球的这一场疫灾，一切都还来不及准备，蝗虫、大火、核费水等问题又接踵而至。

无论人们多努力，还是避不开尴尬的昨天，有人失落，有人焦虑，也有为数不少的人，硬把昨天的尴尬作起点，活出生机勃勃的今天，我就是其中的一个。

今年农历新年的第一天，我从国内飞回温哥华，原本打算短暂停留一个月，意外的一道锁关政策，我迫不得已的留下了。

刚开始的时候，我是焦虑不安的，一方面，我担心儿子，他在纽约读大学，虽然对儿子的自理能力很放心，但面对铺天盖地的负面媒体报道，我的心象被掏空一样。

另一方面，我自己在国内的事业团队，刚好突破瓶颈，正要大展身手的时候，却丢失了领头羊，心里很是内疚和不安。

我阅读了尽可能多的主流媒体报道，判断到一时半会是不可能回国的，自己唯一能做的，就是保护好自己，并努力让自己在这种不确定的环境保持有质量的生活。幸好，我的这种焦虑不安状态只维持了一周的时间，很快心态就调整过来，并对接下来在温哥华的生活做了较好的计划。

现在总结一下我这大半年的成功经验，大体也得益于本拆页的提及的知识点：

【我的三只青蛙】

“责任”、“个人成长”和“特别事项的执行”这三大类事情，是我目前最需要关注的。责任之中，作为母亲的角色是目前的重中之重，我需要给儿子底气，用实实在在的关爱陪他度过疫情所带来的种种困扰。个人成长部分，主要体现在短期课程的报读了，例如我们的RIA训练营。特别事项更多的是指向某一个慈善活动的策划和执行。

【同时兼顾最大的青蛙和最难吃的青蛙】

目前，我最重要的事情（也是最大的青蛙）就是坐稳做好儿子的大后方，这个可能会是影响他一辈子的特别时期。幸运的，我和儿子之间有很深的互信，有些事情一点就通，心中彼此澄亮，因此，我们之间所有的视讯和语音都是愉悦的。

没有特别事项的情况之下，个人成长便成了最难吃的青蛙，单单是对一项技能的刻意练习，由陌生到熟练掌握，就已经是一种长时间的自我挑战了，需要投入相当多的时间和精力。

【我的青蛙时间】

一日之际在于晨，从大学毕业开始，我通常会在6点到8点的时间学习和阅读，这大半年以来，我增加了晚上的9点到11点的学习时间。这两个时间段，我会尽量排除一切干扰，让过程专注而高效。

【永远做在前的日程表】

我认同有规划有方向的人生最自信，也最自在的，所以我习惯每天跟着行事日程走，不过，现实上很多的事情很难预料，这就需要我们不断审视和调整日程表，以确保时间安排满足我的3只青蛙的需要，也就是确保担待责任的同时完成特定任务或者达成学习目标。

【目标】在11月15号前，完成佛国无界慈善基金会的组织架构设计和任务分工初稿，并制准备董事会决议的相关相关文案资料。

【计划 - 选择要素中的三只青蛙】

要高质量的完成任务，慈善机构营运模式搜索与整理、与主要干事的沟通交流、PPT等文案工作的准备是关键工作。

【计划 - 确定哪个是最大最难吃的青蛙】

慈善机构营运模式的搜索和整理是最花时间和精力的，另外，网上资料搜索也是我的短板。

【计划 - 确保任务顺利进行的青蛙时间】

我计划把每天早上6点到8点和晚上9点到11点这两学习时段用作搜索营运模式案例和整理案例要点，力求4个小时的时间内，学习并整理1-2个案例。晚餐后时间比较适合视讯和音频，计划每天用1个半小时跟2-3个干事沟通思路。至于文案资料的准备，是一个化零为整的工作，我会随时根据需要做记录、整理和编辑。

【计划 - 编写待办事情清单】

生活的艺术在于平衡，既要保障特别事项按时而有质量的完成，又要兼顾衣食住行的方方面面，一份合理的时程表是必不可少的，每天时程表的最后一项任务，肯定是审视当天时程安排的合理性和评估它对当天工作的意义，以及完成对第二天待办事情清单的编写。

响应式设计3--确定元素偏移量的五个步骤

一

偏移量

先讲几个偏移量属性：
offsetHeight：元素在垂直方向上占用的空间大小；相当于border-top+padding-top+height+padding-bottom+border-bottom
offsetWidth：元素在水平方向上占有的空间大小；相当于botder-left+padding-left+width+padding-right+border+right
offsetLeft：元素的左外边框至包含元素的左内边框之间的像素距离。
offsetTop：元素的上外边框至包含元素的上内边框之间的像素距离。
其中，offsetLeft和offsetTop属性与包含元素有关，包含元素的引用保存在offsetParent属性中。
获取某个元素在页面上的偏移量：

function getElementLeft(element){
    var actualLeft=element.offsetLeft;
    var current=element.offsetParent;    while(current !== null){
        actualLeft += current.offsetLeft;
        current = current.offsetParent;
    }    return actualLeft;
}

function getElementTop(element){
    var actualTop=element.offsetTop;
    var current=element.offsetParent;    while(current !== element.offsetParent){
        actualTop += current.offsetTop;
        current = current.offsetParent;
    }    return actualTop;
}

二

客户区大小

客户区大小指的是元素内容及其内边距所占空间的大小。
两个属性：
clientWidth：width+左右内边距
clientHeight：height+上下内边距

alert(someElement.clientWidth);

三

视口大小

①innerWidth和innerHeight表示视口大小（不包含ie8）
IE8及更早版本通过DOM提供了页面可见区域：
② document.documentElement.clientWidth和document.documentElement.clientHeight（标准模式）
document.body.clientWidth和document.clientHeight（混杂模式）
取得视口大小的跨浏览器的解决方案：

var pageWidth=window.innerWidth,
    pageHeight=window.innerHeight;if(typeof pageWidth != "number"){    if(document.compatMode == "CSS1Compat"){
        pageWidth=document.documentElement.clientWidth;
        pageHeight=document.documentElement.clientHeight;
    }else{
        pageWidth=document.body.clientWidth;
        pageHeight=document.body.clientHeight;
    }
}

四

滚动大小

就是指包含滚动内容的元素大小。像textarea、html这些元素，当内容超过所设置的宽高后，就会出现一个滚动条，滚动大小的计算差不多就是指把元素内容平铺后的大小。
scrollHeight：在没有滚动条的情况下（平铺开），内容的总高度。
scrollWidth：在没有滚动条的情况下（平铺开），内容的总宽度。
（上面两者主要是用于确定内容的实际大小）
scrollLeft：被隐藏在内容区域左侧的像素数。
scrollTop：被隐藏在内容区域上方的像素数。
（上面两者既可以确定元素当前滚动的状态，也可以设置元素的滚动位置）

五

确定元素的大小

getBoundingClientRect( )方法，这个方法会返回一个矩形对象，包含4个属性left、top、right和bottom，给出了元素在页面中相对于视口的位置
①由于ie8及更早版本认为文档的左上角坐标是(2,2)，而其他浏览器包括ie9则将(0,0)作为起点坐标，所以用函数使用它自身的属性来确定是否要对坐标进行调整。
②一般来说，right与left的差值与offsetWidth相等；同理，bottom与top的差值与offsetHeight相等。
所以跨浏览器的函数可以写成：

function getBoundingClientRect(element){
    var scrollTop=document.documentElement.scrollTop;
    var scrollLeft=document.documentElement.scrollLeft;    if(element.getBoundingClientRect){        if(typeof arguments.callee.offset != "number"){
            var scrollTop=document.documentElement.scrollTop;
            var temp=document.createElement("div");
            temp.style.cssText="position:absolute;left:0;top:0;";
            document.body.appendChild(temp);
            arguments.callee.offset=-temp.getBoundingClientRect().top-scrollTop;
            document.body.removeChild(temp);
            temp=null;
        }

        var rect=element.getBoundingClientRect();
        var offset=arguments.callee.offset;        return{
            left:rect.left+offset,
            right:rect.right+offset,
            top:rect.top+offset,
            bottom:rect.bottom+offset
        };
    }else{

        var actualLeft=getElementLeft(element);
        var actualTop=getElementTop(element);        return{
            left:actualLeft-scrollLeft,
            right:actualLeft+element.offsetWidth-scrollLeft,
            top:actualTop-scrollTop,
            bottom:actualTop+element.offsetHeight-scrollTop
        }
    }
}