最近经常抱怨：我再也不想写一句 console.log() 了！

困惑

最近一直都在玩前端技术，其实也不算是纯粹的前端了，但是 js 语法体系里的东西确实越来越好用，npm 管理下的项目开发也变得充满了魔法。

但是，和其他平台一样，在开发的过程中，我们不停的输出各种变量，虽然我知道各种 debug 工具都很好用，但是，我们还是无法避免的需要把变量输出到调试面板，以给我们最直观的体验，这种最基础最直接的方式有时候觉得很蠢，但是不可或缺。

然而我是懒惰而不喜欢重复的，这种习惯体现在方方面面。

1

console.log(sth);

一度让我觉得，我自己在浪费生命。

具体的说，我常用的 console.log 应该和大多数人的用法一样，分两种情况：

• 输出变量的值

1

console.log(value);

• 因为输出的内容太多，我需要给变量做标识

1

console.log('value '+value);

这里有个小细节，就是如果我在 javascript 里，如果 value 是个对象或者数组，这样的输出结果可读性非常差，一般结果就是 [Object Object] 之类的结果，显然并不是我们想要的。所以这里可以稍加调整，估计一般人都已经这么做了。

1

console.log('value ',value);

这样，只是修改了一个字符，保障不同类型的变量都输出都有比较好的可读性。 Chrome 的 devtool 可以把这些复杂对象处理的非常舒服。

这样看，我们的需求就非常简单了，就是要输入这样的一段代码就可以了。

console.log('value: ',value);

这里加了一个冒号，增加可读性。

因为要经常使用的原因，这句话里又有括号，又有单引号，还有冒号和逗号，输入复杂度其实不算低。

• 我个人在没有任何输入提示下输入大概需要 9s 多；
• 在 VS Code 代码提示和补全的帮助下大概需要的时间是 7s 多；

这些还都是在没有输入错误反复修改的情况下统计的。

拿平均输入需要8s 算如果每天输入这段代码 100次（我估计比这还多），那消耗的时间就达到了 800秒 也就是大概 13分钟。如果一年那大概 4745分钟。 大约 79小时。

关键的问题是，我反复的输入并不能提升我的任何技能，它没有意义！ 所以我决定改进。

这一天我们并没有什么探索，也没有游览景点，也就是晚上的时候去了下路边的优衣库。其他的时间呢？都在陪着一一玩沙坑。一爸觉得自己的耐力值提升迅速。

第三天，我们离开了东京，在路上奔波了大半天，来到了京都的日式民宿，开启了京都之旅。

第二天我们来到了东京迪斯尼，我们经历了风雨交加、溜娃失控、欢乐地说Byebye，然而和这些都不能比拟的是：我们居然 一 个 项 目 都 没 玩 …

听说现在读文字君已经要绝迹了，所以文章的开头应该有个带音乐的视频，于是… “嚓” 这里就出现了一个带音乐的视频。

墙外用户如果想看高清可以去油管订阅 我的频道； 也可以复制链接到 腾讯视频 查看

由于前一晚休息的比较好，今天早上6点左右我就起床了，蹑手蹑脚的穿好衣服，一个人出门探索一下住处周边的情况。

由于太早了，路上一个人也没有，只有路口闪烁着的红绿灯发出的提示音。

旅行第一天流水账是这样的，我们先和小伙伴们机场会合，然后国行飞羽田机场，再巴士到东京新蒲安，入住民宿，之后休息！然而旅行总是有故事的，路上各种预料和预料不到的状况频出..先看视频，喜欢文字的可以往下看。

墙外用户如果想看高清可以去油管订阅 我的频道； 也可以复制链接到 腾讯视频 查看

提前一周，一妈就开始收拾东西了，新买的箱子需要做些区别，否则很容易在机场跟别人撞箱。一一对贴纸也是着迷，所以一路帮倒忙，平时可能半个小时候就能搞定的贴箱子活动几乎花了整晚，不过也好，平时这也是游戏时间，她玩的开心就好。

一妈为了照顾娃的感受，可以说是用尽心思，机票时间很好，不需要提前叫醒娃，保障她的充足睡眠，这对于避免飞机上闹情绪应该是非常必要的。我们提前几天就预约了滴滴专车，也就不去搬箱子挤地铁了，但是这里还真是对北京的路况充满了担忧，后来的事实证明担忧是非常必要的！

早上出发，果不其然，约好的8点40专车，到了8点半的时候还堵在二环里呢，打电话过去司机也是懵逼，他也没想到今天这么赌，那也没辙，生等呗，还好做了足够多的提前量，12:50的飞机，就算他再晚个半小时我们应该也是来得及的。在看到 GPS 提示他即将到达小区的前5分钟，我们出门了，2个大箱子，3个双肩背、一一背包里其实只有一包纸，这里必须感慨一下带娃出行想轻装好难啊！

在去机场的路上并没有出现什么特别的拥堵，不到50分钟的样子，我们出现在了北京首都国际机场的T3，并没有出现时间上的问题，这时同行的小伙伴打来电话，他们也堵在路上了，不过这超长版提前量拉的还是很明智的，在我带着一一粗略观赏了一下 T3的结构之后，小伙伴如期到达了。

大概在3、4个月之前，一一妈妈开始和她的闺中密友们就开始策划了这次日本之旅了，而且信誓旦旦的说要在一一两岁之前付诸实施，这里蕴含着深刻的经济学原理：两岁之前的小朋友机票不要钱!不要钱!

严格意义上说，一一还没有2周岁，还有半个月的时间，然而，我觉得一一的发展似乎是提前的，因为我和一一妈已经闻到了回荡在一一周围的 Terrible 2 坏坏的气息了。

这里就先不交代旅行细节了（后续慢慢按天儿聊），这次旅行我们全（多半吧）程 HARD 模式，非常耗体力。忙里偷闲得拍摄了100G 的视频素材。因为最近一爸的工作有点忙，所以视频到现在都没剪辑出来，这个和一爸曾经设想过的视频不过夜（当晚剪辑）的初衷严重违背了，再次自我检讨一下，但是，拍出片儿是一定要剪的。所以拖了一个多月之后，最终『预告片』剪出来了，大部分视频也『粗剪』完成，这里可以放出一部分了。

墙外用户如果想看高清可以去油管订阅 我的频道 ；也可以复制链接到 腾讯视频 查看

废话不多说，先看视频，喜欢文字的可以往下看。墙外用户可以去订阅我的油管Youtube频道，或者直接观看高清版本（1080p/60fps)视频

一妈最近刷小红书，写下介绍的第一句感觉就已经挺可怕的了，小红书对于一爸是谜一般的存在，因为并不了解，后来在一妈的介绍下才知道这是个种草神器啊。。。建议定期查看，以防沉迷。。。

所以五一假期的第二天，一一刚刚吃完早午餐（第一天玩太 high，起晚了），我们就出发了，刚走出一小段路，一爸感觉又饿了，于是在麦当劳简单的又吃了一小口，保障路上能量充足。

通往红砖美术馆的路线虽然曲折，但是路况居然一路顺畅，声音甜但些许有些腻人的志玲姐姐也没有带我们走一条冤枉路，顺利到达。

到了红砖美术馆门口，看到路边可以随意停车，感觉城里真是弱爆了…

就在进馆前的15分钟，一一突然困意来袭，而且是那种加强版的困意，没有丝毫的犹豫，一下子就睡着了，一爸一妈也是没有任何的防备。一一躺在妈妈身上的睡姿也是相当迷银。。。一妈虽说也是无语，但是做过妈的人就是不一样，早就准备了几百条预案，和不断退让的底线，就在这样的情况下，也坐怀不乱滴拿起相机，和睡梦里的一一自拍起来。。。

我也没闲着，吃了3小包饼干，一个小蛋糕，一瓶酸奶，些许谷乐多，半根火腿肠，一小口农夫山泉…

半个多小时过去了，一一醒了，几乎是秒醒，大眼睛忽闪忽闪的，我看见她脑门上写着：剩余电量 120%

一妈也等不及了，所以我们三人一同冲进了美术馆。

小程序主要基于数据绑定来处理 js 和 wxml 之间的数据传输，虽然这样有很多便利性，但是有时候也是蛮不方便的。今天遇到调用组件方法的问题，其实非常简单，最关键是一个 selectComponent('#component-id'); 的方法问题，不想读太多文字可以直接下载源码。下面是完整记录。

创建组件

新建一个叫做 my-component 的组件，并在组件 my-component.js 的 methods 块里增加 myFunction 方法，也就是一会儿我们想尝试用页面直接调用的方法。组件的其他内容，按照需要的逻辑自己添加就好了。

Component({
    properties: {

    },
    data: {

    },
    methods: {
        myFunction: function(){
            console.log('I am myFunction');
        }
    }
})

微信小程序大热，很多公司都跟着跑，没办法，谁叫微信牛掰，手里握着6个亿+的活跃用户，这个体量没有人会不重视吧！所以我也加入了一探究竟的大军，开始了小程序的摸索，个人还是很喜欢这套技术路线的，在开发领域来说，数据绑定、Nodejs 这些百花齐放而又灵活自如的开发模式越来越受到青睐。但是任何一门技术，趟坑的过程都是必不可少的，作为老技术人员，也乐在其中了。。

(CST) 渲染层网络层错误

版本:

版本库: v1.9.3  devtool: v2018.03.13

问题:

选择本机图片 wx.chooseImage 然后渲染到画布 ctx.drawImage(imagePath,0,0,300,500) 调试区域出现错误，（CST) 渲染层网络层错误。

解决方法：

关闭翻墙工具，然后重启开发工具

BTW:

貌似新版的开发工具已经解决了这个问题，目测已经可以把开发工具和fan-qiang 工具共存了