页面载入中..

回到页首回到页尾

解决 babel 6 升级后使用 import 关键字报错的问题

momo @ 2015.11.29 [ Development ]

有几个项目使用了 es6 + babelify(babel) + gulp 的发布工具,一开始用着还挺好,后来手贱 npm outdated 并升级了几个插件以后,就嗝屁了,编译时提示错误:

如果把 babelify 降级使用倒是可以正常,但是作为一个追新党不能忍,最后通过不懈的搜索终于发现了问题的所在,原来是 babel 升级为 6.0 后,对 es6 的支持从 core 里面分离开来,需要单独安装插件 babel-preset-es2015 和 babel-preset-react,并进行相关配置。安装方法如下:

gulpfile.js 的 transform 中需要添加如下配置(browserify 为例):

详细代码及插件结构参见:package.json, gulpfile.js


解决 Touch 事件与 Scroll 事件的冲突问题

momo @ 2015.11.29 [ Development ]

开发移动应用时会遇到一个 UI 里面既可以点击(touchend)又可以滑动(scroll window)的情况,如果同时绑定两个事件就会同时执行,这是我们所不愿意看到的情况。大致解决思路是通过一个变量标记当前的触摸状态,当手指移动时标记为正在拖拽,而没有移动的时候则标记为没有在拖拽。代码如下:


修复 OS X El Capitan 系统 GEM 无法使用的问题

momo @ 2015.10.08 [ Development, Mac ]

升级了 OS X El Capitan,各种问题纷至沓来,今天使用 compass 的时候就发现提示 – command not found 了,重新安装,也是各种报错,搜了一下有这个问题的人还真不少,解决方案是有的,一说是关闭 rootless 功能,不过这样个人感觉有些激进了,于是继续搜索,找到解决方案如下:

1. 打开终端;
2. 输入命令

3. 输入命令

4. 输入命令

5. 输入命令

问题解决。


修复 Firefox 下本地使用 Bootstrap 3 时 glyphicon 不显示问题

momo @ 2015.08.19 [ Development ]

本地开发使用 Firefox 调试,遇到了 glyphicon 图标不显示的问题,期初以为是路径问题,搜索一大圈后找到了答案,原来这是一个安全性的问题,于是问题就好办了,解决方案如下(via):

1. 在Firefox地址栏输入 about:config 回车;
2. 搜索 security.fileuri.strict_origin_policy 双击,把 true 变为 false;
3. 刷新页面

完工。


自制未越狱iPhone铃声

momo @ 2015.07.24 [ Fun ]

年纪大了本来对铃声的需求是不太强烈的,但也架不住只要一出门经常别人手机响了就以为是自己电话来了的窘境频繁发生,自制个性铃声,于人于己都方便。

然而大家都知道,为了更好的赚钱(让你花钱买铃声)以及版权问题,未越狱的iPhone上是没法将下载的歌曲自定义为来电铃声的。然而苹果并没有把路封死,你可以使用iTunes来同步铃声(以Mac为例,Win下面文字描述可能略有不同):

1. 下载用来制作歌曲的资源(我一般使用网易云音乐);

2. 打开iTunes,在偏好设置中打开“通用”->“导入设置”->“导入时使用”->“AAC编码器”,把下载好的歌曲拖拽到音乐播放列表中;

3. 在歌曲名上右键,选择“显示简介”->“选项”,设定铃声的开始时间、结束时间(选项中还有其他的东西可以调节,看自己喜好),选择好以后点击播放可以试听铃声,此时文件并没有开始被裁切,但点击播放时会根据之前设定的开始和结束时间(这一步也许会反复试听调试好几次),注意开始和结束时间的间隔不能超过40秒;

4. 此时在歌曲名上右键,选择“创建AAC版本”,此时iTunes会进行转码,不久就会在播放列表中出现一个同名的新歌曲文件,右键点击,选择“在Finder中显示”,此时你会看到一个后缀名为.m4a的文件,改为.m4r,选中文件按⌘+C(拷贝),找到这个文件的上3级或上2级目录,一个叫做Music的文件夹,找到跟他平级的Tones文件夹(没有就创建一个),进入Tones目录,按⌘+⌥+V(剪切);

5. 切换到iTunes的“铃声”选项卡,把Tones目录下的这个m4r文件拖进去;

6. 现在万事俱备,就差一台iPhone了~ 开个玩笑 :)

7. 将iPhone用数据线与电脑连接,此时会开始自动同步数据,如果没有,打开iTunes的iPhone选项卡,选择左侧的“铃声”,在右侧选择“所选铃声”,勾选你做好的铃声后,点击应用,即开始同步。

8. 打开手机“设置”-“声音”-“铃声”,就可以选择使用自己制作的铃声了。

Have Fun!